parent
b90e29c901
commit
0f60358b0b
@ -1,29 +1,29 @@ |
|||||||
<!-- Pagination links - copied from http://jekyllrb.com/docs/pagination/ --> |
<!-- Pagination links - copied from http://jekyllrb.com/docs/pagination/ --> |
||||||
{% if paginator.total_pages > 1 %} |
{% if paginator.total_pages > 1 %} |
||||||
<br /> |
<br /> |
||||||
<div class="pagination"> |
<div class="pagination"> |
||||||
{% if paginator.previous_page %} |
{% if paginator.previous_page %} |
||||||
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a> |
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a> |
||||||
{% else %} |
{% else %} |
||||||
<span>« Prev</span> |
<span>« Prev</span> |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
{% for page in (1..paginator.total_pages) %} |
{% for page in (1..paginator.total_pages) %} |
||||||
{% if page == paginator.page %} |
{% if page == paginator.page %} |
||||||
<em>{{ page }}</em> |
<em>{{ page }}</em> |
||||||
{% elsif page == 1 %} |
{% elsif page == 1 %} |
||||||
<a href="{{ '/blog' | prepend: site.baseurl }}">{{ page }}</a> |
<a href="{{ '/blog' | prepend: site.baseurl }}">{{ page }}</a> |
||||||
{% else %} |
{% else %} |
||||||
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a> |
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a> |
||||||
{% endif %} |
{% endif %} |
||||||
{% endfor %} |
{% endfor %} |
||||||
|
|
||||||
{% if paginator.next_page %} |
{% if paginator.next_page %} |
||||||
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a> |
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a> |
||||||
{% else %} |
{% else %} |
||||||
<span>Next »</span> |
<span>Next »</span> |
||||||
{% endif %} |
{% endif %} |
||||||
</div> |
</div> |
||||||
<br /> |
<br /> |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
|
@ -1,5 +1,5 @@ |
|||||||
<div class="gridBlock"> |
<div class="gridBlock"> |
||||||
{% for item in {{include.data_source}} %} |
{% for item in {{include.data_source}} %} |
||||||
{% include content/items/gridblock.html item=item layout=include.layout imagealign=include.imagealign align=include.align %} |
{% include content/items/gridblock.html item=item layout=include.layout imagealign=include.imagealign align=include.align %} |
||||||
{% endfor %} |
{% endfor %} |
||||||
</div> |
</div> |
@ -1,37 +1,37 @@ |
|||||||
{% if include.layout == "fourColumn" %} |
{% if include.layout == "fourColumn" %} |
||||||
{% assign layout = "fourByGridBlock" %} |
{% assign layout = "fourByGridBlock" %} |
||||||
{% else %} |
{% else %} |
||||||
{% assign layout = "twoByGridBlock" %} |
{% assign layout = "twoByGridBlock" %} |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
{% if include.imagealign == "side" %} |
{% if include.imagealign == "side" %} |
||||||
{% assign imagealign = "imageAlignSide" %} |
{% assign imagealign = "imageAlignSide" %} |
||||||
{% else %} |
{% else %} |
||||||
{% if item.image %} |
{% if item.image %} |
||||||
{% assign imagealign = "imageAlignTop" %} |
{% assign imagealign = "imageAlignTop" %} |
||||||
{% else %} |
{% else %} |
||||||
{% assign imagealign = "" %} |
{% assign imagealign = "" %} |
||||||
{% endif %} |
{% endif %} |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
{% if include.align == "right" %} |
{% if include.align == "right" %} |
||||||
{% assign align = "alignRight" %} |
{% assign align = "alignRight" %} |
||||||
{% elsif include.align == "center" %} |
{% elsif include.align == "center" %} |
||||||
{% assign align = "alignCenter" %} |
{% assign align = "alignCenter" %} |
||||||
{% else %} |
{% else %} |
||||||
{% assign align = "alignLeft" %} |
{% assign align = "alignLeft" %} |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
<div class="blockElement {{ layout }} {{ imagealign }} {{ align }}"> |
<div class="blockElement {{ layout }} {{ imagealign }} {{ align }}"> |
||||||
{% if item.image %} |
{% if item.image %} |
||||||
<div class="blockImage"> |
<div class="blockImage"> |
||||||
<img src="/static/{{ item.image }}" alt="{{ item.title }}" title="{{ item.title }}" /> |
<img src="/static/{{ item.image }}" alt="{{ item.title }}" title="{{ item.title }}" /> |
||||||
</div> |
</div> |
||||||
{% endif %} |
{% endif %} |
||||||
<div class="blockContent"> |
<div class="blockContent"> |
||||||
<h3>{{ item.title }}</h3> |
<h3>{{ item.title }}</h3> |
||||||
{% if item.text %} |
{% if item.text %} |
||||||
{{ item.text | markdownify }} |
{{ item.text | markdownify }} |
||||||
{% endif %} |
{% endif %} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
@ -1,33 +1,33 @@ |
|||||||
<div class="footerContainer"> |
<div class="footerContainer"> |
||||||
<div id="footer_wrap" class="wrapper footerWrapper"> |
<div id="footer_wrap" class="wrapper footerWrapper"> |
||||||
<div class="footerBlocks"> |
<div class="footerBlocks"> |
||||||
<div id="fb_oss" class="footerSection fbOpenSourceFooter"> |
<div id="fb_oss" class="footerSection fbOpenSourceFooter"> |
||||||
<svg class="facebookOSSLogoSvg" viewBox="0 0 1133.9 1133.9" x="0px" y="0px"> |
<svg class="facebookOSSLogoSvg" viewBox="0 0 1133.9 1133.9" x="0px" y="0px"> |
||||||
<g> |
<g> |
||||||
<path class="logoRing outerRing" d="M 498.3 3.7 c 153.6 88.9 307.3 177.7 461.1 266.2 c 7.6 4.4 10.3 9.1 10.3 17.8 c -0.3 179.1 -0.2 358.3 0 537.4 c 0 8.1 -2.4 12.8 -9.7 17.1 c -154.5 88.9 -308.8 178.1 -462.9 267.5 c -9 5.2 -15.5 5.3 -24.6 0.1 c -153.9 -89.2 -307.9 -178 -462.1 -266.8 C 3 838.8 0 833.9 0 825.1 c 0.3 -179.1 0.2 -358.3 0 -537.4 c 0 -8.6 2.6 -13.6 10.2 -18 C 164.4 180.9 318.4 92 472.4 3 C 477 -1.5 494.3 -0.7 498.3 3.7 Z M 48.8 555.3 c 0 79.9 0.2 159.9 -0.2 239.8 c -0.1 10 3 15.6 11.7 20.6 c 137.2 78.8 274.2 157.8 411 237.3 c 9.9 5.7 17 5.7 26.8 0.1 c 137.5 -79.8 275.2 -159.2 412.9 -238.5 c 7.4 -4.3 10.5 -8.9 10.5 -17.8 c -0.3 -160.2 -0.3 -320.5 0 -480.7 c 0 -8.8 -2.8 -13.6 -10.3 -18 C 772.1 218 633.1 137.8 494.2 57.4 c -6.5 -3.8 -11.5 -4.5 -18.5 -0.5 C 336.8 137.4 197.9 217.7 58.8 297.7 c -7.7 4.4 -10.2 9.2 -10.2 17.9 C 48.9 395.5 48.8 475.4 48.8 555.3 Z" /> |
<path class="logoRing outerRing" d="M 498.3 3.7 c 153.6 88.9 307.3 177.7 461.1 266.2 c 7.6 4.4 10.3 9.1 10.3 17.8 c -0.3 179.1 -0.2 358.3 0 537.4 c 0 8.1 -2.4 12.8 -9.7 17.1 c -154.5 88.9 -308.8 178.1 -462.9 267.5 c -9 5.2 -15.5 5.3 -24.6 0.1 c -153.9 -89.2 -307.9 -178 -462.1 -266.8 C 3 838.8 0 833.9 0 825.1 c 0.3 -179.1 0.2 -358.3 0 -537.4 c 0 -8.6 2.6 -13.6 10.2 -18 C 164.4 180.9 318.4 92 472.4 3 C 477 -1.5 494.3 -0.7 498.3 3.7 Z M 48.8 555.3 c 0 79.9 0.2 159.9 -0.2 239.8 c -0.1 10 3 15.6 11.7 20.6 c 137.2 78.8 274.2 157.8 411 237.3 c 9.9 5.7 17 5.7 26.8 0.1 c 137.5 -79.8 275.2 -159.2 412.9 -238.5 c 7.4 -4.3 10.5 -8.9 10.5 -17.8 c -0.3 -160.2 -0.3 -320.5 0 -480.7 c 0 -8.8 -2.8 -13.6 -10.3 -18 C 772.1 218 633.1 137.8 494.2 57.4 c -6.5 -3.8 -11.5 -4.5 -18.5 -0.5 C 336.8 137.4 197.9 217.7 58.8 297.7 c -7.7 4.4 -10.2 9.2 -10.2 17.9 C 48.9 395.5 48.8 475.4 48.8 555.3 Z" /> |
||||||
<path class="logoRing middleRing" d="M 184.4 555.9 c 0 -33.3 -1 -66.7 0.3 -100 c 1.9 -48 24.1 -86 64.7 -110.9 c 54.8 -33.6 110.7 -65.5 167 -96.6 c 45.7 -25.2 92.9 -24.7 138.6 1 c 54.4 30.6 108.7 61.5 162.2 93.7 c 44 26.5 67.3 66.8 68 118.4 c 0.9 63.2 0.9 126.5 0 189.7 c -0.7 50.6 -23.4 90.7 -66.6 116.9 c -55 33.4 -110.8 65.4 -167.1 96.5 c -43.4 24 -89 24.2 -132.3 0.5 c -57.5 -31.3 -114.2 -64 -170 -98.3 c -41 -25.1 -62.9 -63.7 -64.5 -112.2 C 183.5 621.9 184.3 588.9 184.4 555.9 Z M 232.9 556.3 c 0 29.5 0.5 59.1 -0.1 88.6 c -0.8 39.2 16.9 67.1 50.2 86.2 c 51.2 29.4 102.2 59.2 153.4 88.4 c 31.4 17.9 63.6 18.3 95 0.6 c 53.7 -30.3 107.1 -61.2 160.3 -92.5 c 29.7 -17.5 45 -44.5 45.3 -78.8 c 0.6 -61.7 0.5 -123.5 0 -185.2 c -0.3 -34.4 -15.3 -61.5 -44.9 -79 C 637.7 352.6 583 320.8 527.9 290 c -27.5 -15.4 -57.2 -16.1 -84.7 -0.7 c -56.9 31.6 -113.4 64 -169.1 97.6 c -26.4 15.9 -40.7 41.3 -41.1 72.9 C 232.6 491.9 232.9 524.1 232.9 556.3 Z" /> |
<path class="logoRing middleRing" d="M 184.4 555.9 c 0 -33.3 -1 -66.7 0.3 -100 c 1.9 -48 24.1 -86 64.7 -110.9 c 54.8 -33.6 110.7 -65.5 167 -96.6 c 45.7 -25.2 92.9 -24.7 138.6 1 c 54.4 30.6 108.7 61.5 162.2 93.7 c 44 26.5 67.3 66.8 68 118.4 c 0.9 63.2 0.9 126.5 0 189.7 c -0.7 50.6 -23.4 90.7 -66.6 116.9 c -55 33.4 -110.8 65.4 -167.1 96.5 c -43.4 24 -89 24.2 -132.3 0.5 c -57.5 -31.3 -114.2 -64 -170 -98.3 c -41 -25.1 -62.9 -63.7 -64.5 -112.2 C 183.5 621.9 184.3 588.9 184.4 555.9 Z M 232.9 556.3 c 0 29.5 0.5 59.1 -0.1 88.6 c -0.8 39.2 16.9 67.1 50.2 86.2 c 51.2 29.4 102.2 59.2 153.4 88.4 c 31.4 17.9 63.6 18.3 95 0.6 c 53.7 -30.3 107.1 -61.2 160.3 -92.5 c 29.7 -17.5 45 -44.5 45.3 -78.8 c 0.6 -61.7 0.5 -123.5 0 -185.2 c -0.3 -34.4 -15.3 -61.5 -44.9 -79 C 637.7 352.6 583 320.8 527.9 290 c -27.5 -15.4 -57.2 -16.1 -84.7 -0.7 c -56.9 31.6 -113.4 64 -169.1 97.6 c -26.4 15.9 -40.7 41.3 -41.1 72.9 C 232.6 491.9 232.9 524.1 232.9 556.3 Z" /> |
||||||
<path class="logoRing innerRing" d="M 484.9 424.4 c 69.8 -2.8 133.2 57.8 132.6 132 C 617 630 558.5 688.7 484.9 689.1 c -75.1 0.4 -132.6 -63.6 -132.7 -132.7 C 352.1 485 413.4 421.5 484.9 424.4 Z M 401.3 556.7 c -3.4 37.2 30.5 83.6 83 84.1 c 46.6 0.4 84.8 -37.6 84.9 -84 c 0.1 -46.6 -37.2 -84.4 -84.2 -84.6 C 432.2 472.1 397.9 518.3 401.3 556.7 Z" /> |
<path class="logoRing innerRing" d="M 484.9 424.4 c 69.8 -2.8 133.2 57.8 132.6 132 C 617 630 558.5 688.7 484.9 689.1 c -75.1 0.4 -132.6 -63.6 -132.7 -132.7 C 352.1 485 413.4 421.5 484.9 424.4 Z M 401.3 556.7 c -3.4 37.2 30.5 83.6 83 84.1 c 46.6 0.4 84.8 -37.6 84.9 -84 c 0.1 -46.6 -37.2 -84.4 -84.2 -84.6 C 432.2 472.1 397.9 518.3 401.3 556.7 Z" /> |
||||||
</g> |
</g> |
||||||
</svg> |
</svg> |
||||||
<h2>Facebook Open Source</h2> |
<h2>Facebook Open Source</h2> |
||||||
</div> |
</div> |
||||||
<div class="footerSection"> |
<div class="footerSection"> |
||||||
<a class="footerLink" href="https://code.facebook.com/projects/" target="_blank">Open Source Projects</a> |
<a class="footerLink" href="https://code.facebook.com/projects/" target="_blank">Open Source Projects</a> |
||||||
<a class="footerLink" href="https://github.com/facebook/" target="_blank">GitHub</a> |
<a class="footerLink" href="https://github.com/facebook/" target="_blank">GitHub</a> |
||||||
<a class="footerLink" href="https://twitter.com/fbOpenSource" target="_blank">Twitter</a> |
<a class="footerLink" href="https://twitter.com/fbOpenSource" target="_blank">Twitter</a> |
||||||
</div> |
</div> |
||||||
<div class="footerSection rightAlign"> |
<div class="footerSection rightAlign"> |
||||||
<a class="footerLink" href="https://github.com/{{ site.ghrepo }}" target="_blank">Contribute to this project on GitHub</a> |
<a class="footerLink" href="https://github.com/{{ site.ghrepo }}" target="_blank">Contribute to this project on GitHub</a> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<script> |
<script> |
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
||||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
||||||
|
|
||||||
ga('create', '{{ site.gacode }}', 'auto'); |
ga('create', '{{ site.gacode }}', 'auto'); |
||||||
ga('send', 'pageview'); |
ga('send', 'pageview'); |
||||||
</script> |
</script> |
||||||
|
@ -1,25 +1,25 @@ |
|||||||
<head> |
<head> |
||||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||||
|
|
||||||
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" /> |
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" /> |
||||||
<meta property="og:site_name" content="{{ site.title }}"/> |
<meta property="og:site_name" content="{{ site.title }}"/> |
||||||
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" /> |
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" /> |
||||||
<meta property="og:image" content="{{ site.url }}{{ site.baseurl }}/static/og_image.png" /> |
<meta property="og:image" content="{{ site.url }}{{ site.baseurl }}/static/og_image.png" /> |
||||||
<meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" /> |
<meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" /> |
||||||
|
|
||||||
<link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/css/main.css" media="screen"> |
<link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/css/main.css" media="screen"> |
||||||
<link rel="icon" href="{{ site.url }}{{ site.baseurl }}/static/favicon.png" type="image/x-icon"> |
<link rel="icon" href="{{ site.url }}{{ site.baseurl }}/static/favicon.png" type="image/x-icon"> |
||||||
{% if site.searchconfig %} |
{% if site.searchconfig %} |
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" /> |
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" /> |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
<title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }}{% endif %}</title> |
<title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }}{% endif %}</title> |
||||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> |
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> |
||||||
|
|
||||||
<base href="{{ site.url }}{{ site.baseurl }}/" /> |
<base href="{{ site.url }}{{ site.baseurl }}/" /> |
||||||
|
|
||||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> |
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> |
||||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" /> |
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" /> |
||||||
</head> |
</head> |
||||||
|
@ -1,22 +1,22 @@ |
|||||||
<div class="homeContainer"> |
<div class="homeContainer"> |
||||||
<div class="homeSplashFade"> |
<div class="homeSplashFade"> |
||||||
<div id="home_wrap" class="wrapper homeWrapper"> |
<div id="home_wrap" class="wrapper homeWrapper"> |
||||||
<div id="inner"> |
<div id="inner"> |
||||||
<h2 id="project_tagline">{{ site.tagline }}</h2> |
<h2 id="project_tagline">{{ site.tagline }}</h2> |
||||||
<section id="intro"> |
<section id="intro"> |
||||||
<p>{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}</p> |
<p>{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}</p> |
||||||
</section> |
</section> |
||||||
<div id="promo" class="section promoSection"> |
<div id="promo" class="section promoSection"> |
||||||
{% for promo in site.data.promo %} |
{% for promo in site.data.promo %} |
||||||
<div class="promoRow"> |
<div class="promoRow"> |
||||||
{% include plugins/{{promo.type}}.html href=promo.href text=promo.text children=promo.children %} |
{% include plugins/{{promo.type}}.html href=promo.href text=promo.text children=promo.children %} |
||||||
</div> |
</div> |
||||||
{% endfor %} |
{% endfor %} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div class="projectLogo"> |
<div class="projectLogo"> |
||||||
<img src="{{ site.baseurl }}/static/logo.svg" alt="{{ site.title }}"> |
<img src="{{ site.baseurl }}/static/logo.svg" alt="{{ site.title }}"> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
@ -1,28 +1,28 @@ |
|||||||
<div id="fixed_header" class="fixedHeaderContainer{% if include.alwayson %} visible{% endif %}"> |
<div id="fixed_header" class="fixedHeaderContainer{% if include.alwayson %} visible{% endif %}"> |
||||||
<div class="headerWrapper wrapper"> |
<div class="headerWrapper wrapper"> |
||||||
<header> |
<header> |
||||||
<a href="{{ site.url }}{{ site.baseurl }}/"> |
<a href="{{ site.url }}{{ site.baseurl }}/"> |
||||||
<img src="{{ site.baseurl }}/static/logo.svg"> |
<img src="{{ site.baseurl }}/static/logo.svg"> |
||||||
<h2>{{ site.title }}</h2> |
<h2>{{ site.title }}</h2> |
||||||
</a> |
</a> |
||||||
|
|
||||||
<div class="navigationWrapper navigationFull" id="flat_nav"> |
<div class="navigationWrapper navigationFull" id="flat_nav"> |
||||||
<nav class="navigation"> |
<nav class="navigation"> |
||||||
<ul> |
<ul> |
||||||
{% for item in site.data.nav %} |
{% for item in site.data.nav %} |
||||||
<li class="navItem{% if page.collection == item.category or page.category == item.category %} navItemActive{% endif %}"> |
<li class="navItem{% if page.collection == item.category or page.category == item.category %} navItemActive{% endif %}"> |
||||||
<a href="{{ item.href }}">{{ item.title }}</a> |
<a href="{{ item.href }}">{{ item.title }}</a> |
||||||
</li> |
</li> |
||||||
{% endfor %} |
{% endfor %} |
||||||
{% if site.searchconfig %} |
{% if site.searchconfig %} |
||||||
{% include nav_search.html inputselector="search_input" %} |
{% include nav_search.html inputselector="search_input" %} |
||||||
{% endif %} |
{% endif %} |
||||||
</ul> |
</ul> |
||||||
</nav> |
</nav> |
||||||
</div> |
</div> |
||||||
<div class="navigationWrapper navigationSlider" id="navigation_wrap"> |
<div class="navigationWrapper navigationSlider" id="navigation_wrap"> |
||||||
{% include nav/header_nav.html %} |
{% include nav/header_nav.html %} |
||||||
</div> |
</div> |
||||||
</header> |
</header> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
@ -1,18 +1,18 @@ |
|||||||
<div class="fb-like pluginWrapper likeButtonWrapper" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div> |
<div class="fb-like pluginWrapper likeButtonWrapper" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div> |
||||||
<script> |
<script> |
||||||
window.fbAsyncInit = function() { |
window.fbAsyncInit = function() { |
||||||
FB.init({ |
FB.init({ |
||||||
appId : '{{ site.fbappid }}', |
appId : '{{ site.fbappid }}', |
||||||
xfbml : true, |
xfbml : true, |
||||||
version : 'v2.3' |
version : 'v2.3' |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|
||||||
(function(d, s, id){ |
(function(d, s, id){ |
||||||
var js, fjs = d.getElementsByTagName(s)[0]; |
var js, fjs = d.getElementsByTagName(s)[0]; |
||||||
if (d.getElementById(id)) {return;} |
if (d.getElementById(id)) {return;} |
||||||
js = d.createElement(s); js.id = id; |
js = d.createElement(s); js.id = id; |
||||||
js.src = "//connect.facebook.net/en_US/sdk.js"; |
js.src = "//connect.facebook.net/en_US/sdk.js"; |
||||||
fjs.parentNode.insertBefore(js, fjs); |
fjs.parentNode.insertBefore(js, fjs); |
||||||
}(document, 'script', 'facebook-jssdk')); |
}(document, 'script', 'facebook-jssdk')); |
||||||
</script> |
</script> |
@ -1,34 +1,34 @@ |
|||||||
<div class="postSocialPlugins"> |
<div class="postSocialPlugins"> |
||||||
<a |
<a |
||||||
href="https://twitter.com/share" |
href="https://twitter.com/share" |
||||||
class="twitter-share-button" |
class="twitter-share-button" |
||||||
data-url="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" |
data-url="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" |
||||||
data-text="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" |
data-text="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" |
||||||
data-hashtags="flowtype">Tweet</a> |
data-hashtags="flowtype">Tweet</a> |
||||||
<div |
<div |
||||||
class="fb-like" |
class="fb-like" |
||||||
data-href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" |
data-href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" |
||||||
data-layout="button_count" |
data-layout="button_count" |
||||||
data-action="like" |
data-action="like" |
||||||
data-show-faces="false" |
data-show-faces="false" |
||||||
data-share="true"></div> |
data-share="true"></div> |
||||||
</div> |
</div> |
||||||
<script> |
<script> |
||||||
window.fbAsyncInit = function() { |
window.fbAsyncInit = function() { |
||||||
FB.init({ |
FB.init({ |
||||||
appId : '{{ site.fbappid }}', |
appId : '{{ site.fbappid }}', |
||||||
xfbml : true, |
xfbml : true, |
||||||
version : 'v2.2' |
version : 'v2.2' |
||||||
}); |
}); |
||||||
}; |
}; |
||||||
|
|
||||||
(function(d, s, id){ |
(function(d, s, id){ |
||||||
var js, fjs = d.getElementsByTagName(s)[0]; |
var js, fjs = d.getElementsByTagName(s)[0]; |
||||||
if (d.getElementById(id)) {return;} |
if (d.getElementById(id)) {return;} |
||||||
js = d.createElement(s); js.id = id; |
js = d.createElement(s); js.id = id; |
||||||
js.src = "//connect.facebook.net/en_US/sdk.js"; |
js.src = "//connect.facebook.net/en_US/sdk.js"; |
||||||
fjs.parentNode.insertBefore(js, fjs); |
fjs.parentNode.insertBefore(js, fjs); |
||||||
}(document, 'script', 'facebook-jssdk')); |
}(document, 'script', 'facebook-jssdk')); |
||||||
</script> |
</script> |
||||||
|
|
||||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> |
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> |
||||||
|
@ -1,88 +1,88 @@ |
|||||||
<div class="slideshowBlock pluginWrapper" id="slideshow"></div> |
<div class="slideshowBlock pluginWrapper" id="slideshow"></div> |
||||||
<script> |
<script> |
||||||
var slideshowData = [ |
var slideshowData = [ |
||||||
{% for image in site.data.slideshow %} |
{% for image in site.data.slideshow %} |
||||||
{ |
{ |
||||||
id : "{{ image.id }}", |
id : "{{ image.id }}", |
||||||
imagesrc : "{{ image.src }}", |
imagesrc : "{{ image.src }}", |
||||||
tooltip : "{{ image.tooltip }}", |
tooltip : "{{ image.tooltip }}", |
||||||
href : "{{ image.link }}", |
href : "{{ image.link }}", |
||||||
}, |
}, |
||||||
{% endfor %} |
{% endfor %} |
||||||
]; |
]; |
||||||
</script> |
</script> |
||||||
<script src="http://fb.me/react-with-addons-0.13.1.min.js"></script> |
<script src="http://fb.me/react-with-addons-0.13.1.min.js"></script> |
||||||
<script type="text/javascript"> |
<script type="text/javascript"> |
||||||
var Slideshow = React.createClass({displayName: "Slideshow", |
var Slideshow = React.createClass({displayName: "Slideshow", |
||||||
getInitialState: function() { |
getInitialState: function() { |
||||||
return { |
return { |
||||||
currentSlide: 0, |
currentSlide: 0, |
||||||
}; |
}; |
||||||
}, |
}, |
||||||
getDefaultProps: function() { |
getDefaultProps: function() { |
||||||
return { |
return { |
||||||
data: slideshowData, |
data: slideshowData, |
||||||
}; |
}; |
||||||
}, |
}, |
||||||
handleSelect: function(id) { |
handleSelect: function(id) { |
||||||
var index = this.props.data.map(function (el, elIndex) { |
var index = this.props.data.map(function (el, elIndex) { |
||||||
return ( |
return ( |
||||||
elIndex |
elIndex |
||||||
); |
); |
||||||
}); |
}); |
||||||
var currentIndex = index.indexOf(id); |
var currentIndex = index.indexOf(id); |
||||||
this.setState({ |
this.setState({ |
||||||
currentSlide: currentIndex, |
currentSlide: currentIndex, |
||||||
}); |
}); |
||||||
}, |
}, |
||||||
render: function() { |
render: function() { |
||||||
return ( |
return ( |
||||||
React.createElement("div", {className: "slideshow"}, |
React.createElement("div", {className: "slideshow"}, |
||||||
React.createElement("div", {className: "slides"}, |
React.createElement("div", {className: "slides"}, |
||||||
this.props.data.map(this.renderSlide) |
this.props.data.map(this.renderSlide) |
||||||
), |
), |
||||||
React.createElement("div", {className: "pagination"}, |
React.createElement("div", {className: "pagination"}, |
||||||
this.props.data.map(this.renderPager) |
this.props.data.map(this.renderPager) |
||||||
) |
) |
||||||
) |
) |
||||||
); |
); |
||||||
}, |
}, |
||||||
renderSlide: function(child, index) { |
renderSlide: function(child, index) { |
||||||
var classes = React.addons.classSet({ |
var classes = React.addons.classSet({ |
||||||
'slide': true, |
'slide': true, |
||||||
'slideActive': this.state.currentSlide === index, |
'slideActive': this.state.currentSlide === index, |
||||||
}); |
}); |
||||||
if (child.href) { |
if (child.href) { |
||||||
return ( |
return ( |
||||||
React.createElement("div", {key: index, className: classes}, |
React.createElement("div", {key: index, className: classes}, |
||||||
React.createElement("a", {href: child.href, alt: child.tooltip, title: child.tooltip}, |
React.createElement("a", {href: child.href, alt: child.tooltip, title: child.tooltip}, |
||||||
React.createElement("img", {src: child.imagesrc, alt: child.tooltip, title: child.tooltip}) |
React.createElement("img", {src: child.imagesrc, alt: child.tooltip, title: child.tooltip}) |
||||||
) |
) |
||||||
) |
) |
||||||
); |
); |
||||||
} |
} |
||||||
return ( |
return ( |
||||||
React.createElement("div", {key: index, className: classes}, |
React.createElement("div", {key: index, className: classes}, |
||||||
React.createElement("img", {src: child.imagesrc, alt: child.tooltip}) |
React.createElement("img", {src: child.imagesrc, alt: child.tooltip}) |
||||||
) |
) |
||||||
); |
); |
||||||
}, |
}, |
||||||
renderPager: function(child, index) { |
renderPager: function(child, index) { |
||||||
var classes = React.addons.classSet({ |
var classes = React.addons.classSet({ |
||||||
'pager': true, |
'pager': true, |
||||||
'pagerActive': this.state.currentSlide === index, |
'pagerActive': this.state.currentSlide === index, |
||||||
}); |
}); |
||||||
return ( |
return ( |
||||||
React.createElement("span", {key: index, className: classes, onClick: this.handleSelect.bind(this, index)}) |
React.createElement("span", {key: index, className: classes, onClick: this.handleSelect.bind(this, index)}) |
||||||
); |
); |
||||||
}, |
}, |
||||||
}); |
}); |
||||||
|
|
||||||
function render(slideshowData) { |
function render(slideshowData) { |
||||||
React.render( |
React.render( |
||||||
React.createElement(Slideshow, {data: slideshowData}), |
React.createElement(Slideshow, {data: slideshowData}), |
||||||
document.getElementById('slideshow') |
document.getElementById('slideshow') |
||||||
); |
); |
||||||
} |
} |
||||||
render(slideshowData); |
render(slideshowData); |
||||||
</script> |
</script> |
@ -1,35 +1,35 @@ |
|||||||
<div class="post"> |
<div class="post"> |
||||||
{% assign author = site.data.authors[page.author] %} |
{% assign author = site.data.authors[page.author] %} |
||||||
<header class="post-header"> |
<header class="post-header"> |
||||||
{% if author.fbid %} |
{% if author.fbid %} |
||||||
<div class="authorPhoto"> |
<div class="authorPhoto"> |
||||||
<img src="http://graph.facebook.com/{{ author.fbid }}/picture/" alt="{{ author.fullname }}" title="{{ author.fullname }}" /> |
<img src="http://graph.facebook.com/{{ author.fbid }}/picture/" alt="{{ author.fullname }}" title="{{ author.fullname }}" /> |
||||||
</div> |
</div> |
||||||
{% endif %} |
{% endif %} |
||||||
{% if author.full_name %} |
{% if author.full_name %} |
||||||
<p class="post-authorName">{{ author.full_name }}</p> |
<p class="post-authorName">{{ author.full_name }}</p> |
||||||
{% endif %} |
{% endif %} |
||||||
<h1 class="post-title">{% if include.truncate %}<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a>{% else %}{{ page.title }}{% endif %}</h1> |
<h1 class="post-title">{% if include.truncate %}<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a>{% else %}{{ page.title }}{% endif %}</h1> |
||||||
<p class="post-meta">Posted {{ page.date | date: '%B %d, %Y' }}{% if page.meta %} • {{ page.meta }}{% endif %}</p> |
<p class="post-meta">Posted {{ page.date | date: '%B %d, %Y' }}{% if page.meta %} • {{ page.meta }}{% endif %}</p> |
||||||
</header> |
</header> |
||||||
|
|
||||||
<article class="post-content"> |
<article class="post-content"> |
||||||
{% if include.truncate %} |
{% if include.truncate %} |
||||||
{% if page.content contains '<!--truncate-->' %} |
{% if page.content contains '<!--truncate-->' %} |
||||||
{{ page.content | split:'<!--truncate-->' | first | markdownify }} |
{{ page.content | split:'<!--truncate-->' | first | markdownify }} |
||||||
<div class="read-more"> |
<div class="read-more"> |
||||||
<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" > |
<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" > |
||||||
Read More |
Read More |
||||||
</a> |
</a> |
||||||
</div> |
</div> |
||||||
{% else %} |
{% else %} |
||||||
{{ page.content | markdownify }} |
{{ page.content | markdownify }} |
||||||
{% endif %} |
{% endif %} |
||||||
{% else %} |
{% else %} |
||||||
{{ content }} |
{{ content }} |
||||||
{% endif %} |
{% endif %} |
||||||
{% unless include.truncate %} |
{% unless include.truncate %} |
||||||
{% include plugins/like_button.html %} |
{% include plugins/like_button.html %} |
||||||
{% endunless %} |
{% endunless %} |
||||||
</article> |
</article> |
||||||
</div> |
</div> |
||||||
|
@ -1,24 +1,24 @@ |
|||||||
<a |
<a |
||||||
href="https://twitter.com/share" |
href="https://twitter.com/share" |
||||||
class="twitter-share-button" |
class="twitter-share-button" |
||||||
data-url="http://facebook.github.io/fresco{{ page.url }}" |
data-url="http://facebook.github.io/fresco{{ page.url }}" |
||||||
data-text="Fresco | {{ page.title }}" |
data-text="Fresco | {{ page.title }}" |
||||||
data-hashtags="fresco">Tweet</a> |
data-hashtags="fresco">Tweet</a> |
||||||
<div |
<div |
||||||
class="fb-like" |
class="fb-like" |
||||||
data-href="http://facebook.github.io/fresco{{ page.url }}" |
data-href="http://facebook.github.io/fresco{{ page.url }}" |
||||||
data-layout="standard" |
data-layout="standard" |
||||||
data-action="like" |
data-action="like" |
||||||
data-show-faces="true" |
data-show-faces="true" |
||||||
data-share="true"></div> |
data-share="true"></div> |
||||||
|
|
||||||
<div id="fb-root"></div> |
<div id="fb-root"></div> |
||||||
<script>(function(d, s, id) { |
<script>(function(d, s, id) { |
||||||
var js, fjs = d.getElementsByTagName(s)[0]; |
var js, fjs = d.getElementsByTagName(s)[0]; |
||||||
if (d.getElementById(id)) return; |
if (d.getElementById(id)) return; |
||||||
js = d.createElement(s); js.id = id; |
js = d.createElement(s); js.id = id; |
||||||
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; |
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; |
||||||
fjs.parentNode.insertBefore(js, fjs); |
fjs.parentNode.insertBefore(js, fjs); |
||||||
}(document, 'script', 'facebook-jssdk'));</script> |
}(document, 'script', 'facebook-jssdk'));</script> |
||||||
|
|
||||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> |
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> |
||||||
|
@ -1,12 +1,12 @@ |
|||||||
--- |
--- |
||||||
layout: doc_default |
layout: doc_default |
||||||
--- |
--- |
||||||
|
|
||||||
<div class="mainContainer blogContainer postContainer"> |
<div class="mainContainer blogContainer postContainer"> |
||||||
<div id="main_wrap" class="wrapper mainWrapper"> |
<div id="main_wrap" class="wrapper mainWrapper"> |
||||||
<div class="post basicPost"> |
<div class="post basicPost"> |
||||||
{{ content }} |
{{ content }} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
|
@ -1,11 +1,11 @@ |
|||||||
--- |
--- |
||||||
category: blog |
category: blog |
||||||
layout: blog_default |
layout: blog_default |
||||||
--- |
--- |
||||||
|
|
||||||
<div class="mainContainer blogContainer postContainer"> |
<div class="mainContainer blogContainer postContainer"> |
||||||
<div id="main_wrap" class="wrapper mainWrapper"> |
<div id="main_wrap" class="wrapper mainWrapper"> |
||||||
{{ content }} |
{{ content }} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
|
@ -1,12 +1,12 @@ |
|||||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||||
<html> |
<html> |
||||||
{% include head.html %} |
{% include head.html %} |
||||||
<body> |
<body> |
||||||
{% include nav.html alwayson=true %} |
{% include nav.html alwayson=true %} |
||||||
<div class="navPusher"> |
<div class="navPusher"> |
||||||
{{ content }} |
{{ content }} |
||||||
{% include footer.html %} |
{% include footer.html %} |
||||||
</div> |
</div> |
||||||
</body> |
</body> |
||||||
|
|
||||||
</html> |
</html> |
||||||
|
@ -1,10 +1,10 @@ |
|||||||
--- |
--- |
||||||
layout: doc_default |
layout: doc_default |
||||||
--- |
--- |
||||||
|
|
||||||
<div class="mainContainer documentContainer postContainer"> |
<div class="mainContainer documentContainer postContainer"> |
||||||
<div id="main_wrap" class="wrapper mainWrapper"> |
<div id="main_wrap" class="wrapper mainWrapper"> |
||||||
{{ content }} |
{{ content }} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
|
@ -1,5 +1,5 @@ |
|||||||
--- |
--- |
||||||
layout: doc_page |
layout: doc_page |
||||||
--- |
--- |
||||||
|
|
||||||
{% include doc.html %} |
{% include doc.html %} |
@ -1,17 +1,17 @@ |
|||||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||||
<html> |
<html> |
||||||
{% include head.html %} |
{% include head.html %} |
||||||
<body> |
<body> |
||||||
{% include nav.html alwayson=true %} |
{% include nav.html alwayson=true %} |
||||||
<div class="navPusher"> |
<div class="navPusher"> |
||||||
{% include home_header.html %} |
{% include home_header.html %} |
||||||
<div class="mainContainer"> |
<div class="mainContainer"> |
||||||
<div id="main_wrap" class="wrapper mainWrapper"> |
<div id="main_wrap" class="wrapper mainWrapper"> |
||||||
{{ content }} |
{{ content }} |
||||||
</div> |
</div> |
||||||
{% include powered_by.html %} |
{% include powered_by.html %} |
||||||
</div> |
</div> |
||||||
{% include footer.html %} |
{% include footer.html %} |
||||||
</div> |
</div> |
||||||
</body> |
</body> |
||||||
</html> |
</html> |
||||||
|
@ -1,3 +1,3 @@ |
|||||||
--- |
--- |
||||||
layout: blog |
layout: blog |
||||||
--- |
--- |
||||||
|
@ -1,10 +1,10 @@ |
|||||||
--- |
--- |
||||||
layout: default |
layout: default |
||||||
--- |
--- |
||||||
|
|
||||||
<div class="mainContainer blogContainer postContainer"> |
<div class="mainContainer blogContainer postContainer"> |
||||||
<div id="main_wrap" class="wrapper mainWrapper"> |
<div id="main_wrap" class="wrapper mainWrapper"> |
||||||
{{ content }} |
{{ content }} |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
|
@ -1,8 +1,8 @@ |
|||||||
--- |
--- |
||||||
collection: blog |
collection: blog |
||||||
layout: blog |
layout: blog |
||||||
--- |
--- |
||||||
|
|
||||||
<div class="lonePost"> |
<div class="lonePost"> |
||||||
{% include post.html %} |
{% include post.html %} |
||||||
</div> |
</div> |
@ -1,6 +1,6 @@ |
|||||||
<html> |
<html> |
||||||
<head> |
<head> |
||||||
<meta http-equiv="refresh" content="0; {{ page.destination }}"> |
<meta http-equiv="refresh" content="0; {{ page.destination }}"> |
||||||
</head> |
</head> |
||||||
<body></body> |
<body></body> |
||||||
</html> |
</html> |
||||||
|
@ -1,43 +1,43 @@ |
|||||||
html, body, div, span, applet, object, iframe, |
html, body, div, span, applet, object, iframe, |
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||||
a, abbr, acronym, address, big, cite, code, |
a, abbr, acronym, address, big, cite, code, |
||||||
del, dfn, em, img, ins, kbd, q, s, samp, |
del, dfn, em, img, ins, kbd, q, s, samp, |
||||||
small, strike, strong, sub, sup, tt, var, |
small, strike, strong, sub, sup, tt, var, |
||||||
b, u, i, center, |
b, u, i, center, |
||||||
dl, dt, dd, ol, ul, li, |
dl, dt, dd, ol, ul, li, |
||||||
fieldset, form, label, legend, |
fieldset, form, label, legend, |
||||||
table, caption, tbody, tfoot, thead, tr, th, td, |
table, caption, tbody, tfoot, thead, tr, th, td, |
||||||
article, aside, canvas, details, embed, |
article, aside, canvas, details, embed, |
||||||
figure, figcaption, footer, header, hgroup, |
figure, figcaption, footer, header, hgroup, |
||||||
menu, nav, output, ruby, section, summary, |
menu, nav, output, ruby, section, summary, |
||||||
time, mark, audio, video { |
time, mark, audio, video { |
||||||
margin: 0; |
margin: 0; |
||||||
padding: 0; |
padding: 0; |
||||||
border: 0; |
border: 0; |
||||||
font-size: 100%; |
font-size: 100%; |
||||||
font: inherit; |
font: inherit; |
||||||
vertical-align: baseline; |
vertical-align: baseline; |
||||||
} |
} |
||||||
/* HTML5 display-role reset for older browsers */ |
/* HTML5 display-role reset for older browsers */ |
||||||
article, aside, details, figcaption, figure, |
article, aside, details, figcaption, figure, |
||||||
footer, header, hgroup, menu, nav, section { |
footer, header, hgroup, menu, nav, section { |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
body { |
body { |
||||||
line-height: 1; |
line-height: 1; |
||||||
} |
} |
||||||
ol, ul { |
ol, ul { |
||||||
list-style: none; |
list-style: none; |
||||||
} |
} |
||||||
blockquote, q { |
blockquote, q { |
||||||
quotes: none; |
quotes: none; |
||||||
} |
} |
||||||
blockquote:before, blockquote:after, |
blockquote:before, blockquote:after, |
||||||
q:before, q:after { |
q:before, q:after { |
||||||
content: ''; |
content: ''; |
||||||
content: none; |
content: none; |
||||||
} |
} |
||||||
table { |
table { |
||||||
border-collapse: collapse; |
border-collapse: collapse; |
||||||
border-spacing: 0; |
border-spacing: 0; |
||||||
} |
} |
||||||
|
@ -1,142 +1,142 @@ |
|||||||
input[type="search"] { |
input[type="search"] { |
||||||
-moz-appearance: none; |
-moz-appearance: none; |
||||||
-webkit-appearance: none; |
-webkit-appearance: none; |
||||||
} |
} |
||||||
|
|
||||||
.navSearchWrapper { |
.navSearchWrapper { |
||||||
align-self: center; |
align-self: center; |
||||||
position: relative; |
position: relative; |
||||||
|
|
||||||
&::before { |
&::before { |
||||||
border: 3px solid $primary-overlay-special; |
border: 3px solid $primary-overlay-special; |
||||||
border-radius: 50%; |
border-radius: 50%; |
||||||
content: " "; |
content: " "; |
||||||
display: block; |
display: block; |
||||||
height: 6px; |
height: 6px; |
||||||
left: 15px; |
left: 15px; |
||||||
width: 6px; |
width: 6px; |
||||||
position: absolute; |
position: absolute; |
||||||
top: 4px; |
top: 4px; |
||||||
z-index: 1; |
z-index: 1; |
||||||
} |
} |
||||||
|
|
||||||
&::after { |
&::after { |
||||||
background: $primary-overlay-special; |
background: $primary-overlay-special; |
||||||
content: " "; |
content: " "; |
||||||
height: 7px; |
height: 7px; |
||||||
left: 24px; |
left: 24px; |
||||||
position: absolute; |
position: absolute; |
||||||
transform: rotate(-45deg); |
transform: rotate(-45deg); |
||||||
top: 12px; |
top: 12px; |
||||||
width: 3px; |
width: 3px; |
||||||
z-index: 1; |
z-index: 1; |
||||||
} |
} |
||||||
|
|
||||||
.aa-dropdown-menu { |
.aa-dropdown-menu { |
||||||
background: $secondary-bg; |
background: $secondary-bg; |
||||||
border: 3px solid rgba($text, 0.25); |
border: 3px solid rgba($text, 0.25); |
||||||
color: $text; |
color: $text; |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
left: auto !important; |
left: auto !important; |
||||||
line-height: 1.2em; |
line-height: 1.2em; |
||||||
right: 0 !important; |
right: 0 !important; |
||||||
|
|
||||||
.algolia-docsearch-suggestion--category-header { |
.algolia-docsearch-suggestion--category-header { |
||||||
background: $primary-overlay-special; |
background: $primary-overlay-special; |
||||||
color: $primary-bg; |
color: $primary-bg; |
||||||
|
|
||||||
.algolia-docsearch-suggestion--highlight { |
.algolia-docsearch-suggestion--highlight { |
||||||
background-color: $primary-bg; |
background-color: $primary-bg; |
||||||
color: $primary-overlay; |
color: $primary-overlay; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.algolia-docsearch-suggestion--title .algolia-docsearch-suggestion--highlight, |
.algolia-docsearch-suggestion--title .algolia-docsearch-suggestion--highlight, |
||||||
.algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight { |
.algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight { |
||||||
color: $primary-bg; |
color: $primary-bg; |
||||||
} |
} |
||||||
|
|
||||||
.algolia-docsearch-suggestion__secondary, |
.algolia-docsearch-suggestion__secondary, |
||||||
.algolia-docsearch-suggestion--subcategory-column { |
.algolia-docsearch-suggestion--subcategory-column { |
||||||
border-color: rgba($text, 0.3); |
border-color: rgba($text, 0.3); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
input#search_input { |
input#search_input { |
||||||
padding-left: 25px; |
padding-left: 25px; |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
line-height: 20px; |
line-height: 20px; |
||||||
border-radius: 20px; |
border-radius: 20px; |
||||||
background-color: rgba($primary-overlay-special, 0.25); |
background-color: rgba($primary-overlay-special, 0.25); |
||||||
border: none; |
border: none; |
||||||
color: rgba($primary-overlay-special, 0); |
color: rgba($primary-overlay-special, 0); |
||||||
outline: none; |
outline: none; |
||||||
position: relative; |
position: relative; |
||||||
transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease; |
transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease; |
||||||
width: 60px; |
width: 60px; |
||||||
|
|
||||||
&:focus, &:active { |
&:focus, &:active { |
||||||
background-color: $secondary-bg; |
background-color: $secondary-bg; |
||||||
color: $text; |
color: $text; |
||||||
width: 240px; |
width: 240px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.navigationSlider { |
.navigationSlider { |
||||||
.navSearchWrapper { |
.navSearchWrapper { |
||||||
&::before { |
&::before { |
||||||
left: 6px; |
left: 6px; |
||||||
top: 6px; |
top: 6px; |
||||||
} |
} |
||||||
|
|
||||||
&::after { |
&::after { |
||||||
left: 15px; |
left: 15px; |
||||||
top: 14px; |
top: 14px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
input#search_input_react { |
input#search_input_react { |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
padding-left: 25px; |
padding-left: 25px; |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
line-height: 20px; |
line-height: 20px; |
||||||
border-radius: 20px; |
border-radius: 20px; |
||||||
background-color: rgba($primary-overlay-special, 0.25); |
background-color: rgba($primary-overlay-special, 0.25); |
||||||
border: none; |
border: none; |
||||||
color: $text; |
color: $text; |
||||||
outline: none; |
outline: none; |
||||||
position: relative; |
position: relative; |
||||||
transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease; |
transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease; |
||||||
width: 100%; |
width: 100%; |
||||||
|
|
||||||
&:focus, &:active { |
&:focus, &:active { |
||||||
background-color: $primary-bg; |
background-color: $primary-bg; |
||||||
color: $primary-overlay; |
color: $primary-overlay; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.algolia-docsearch-suggestion--subcategory-inline { |
.algolia-docsearch-suggestion--subcategory-inline { |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
|
|
||||||
& > span { |
& > span { |
||||||
width: 100%; |
width: 100%; |
||||||
} |
} |
||||||
|
|
||||||
.aa-dropdown-menu { |
.aa-dropdown-menu { |
||||||
background: $secondary-bg; |
background: $secondary-bg; |
||||||
border: 0px solid $secondary-bg; |
border: 0px solid $secondary-bg; |
||||||
color: $text; |
color: $text; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
line-height: 2em; |
line-height: 2em; |
||||||
max-height: 140px; |
max-height: 140px; |
||||||
min-width: auto; |
min-width: auto; |
||||||
overflow-y: scroll; |
overflow-y: scroll; |
||||||
-webkit-overflow-scrolling: touch; |
-webkit-overflow-scrolling: touch; |
||||||
padding: 0; |
padding: 0; |
||||||
border-radius: 0; |
border-radius: 0; |
||||||
position: relative !important; |
position: relative !important; |
||||||
width: 100%; |
width: 100%; |
||||||
} |
} |
||||||
} |
} |
@ -1,48 +1,48 @@ |
|||||||
.slideshow { |
.slideshow { |
||||||
position: relative; |
position: relative; |
||||||
|
|
||||||
.slide { |
.slide { |
||||||
display: none; |
display: none; |
||||||
|
|
||||||
img { |
img { |
||||||
display: block; |
display: block; |
||||||
margin: 0 auto; |
margin: 0 auto; |
||||||
} |
} |
||||||
|
|
||||||
&.slideActive { |
&.slideActive { |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
|
|
||||||
a { |
a { |
||||||
border: none; |
border: none; |
||||||
display: block; |
display: block; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.pagination { |
.pagination { |
||||||
display: block; |
display: block; |
||||||
margin: -10px; |
margin: -10px; |
||||||
padding: 1em 0; |
padding: 1em 0; |
||||||
text-align: center; |
text-align: center; |
||||||
width: 100%; |
width: 100%; |
||||||
|
|
||||||
.pager { |
.pager { |
||||||
background: transparent; |
background: transparent; |
||||||
border: 2px solid rgba(255, 255, 255, 0.5); |
border: 2px solid rgba(255, 255, 255, 0.5); |
||||||
border-radius: 50%; |
border-radius: 50%; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
display: inline-block; |
display: inline-block; |
||||||
height: 12px; |
height: 12px; |
||||||
margin: 10px; |
margin: 10px; |
||||||
transition: background-color 0.3s, border-color 0.3s; |
transition: background-color 0.3s, border-color 0.3s; |
||||||
width: 12px; |
width: 12px; |
||||||
|
|
||||||
&.pagerActive { |
&.pagerActive { |
||||||
background: rgba(255, 255, 255, 0.5); |
background: rgba(255, 255, 255, 0.5); |
||||||
border-width: 4px; |
border-width: 4px; |
||||||
height: 8px; |
height: 8px; |
||||||
width: 8px; |
width: 8px; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
@ -1,129 +1,129 @@ |
|||||||
|
|
||||||
|
|
||||||
.rougeHighlight { background-color: $code-bg; color: #93a1a1 } |
.rougeHighlight { background-color: $code-bg; color: #93a1a1 } |
||||||
.rougeHighlight .c { color: #586e75 } /* Comment */ |
.rougeHighlight .c { color: #586e75 } /* Comment */ |
||||||
.rougeHighlight .err { color: #93a1a1 } /* Error */ |
.rougeHighlight .err { color: #93a1a1 } /* Error */ |
||||||
.rougeHighlight .g { color: #93a1a1 } /* Generic */ |
.rougeHighlight .g { color: #93a1a1 } /* Generic */ |
||||||
.rougeHighlight .k { color: #859900 } /* Keyword */ |
.rougeHighlight .k { color: #859900 } /* Keyword */ |
||||||
.rougeHighlight .l { color: #93a1a1 } /* Literal */ |
.rougeHighlight .l { color: #93a1a1 } /* Literal */ |
||||||
.rougeHighlight .n { color: #93a1a1 } /* Name */ |
.rougeHighlight .n { color: #93a1a1 } /* Name */ |
||||||
.rougeHighlight .o { color: #859900 } /* Operator */ |
.rougeHighlight .o { color: #859900 } /* Operator */ |
||||||
.rougeHighlight .x { color: #cb4b16 } /* Other */ |
.rougeHighlight .x { color: #cb4b16 } /* Other */ |
||||||
.rougeHighlight .p { color: #93a1a1 } /* Punctuation */ |
.rougeHighlight .p { color: #93a1a1 } /* Punctuation */ |
||||||
.rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */ |
.rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */ |
||||||
.rougeHighlight .cp { color: #859900 } /* Comment.Preproc */ |
.rougeHighlight .cp { color: #859900 } /* Comment.Preproc */ |
||||||
.rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */ |
.rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */ |
||||||
.rougeHighlight .cs { color: #859900 } /* Comment.Special */ |
.rougeHighlight .cs { color: #859900 } /* Comment.Special */ |
||||||
.rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */ |
.rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */ |
||||||
.rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */ |
.rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */ |
||||||
.rougeHighlight .gr { color: #dc322f } /* Generic.Error */ |
.rougeHighlight .gr { color: #dc322f } /* Generic.Error */ |
||||||
.rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */ |
.rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */ |
||||||
.rougeHighlight .gi { color: #859900 } /* Generic.Inserted */ |
.rougeHighlight .gi { color: #859900 } /* Generic.Inserted */ |
||||||
.rougeHighlight .go { color: #93a1a1 } /* Generic.Output */ |
.rougeHighlight .go { color: #93a1a1 } /* Generic.Output */ |
||||||
.rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */ |
.rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */ |
||||||
.rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */ |
.rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */ |
||||||
.rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */ |
.rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */ |
||||||
.rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */ |
.rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */ |
||||||
.rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */ |
.rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */ |
||||||
.rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */ |
.rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */ |
||||||
.rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */ |
.rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */ |
||||||
.rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */ |
.rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */ |
||||||
.rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */ |
.rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */ |
||||||
.rougeHighlight .kt { color: #dc322f } /* Keyword.Type */ |
.rougeHighlight .kt { color: #dc322f } /* Keyword.Type */ |
||||||
.rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */ |
.rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */ |
||||||
.rougeHighlight .m { color: #2aa198 } /* Literal.Number */ |
.rougeHighlight .m { color: #2aa198 } /* Literal.Number */ |
||||||
.rougeHighlight .s { color: #2aa198 } /* Literal.String */ |
.rougeHighlight .s { color: #2aa198 } /* Literal.String */ |
||||||
.rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */ |
.rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */ |
||||||
.rougeHighlight .nb { color: #B58900 } /* Name.Builtin */ |
.rougeHighlight .nb { color: #B58900 } /* Name.Builtin */ |
||||||
.rougeHighlight .nc { color: #268bd2 } /* Name.Class */ |
.rougeHighlight .nc { color: #268bd2 } /* Name.Class */ |
||||||
.rougeHighlight .no { color: #cb4b16 } /* Name.Constant */ |
.rougeHighlight .no { color: #cb4b16 } /* Name.Constant */ |
||||||
.rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */ |
.rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */ |
||||||
.rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */ |
.rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */ |
||||||
.rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */ |
.rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */ |
||||||
.rougeHighlight .nf { color: #268bd2 } /* Name.Function */ |
.rougeHighlight .nf { color: #268bd2 } /* Name.Function */ |
||||||
.rougeHighlight .nl { color: #93a1a1 } /* Name.Label */ |
.rougeHighlight .nl { color: #93a1a1 } /* Name.Label */ |
||||||
.rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */ |
.rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */ |
||||||
.rougeHighlight .nx { color: #93a1a1 } /* Name.Other */ |
.rougeHighlight .nx { color: #93a1a1 } /* Name.Other */ |
||||||
.rougeHighlight .py { color: #93a1a1 } /* Name.Property */ |
.rougeHighlight .py { color: #93a1a1 } /* Name.Property */ |
||||||
.rougeHighlight .nt { color: #268bd2 } /* Name.Tag */ |
.rougeHighlight .nt { color: #268bd2 } /* Name.Tag */ |
||||||
.rougeHighlight .nv { color: #268bd2 } /* Name.Variable */ |
.rougeHighlight .nv { color: #268bd2 } /* Name.Variable */ |
||||||
.rougeHighlight .ow { color: #859900 } /* Operator.Word */ |
.rougeHighlight .ow { color: #859900 } /* Operator.Word */ |
||||||
.rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */ |
.rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */ |
||||||
.rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */ |
.rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */ |
||||||
.rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */ |
.rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */ |
||||||
.rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */ |
.rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */ |
||||||
.rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */ |
.rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */ |
||||||
.rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */ |
.rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */ |
||||||
.rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */ |
.rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */ |
||||||
.rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */ |
.rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */ |
||||||
.rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */ |
.rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */ |
||||||
.rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */ |
.rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */ |
||||||
.rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */ |
.rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */ |
||||||
.rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */ |
.rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */ |
||||||
.rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */ |
.rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */ |
||||||
.rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */ |
.rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */ |
||||||
.rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */ |
.rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */ |
||||||
.rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */ |
.rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */ |
||||||
.rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ |
.rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ |
||||||
.rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */ |
.rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */ |
||||||
.rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */ |
.rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */ |
||||||
.rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */ |
.rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */ |
||||||
.rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ |
.rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ |
||||||
|
|
||||||
.highlighter-rouge { |
.highlighter-rouge { |
||||||
color: darken(#72c02c, 8%); |
color: darken(#72c02c, 8%); |
||||||
font: 800 12px/1.5em Hack, monospace; |
font: 800 12px/1.5em Hack, monospace; |
||||||
max-width: 100%; |
max-width: 100%; |
||||||
|
|
||||||
.rougeHighlight { |
.rougeHighlight { |
||||||
border-radius: 3px; |
border-radius: 3px; |
||||||
margin: 20px 0; |
margin: 20px 0; |
||||||
padding: 0px; |
padding: 0px; |
||||||
overflow-x: scroll; |
overflow-x: scroll; |
||||||
-webkit-overflow-scrolling: touch; |
-webkit-overflow-scrolling: touch; |
||||||
|
|
||||||
table { |
table { |
||||||
background: none; |
background: none; |
||||||
border: none; |
border: none; |
||||||
|
|
||||||
tbody { |
tbody { |
||||||
tr { |
tr { |
||||||
background: none; |
background: none; |
||||||
display: flex; |
display: flex; |
||||||
flex-flow: row nowrap; |
flex-flow: row nowrap; |
||||||
|
|
||||||
td { |
td { |
||||||
display: block; |
display: block; |
||||||
flex: 1 1; |
flex: 1 1; |
||||||
|
|
||||||
&.gutter { |
&.gutter { |
||||||
border-right: 1px solid lighten($code-bg, 10%); |
border-right: 1px solid lighten($code-bg, 10%); |
||||||
color: lighten($code-bg, 15%); |
color: lighten($code-bg, 15%); |
||||||
margin-right: 10px; |
margin-right: 10px; |
||||||
max-width: 40px; |
max-width: 40px; |
||||||
padding-right: 10px; |
padding-right: 10px; |
||||||
|
|
||||||
pre { |
pre { |
||||||
max-width: 20px; |
max-width: 20px; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
p > .highlighter-rouge, |
p > .highlighter-rouge, |
||||||
li > .highlighter-rouge, |
li > .highlighter-rouge, |
||||||
a > .highlighter-rouge { |
a > .highlighter-rouge { |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
font-weight: 400; |
font-weight: 400; |
||||||
line-height: inherit; |
line-height: inherit; |
||||||
} |
} |
||||||
|
|
||||||
a:hover { |
a:hover { |
||||||
.highlighter-rouge { |
.highlighter-rouge { |
||||||
color: white; |
color: white; |
||||||
} |
} |
||||||
} |
} |
@ -1,149 +1,149 @@ |
|||||||
--- |
--- |
||||||
# Only the main Sass file needs front matter (the dashes are enough) |
# Only the main Sass file needs front matter (the dashes are enough) |
||||||
--- |
--- |
||||||
@charset "utf-8"; |
@charset "utf-8"; |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Lato'; |
font-family: 'Lato'; |
||||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff2') format('woff2'), |
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff2') format('woff2'), |
||||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff') format('woff'); |
url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff') format('woff'); |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
font-style: italic; |
font-style: italic; |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Lato'; |
font-family: 'Lato'; |
||||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff2') format('woff2'), |
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff2') format('woff2'), |
||||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff') format('woff'); |
url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff') format('woff'); |
||||||
font-weight: 900; |
font-weight: 900; |
||||||
font-style: normal; |
font-style: normal; |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Lato'; |
font-family: 'Lato'; |
||||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff2') format('woff2'), |
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff2') format('woff2'), |
||||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff') format('woff'); |
url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff') format('woff'); |
||||||
font-weight: 900; |
font-weight: 900; |
||||||
font-style: italic; |
font-style: italic; |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Lato'; |
font-family: 'Lato'; |
||||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff2') format('woff2'), |
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff2') format('woff2'), |
||||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff') format('woff'); |
url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff') format('woff'); |
||||||
font-weight: 300; |
font-weight: 300; |
||||||
font-style: normal; |
font-style: normal; |
||||||
} |
} |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: 'Lato'; |
font-family: 'Lato'; |
||||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff2') format('woff2'), |
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff2') format('woff2'), |
||||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff') format('woff'); |
url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff') format('woff'); |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
font-style: normal; |
font-style: normal; |
||||||
} |
} |
||||||
|
|
||||||
// Our variables |
// Our variables |
||||||
$base-font-family: 'Lato', Calibri, Arial, sans-serif; |
$base-font-family: 'Lato', Calibri, Arial, sans-serif; |
||||||
$header-font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; |
$header-font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; |
||||||
$base-font-size: 18px; |
$base-font-size: 18px; |
||||||
$small-font-size: $base-font-size * 0.875; |
$small-font-size: $base-font-size * 0.875; |
||||||
$base-line-height: 1.4em; |
$base-line-height: 1.4em; |
||||||
|
|
||||||
$spacing-unit: 12px; |
$spacing-unit: 12px; |
||||||
|
|
||||||
// Two configured colors (see _config.yml) |
// Two configured colors (see _config.yml) |
||||||
$primary-bg: {{ site.color.primary }}; |
$primary-bg: {{ site.color.primary }}; |
||||||
$secondary-bg: {{ site.color.secondary }}; |
$secondary-bg: {{ site.color.secondary }}; |
||||||
|
|
||||||
// $primary-bg overlays |
// $primary-bg overlays |
||||||
{% if site.color.primary-overlay == 'light' %} |
{% if site.color.primary-overlay == 'light' %} |
||||||
$primary-overlay: darken($primary-bg, 70%); |
$primary-overlay: darken($primary-bg, 70%); |
||||||
$primary-overlay-special: darken($primary-bg, 40%); |
$primary-overlay-special: darken($primary-bg, 40%); |
||||||
{% else %} |
{% else %} |
||||||
$primary-overlay: #fff; |
$primary-overlay: #fff; |
||||||
$primary-overlay-special: lighten($primary-bg, 30%); |
$primary-overlay-special: lighten($primary-bg, 30%); |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
// $secondary-bg overlays |
// $secondary-bg overlays |
||||||
{% if site.color.secondary-overlay == 'light' %} |
{% if site.color.secondary-overlay == 'light' %} |
||||||
$text: #393939; |
$text: #393939; |
||||||
$sidenav: darken($secondary-bg, 20%); |
$sidenav: darken($secondary-bg, 20%); |
||||||
$sidenav-text: $text; |
$sidenav-text: $text; |
||||||
$sidenav-overlay: darken($sidenav, 10%); |
$sidenav-overlay: darken($sidenav, 10%); |
||||||
$sidenav-active: lighten($sidenav, 10%); |
$sidenav-active: lighten($sidenav, 10%); |
||||||
{% else %} |
{% else %} |
||||||
$text: #fff; |
$text: #fff; |
||||||
$sidenav: lighten($secondary-bg, 20%); |
$sidenav: lighten($secondary-bg, 20%); |
||||||
$sidenav-text: $text; |
$sidenav-text: $text; |
||||||
$sidenav-overlay: lighten($sidenav, 10%); |
$sidenav-overlay: lighten($sidenav, 10%); |
||||||
$sidenav-active: darken($sidenav, 10%); |
$sidenav-active: darken($sidenav, 10%); |
||||||
{% endif %} |
{% endif %} |
||||||
|
|
||||||
$code-bg: #002b36; |
$code-bg: #002b36; |
||||||
|
|
||||||
$header-height: 34px; |
$header-height: 34px; |
||||||
$header-ptop: 10px; |
$header-ptop: 10px; |
||||||
$header-pbot: 8px; |
$header-pbot: 8px; |
||||||
|
|
||||||
// Width of the content area |
// Width of the content area |
||||||
$content-width: 900px; |
$content-width: 900px; |
||||||
|
|
||||||
// Table setting variables |
// Table setting variables |
||||||
$lightergrey: #F8F8F8; |
$lightergrey: #F8F8F8; |
||||||
$greyish: #E8E8E8; |
$greyish: #E8E8E8; |
||||||
$lightgrey: #B0B0B0; |
$lightgrey: #B0B0B0; |
||||||
$green: #2db04b; |
$green: #2db04b; |
||||||
|
|
||||||
// Using media queries with like this: |
// Using media queries with like this: |
||||||
// @include media-query($on-palm) { |
// @include media-query($on-palm) { |
||||||
// .wrapper { |
// .wrapper { |
||||||
// padding-right: $spacing-unit / 2; |
// padding-right: $spacing-unit / 2; |
||||||
// padding-left: $spacing-unit / 2; |
// padding-left: $spacing-unit / 2; |
||||||
// } |
// } |
||||||
// } |
// } |
||||||
@mixin media-query($device) { |
@mixin media-query($device) { |
||||||
@media screen and (max-width: $device) { |
@media screen and (max-width: $device) { |
||||||
@content; |
@content; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Import partials from `sass_dir` (defaults to `_sass`) |
// Import partials from `sass_dir` (defaults to `_sass`) |
||||||
@import |
@import |
||||||
"reset", |
"reset", |
||||||
"base", |
"base", |
||||||
"header", |
"header", |
||||||
"search", |
"search", |
||||||
"syntax-highlighting", |
"syntax-highlighting", |
||||||
"promo", |
"promo", |
||||||
"buttons", |
"buttons", |
||||||
"gridBlock", |
"gridBlock", |
||||||
"poweredby", |
"poweredby", |
||||||
"footer", |
"footer", |
||||||
"react_header_nav", |
"react_header_nav", |
||||||
"react_docs_nav", |
"react_docs_nav", |
||||||
"tables", |
"tables", |
||||||
"blog" |
"blog" |
||||||
; |
; |
||||||
|
|
||||||
// Anchor links |
// Anchor links |
||||||
// http://ben.balter.com/2014/03/13/pages-anchor-links/ |
// http://ben.balter.com/2014/03/13/pages-anchor-links/ |
||||||
.header-link { |
.header-link { |
||||||
position: absolute; |
position: absolute; |
||||||
margin-left: 0.2em; |
margin-left: 0.2em; |
||||||
opacity: 0; |
opacity: 0; |
||||||
|
|
||||||
-webkit-transition: opacity 0.2s ease-in-out 0.1s; |
-webkit-transition: opacity 0.2s ease-in-out 0.1s; |
||||||
-moz-transition: opacity 0.2s ease-in-out 0.1s; |
-moz-transition: opacity 0.2s ease-in-out 0.1s; |
||||||
-ms-transition: opacity 0.2s ease-in-out 0.1s; |
-ms-transition: opacity 0.2s ease-in-out 0.1s; |
||||||
} |
} |
||||||
|
|
||||||
h2:hover .header-link, |
h2:hover .header-link, |
||||||
h3:hover .header-link, |
h3:hover .header-link, |
||||||
h4:hover .header-link, |
h4:hover .header-link, |
||||||
h5:hover .header-link, |
h5:hover .header-link, |
||||||
h6:hover .header-link { |
h6:hover .header-link { |
||||||
opacity: 1; |
opacity: 1; |
||||||
} |
} |
||||||
|
Loading…
Reference in new issue