parent
b90e29c901
commit
0f60358b0b
@ -1,29 +1,29 @@ |
||||
<!-- Pagination links - copied from http://jekyllrb.com/docs/pagination/ --> |
||||
{% if paginator.total_pages > 1 %} |
||||
<br /> |
||||
<div class="pagination"> |
||||
{% if paginator.previous_page %} |
||||
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a> |
||||
{% else %} |
||||
<span>« Prev</span> |
||||
{% endif %} |
||||
|
||||
{% for page in (1..paginator.total_pages) %} |
||||
{% if page == paginator.page %} |
||||
<em>{{ page }}</em> |
||||
{% elsif page == 1 %} |
||||
<a href="{{ '/blog' | prepend: site.baseurl }}">{{ page }}</a> |
||||
{% else %} |
||||
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a> |
||||
{% endif %} |
||||
{% endfor %} |
||||
|
||||
{% if paginator.next_page %} |
||||
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a> |
||||
{% else %} |
||||
<span>Next »</span> |
||||
{% endif %} |
||||
</div> |
||||
<br /> |
||||
{% endif %} |
||||
|
||||
<!-- Pagination links - copied from http://jekyllrb.com/docs/pagination/ --> |
||||
{% if paginator.total_pages > 1 %} |
||||
<br /> |
||||
<div class="pagination"> |
||||
{% if paginator.previous_page %} |
||||
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a> |
||||
{% else %} |
||||
<span>« Prev</span> |
||||
{% endif %} |
||||
|
||||
{% for page in (1..paginator.total_pages) %} |
||||
{% if page == paginator.page %} |
||||
<em>{{ page }}</em> |
||||
{% elsif page == 1 %} |
||||
<a href="{{ '/blog' | prepend: site.baseurl }}">{{ page }}</a> |
||||
{% else %} |
||||
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a> |
||||
{% endif %} |
||||
{% endfor %} |
||||
|
||||
{% if paginator.next_page %} |
||||
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a> |
||||
{% else %} |
||||
<span>Next »</span> |
||||
{% endif %} |
||||
</div> |
||||
<br /> |
||||
{% endif %} |
||||
|
||||
|
@ -1,5 +1,5 @@ |
||||
<div class="gridBlock"> |
||||
{% for item in {{include.data_source}} %} |
||||
{% include content/items/gridblock.html item=item layout=include.layout imagealign=include.imagealign align=include.align %} |
||||
{% endfor %} |
||||
<div class="gridBlock"> |
||||
{% for item in {{include.data_source}} %} |
||||
{% include content/items/gridblock.html item=item layout=include.layout imagealign=include.imagealign align=include.align %} |
||||
{% endfor %} |
||||
</div> |
@ -1,37 +1,37 @@ |
||||
{% if include.layout == "fourColumn" %} |
||||
{% assign layout = "fourByGridBlock" %} |
||||
{% else %} |
||||
{% assign layout = "twoByGridBlock" %} |
||||
{% endif %} |
||||
|
||||
{% if include.imagealign == "side" %} |
||||
{% assign imagealign = "imageAlignSide" %} |
||||
{% else %} |
||||
{% if item.image %} |
||||
{% assign imagealign = "imageAlignTop" %} |
||||
{% else %} |
||||
{% assign imagealign = "" %} |
||||
{% endif %} |
||||
{% endif %} |
||||
|
||||
{% if include.align == "right" %} |
||||
{% assign align = "alignRight" %} |
||||
{% elsif include.align == "center" %} |
||||
{% assign align = "alignCenter" %} |
||||
{% else %} |
||||
{% assign align = "alignLeft" %} |
||||
{% endif %} |
||||
|
||||
<div class="blockElement {{ layout }} {{ imagealign }} {{ align }}"> |
||||
{% if item.image %} |
||||
<div class="blockImage"> |
||||
<img src="/static/{{ item.image }}" alt="{{ item.title }}" title="{{ item.title }}" /> |
||||
</div> |
||||
{% endif %} |
||||
<div class="blockContent"> |
||||
<h3>{{ item.title }}</h3> |
||||
{% if item.text %} |
||||
{{ item.text | markdownify }} |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
{% if include.layout == "fourColumn" %} |
||||
{% assign layout = "fourByGridBlock" %} |
||||
{% else %} |
||||
{% assign layout = "twoByGridBlock" %} |
||||
{% endif %} |
||||
|
||||
{% if include.imagealign == "side" %} |
||||
{% assign imagealign = "imageAlignSide" %} |
||||
{% else %} |
||||
{% if item.image %} |
||||
{% assign imagealign = "imageAlignTop" %} |
||||
{% else %} |
||||
{% assign imagealign = "" %} |
||||
{% endif %} |
||||
{% endif %} |
||||
|
||||
{% if include.align == "right" %} |
||||
{% assign align = "alignRight" %} |
||||
{% elsif include.align == "center" %} |
||||
{% assign align = "alignCenter" %} |
||||
{% else %} |
||||
{% assign align = "alignLeft" %} |
||||
{% endif %} |
||||
|
||||
<div class="blockElement {{ layout }} {{ imagealign }} {{ align }}"> |
||||
{% if item.image %} |
||||
<div class="blockImage"> |
||||
<img src="/static/{{ item.image }}" alt="{{ item.title }}" title="{{ item.title }}" /> |
||||
</div> |
||||
{% endif %} |
||||
<div class="blockContent"> |
||||
<h3>{{ item.title }}</h3> |
||||
{% if item.text %} |
||||
{{ item.text | markdownify }} |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
|
@ -1,33 +1,33 @@ |
||||
<div class="footerContainer"> |
||||
<div id="footer_wrap" class="wrapper footerWrapper"> |
||||
<div class="footerBlocks"> |
||||
<div id="fb_oss" class="footerSection fbOpenSourceFooter"> |
||||
<svg class="facebookOSSLogoSvg" viewBox="0 0 1133.9 1133.9" x="0px" y="0px"> |
||||
<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 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" /> |
||||
</g> |
||||
</svg> |
||||
<h2>Facebook Open Source</h2> |
||||
</div> |
||||
<div class="footerSection"> |
||||
<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://twitter.com/fbOpenSource" target="_blank">Twitter</a> |
||||
</div> |
||||
<div class="footerSection rightAlign"> |
||||
<a class="footerLink" href="https://github.com/{{ site.ghrepo }}" target="_blank">Contribute to this project on GitHub</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script> |
||||
(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), |
||||
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'); |
||||
|
||||
ga('create', '{{ site.gacode }}', 'auto'); |
||||
ga('send', 'pageview'); |
||||
</script> |
||||
<div class="footerContainer"> |
||||
<div id="footer_wrap" class="wrapper footerWrapper"> |
||||
<div class="footerBlocks"> |
||||
<div id="fb_oss" class="footerSection fbOpenSourceFooter"> |
||||
<svg class="facebookOSSLogoSvg" viewBox="0 0 1133.9 1133.9" x="0px" y="0px"> |
||||
<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 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" /> |
||||
</g> |
||||
</svg> |
||||
<h2>Facebook Open Source</h2> |
||||
</div> |
||||
<div class="footerSection"> |
||||
<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://twitter.com/fbOpenSource" target="_blank">Twitter</a> |
||||
</div> |
||||
<div class="footerSection rightAlign"> |
||||
<a class="footerLink" href="https://github.com/{{ site.ghrepo }}" target="_blank">Contribute to this project on GitHub</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<script> |
||||
(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), |
||||
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'); |
||||
|
||||
ga('create', '{{ site.gacode }}', 'auto'); |
||||
ga('send', 'pageview'); |
||||
</script> |
||||
|
@ -1,25 +1,25 @@ |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<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:site_name" content="{{ site.title }}"/> |
||||
<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: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="icon" href="{{ site.url }}{{ site.baseurl }}/static/favicon.png" type="image/x-icon"> |
||||
{% if site.searchconfig %} |
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" /> |
||||
{% endif %} |
||||
|
||||
<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 %}"> |
||||
|
||||
<base href="{{ site.url }}{{ site.baseurl }}/" /> |
||||
|
||||
<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 }}" /> |
||||
</head> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<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:site_name" content="{{ site.title }}"/> |
||||
<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: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="icon" href="{{ site.url }}{{ site.baseurl }}/static/favicon.png" type="image/x-icon"> |
||||
{% if site.searchconfig %} |
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" /> |
||||
{% endif %} |
||||
|
||||
<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 %}"> |
||||
|
||||
<base href="{{ site.url }}{{ site.baseurl }}/" /> |
||||
|
||||
<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 }}" /> |
||||
</head> |
||||
|
@ -1,22 +1,22 @@ |
||||
<div class="homeContainer"> |
||||
<div class="homeSplashFade"> |
||||
<div id="home_wrap" class="wrapper homeWrapper"> |
||||
<div id="inner"> |
||||
<h2 id="project_tagline">{{ site.tagline }}</h2> |
||||
<section id="intro"> |
||||
<p>{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}</p> |
||||
</section> |
||||
<div id="promo" class="section promoSection"> |
||||
{% for promo in site.data.promo %} |
||||
<div class="promoRow"> |
||||
{% include plugins/{{promo.type}}.html href=promo.href text=promo.text children=promo.children %} |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
<div class="projectLogo"> |
||||
<img src="{{ site.baseurl }}/static/logo.svg" alt="{{ site.title }}"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="homeContainer"> |
||||
<div class="homeSplashFade"> |
||||
<div id="home_wrap" class="wrapper homeWrapper"> |
||||
<div id="inner"> |
||||
<h2 id="project_tagline">{{ site.tagline }}</h2> |
||||
<section id="intro"> |
||||
<p>{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}</p> |
||||
</section> |
||||
<div id="promo" class="section promoSection"> |
||||
{% for promo in site.data.promo %} |
||||
<div class="promoRow"> |
||||
{% include plugins/{{promo.type}}.html href=promo.href text=promo.text children=promo.children %} |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
<div class="projectLogo"> |
||||
<img src="{{ site.baseurl }}/static/logo.svg" alt="{{ site.title }}"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
@ -1,28 +1,28 @@ |
||||
<div id="fixed_header" class="fixedHeaderContainer{% if include.alwayson %} visible{% endif %}"> |
||||
<div class="headerWrapper wrapper"> |
||||
<header> |
||||
<a href="{{ site.url }}{{ site.baseurl }}/"> |
||||
<img src="{{ site.baseurl }}/static/logo.svg"> |
||||
<h2>{{ site.title }}</h2> |
||||
</a> |
||||
|
||||
<div class="navigationWrapper navigationFull" id="flat_nav"> |
||||
<nav class="navigation"> |
||||
<ul> |
||||
{% for item in site.data.nav %} |
||||
<li class="navItem{% if page.collection == item.category or page.category == item.category %} navItemActive{% endif %}"> |
||||
<a href="{{ item.href }}">{{ item.title }}</a> |
||||
</li> |
||||
{% endfor %} |
||||
{% if site.searchconfig %} |
||||
{% include nav_search.html inputselector="search_input" %} |
||||
{% endif %} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="navigationWrapper navigationSlider" id="navigation_wrap"> |
||||
{% include nav/header_nav.html %} |
||||
</div> |
||||
</header> |
||||
</div> |
||||
</div> |
||||
<div id="fixed_header" class="fixedHeaderContainer{% if include.alwayson %} visible{% endif %}"> |
||||
<div class="headerWrapper wrapper"> |
||||
<header> |
||||
<a href="{{ site.url }}{{ site.baseurl }}/"> |
||||
<img src="{{ site.baseurl }}/static/logo.svg"> |
||||
<h2>{{ site.title }}</h2> |
||||
</a> |
||||
|
||||
<div class="navigationWrapper navigationFull" id="flat_nav"> |
||||
<nav class="navigation"> |
||||
<ul> |
||||
{% for item in site.data.nav %} |
||||
<li class="navItem{% if page.collection == item.category or page.category == item.category %} navItemActive{% endif %}"> |
||||
<a href="{{ item.href }}">{{ item.title }}</a> |
||||
</li> |
||||
{% endfor %} |
||||
{% if site.searchconfig %} |
||||
{% include nav_search.html inputselector="search_input" %} |
||||
{% endif %} |
||||
</ul> |
||||
</nav> |
||||
</div> |
||||
<div class="navigationWrapper navigationSlider" id="navigation_wrap"> |
||||
{% include nav/header_nav.html %} |
||||
</div> |
||||
</header> |
||||
</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> |
||||
<script> |
||||
window.fbAsyncInit = function() { |
||||
FB.init({ |
||||
appId : '{{ site.fbappid }}', |
||||
xfbml : true, |
||||
version : 'v2.3' |
||||
}); |
||||
}; |
||||
|
||||
(function(d, s, id){ |
||||
var js, fjs = d.getElementsByTagName(s)[0]; |
||||
if (d.getElementById(id)) {return;} |
||||
js = d.createElement(s); js.id = id; |
||||
js.src = "//connect.facebook.net/en_US/sdk.js"; |
||||
fjs.parentNode.insertBefore(js, fjs); |
||||
}(document, 'script', 'facebook-jssdk')); |
||||
<div class="fb-like pluginWrapper likeButtonWrapper" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div> |
||||
<script> |
||||
window.fbAsyncInit = function() { |
||||
FB.init({ |
||||
appId : '{{ site.fbappid }}', |
||||
xfbml : true, |
||||
version : 'v2.3' |
||||
}); |
||||
}; |
||||
|
||||
(function(d, s, id){ |
||||
var js, fjs = d.getElementsByTagName(s)[0]; |
||||
if (d.getElementById(id)) {return;} |
||||
js = d.createElement(s); js.id = id; |
||||
js.src = "//connect.facebook.net/en_US/sdk.js"; |
||||
fjs.parentNode.insertBefore(js, fjs); |
||||
}(document, 'script', 'facebook-jssdk')); |
||||
</script> |
@ -1,34 +1,34 @@ |
||||
<div class="postSocialPlugins"> |
||||
<a |
||||
href="https://twitter.com/share" |
||||
class="twitter-share-button" |
||||
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-hashtags="flowtype">Tweet</a> |
||||
<div |
||||
class="fb-like" |
||||
data-href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" |
||||
data-layout="button_count" |
||||
data-action="like" |
||||
data-show-faces="false" |
||||
data-share="true"></div> |
||||
</div> |
||||
<script> |
||||
window.fbAsyncInit = function() { |
||||
FB.init({ |
||||
appId : '{{ site.fbappid }}', |
||||
xfbml : true, |
||||
version : 'v2.2' |
||||
}); |
||||
}; |
||||
|
||||
(function(d, s, id){ |
||||
var js, fjs = d.getElementsByTagName(s)[0]; |
||||
if (d.getElementById(id)) {return;} |
||||
js = d.createElement(s); js.id = id; |
||||
js.src = "//connect.facebook.net/en_US/sdk.js"; |
||||
fjs.parentNode.insertBefore(js, fjs); |
||||
}(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> |
||||
<div class="postSocialPlugins"> |
||||
<a |
||||
href="https://twitter.com/share" |
||||
class="twitter-share-button" |
||||
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-hashtags="flowtype">Tweet</a> |
||||
<div |
||||
class="fb-like" |
||||
data-href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" |
||||
data-layout="button_count" |
||||
data-action="like" |
||||
data-show-faces="false" |
||||
data-share="true"></div> |
||||
</div> |
||||
<script> |
||||
window.fbAsyncInit = function() { |
||||
FB.init({ |
||||
appId : '{{ site.fbappid }}', |
||||
xfbml : true, |
||||
version : 'v2.2' |
||||
}); |
||||
}; |
||||
|
||||
(function(d, s, id){ |
||||
var js, fjs = d.getElementsByTagName(s)[0]; |
||||
if (d.getElementById(id)) {return;} |
||||
js = d.createElement(s); js.id = id; |
||||
js.src = "//connect.facebook.net/en_US/sdk.js"; |
||||
fjs.parentNode.insertBefore(js, fjs); |
||||
}(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> |
||||
|
@ -1,88 +1,88 @@ |
||||
<div class="slideshowBlock pluginWrapper" id="slideshow"></div> |
||||
<script> |
||||
var slideshowData = [ |
||||
{% for image in site.data.slideshow %} |
||||
{ |
||||
id : "{{ image.id }}", |
||||
imagesrc : "{{ image.src }}", |
||||
tooltip : "{{ image.tooltip }}", |
||||
href : "{{ image.link }}", |
||||
}, |
||||
{% endfor %} |
||||
]; |
||||
</script> |
||||
<script src="http://fb.me/react-with-addons-0.13.1.min.js"></script> |
||||
<script type="text/javascript"> |
||||
var Slideshow = React.createClass({displayName: "Slideshow", |
||||
getInitialState: function() { |
||||
return { |
||||
currentSlide: 0, |
||||
}; |
||||
}, |
||||
getDefaultProps: function() { |
||||
return { |
||||
data: slideshowData, |
||||
}; |
||||
}, |
||||
handleSelect: function(id) { |
||||
var index = this.props.data.map(function (el, elIndex) { |
||||
return ( |
||||
elIndex |
||||
); |
||||
}); |
||||
var currentIndex = index.indexOf(id); |
||||
this.setState({ |
||||
currentSlide: currentIndex, |
||||
}); |
||||
}, |
||||
render: function() { |
||||
return ( |
||||
React.createElement("div", {className: "slideshow"}, |
||||
React.createElement("div", {className: "slides"}, |
||||
this.props.data.map(this.renderSlide) |
||||
), |
||||
React.createElement("div", {className: "pagination"}, |
||||
this.props.data.map(this.renderPager) |
||||
) |
||||
) |
||||
); |
||||
}, |
||||
renderSlide: function(child, index) { |
||||
var classes = React.addons.classSet({ |
||||
'slide': true, |
||||
'slideActive': this.state.currentSlide === index, |
||||
}); |
||||
if (child.href) { |
||||
return ( |
||||
React.createElement("div", {key: index, className: classes}, |
||||
React.createElement("a", {href: child.href, alt: child.tooltip, title: child.tooltip}, |
||||
React.createElement("img", {src: child.imagesrc, alt: child.tooltip, title: child.tooltip}) |
||||
) |
||||
) |
||||
); |
||||
} |
||||
return ( |
||||
React.createElement("div", {key: index, className: classes}, |
||||
React.createElement("img", {src: child.imagesrc, alt: child.tooltip}) |
||||
) |
||||
); |
||||
}, |
||||
renderPager: function(child, index) { |
||||
var classes = React.addons.classSet({ |
||||
'pager': true, |
||||
'pagerActive': this.state.currentSlide === index, |
||||
}); |
||||
return ( |
||||
React.createElement("span", {key: index, className: classes, onClick: this.handleSelect.bind(this, index)}) |
||||
); |
||||
}, |
||||
}); |
||||
|
||||
function render(slideshowData) { |
||||
React.render( |
||||
React.createElement(Slideshow, {data: slideshowData}), |
||||
document.getElementById('slideshow') |
||||
); |
||||
} |
||||
render(slideshowData); |
||||
<div class="slideshowBlock pluginWrapper" id="slideshow"></div> |
||||
<script> |
||||
var slideshowData = [ |
||||
{% for image in site.data.slideshow %} |
||||
{ |
||||
id : "{{ image.id }}", |
||||
imagesrc : "{{ image.src }}", |
||||
tooltip : "{{ image.tooltip }}", |
||||
href : "{{ image.link }}", |
||||
}, |
||||
{% endfor %} |
||||
]; |
||||
</script> |
||||
<script src="http://fb.me/react-with-addons-0.13.1.min.js"></script> |
||||
<script type="text/javascript"> |
||||
var Slideshow = React.createClass({displayName: "Slideshow", |
||||
getInitialState: function() { |
||||
return { |
||||
currentSlide: 0, |
||||
}; |
||||
}, |
||||
getDefaultProps: function() { |
||||
return { |
||||
data: slideshowData, |
||||
}; |
||||
}, |
||||
handleSelect: function(id) { |
||||
var index = this.props.data.map(function (el, elIndex) { |
||||
return ( |
||||
elIndex |
||||
); |
||||
}); |
||||
var currentIndex = index.indexOf(id); |
||||
this.setState({ |
||||
currentSlide: currentIndex, |
||||
}); |
||||
}, |
||||
render: function() { |
||||
return ( |
||||
React.createElement("div", {className: "slideshow"}, |
||||
React.createElement("div", {className: "slides"}, |
||||
this.props.data.map(this.renderSlide) |
||||
), |
||||
React.createElement("div", {className: "pagination"}, |
||||
this.props.data.map(this.renderPager) |
||||
) |
||||
) |
||||
); |
||||
}, |
||||
renderSlide: function(child, index) { |
||||
var classes = React.addons.classSet({ |
||||
'slide': true, |
||||
'slideActive': this.state.currentSlide === index, |
||||
}); |
||||
if (child.href) { |
||||
return ( |
||||
React.createElement("div", {key: index, className: classes}, |
||||
React.createElement("a", {href: child.href, alt: child.tooltip, title: child.tooltip}, |
||||
React.createElement("img", {src: child.imagesrc, alt: child.tooltip, title: child.tooltip}) |
||||
) |
||||
) |
||||
); |
||||
} |
||||
return ( |
||||
React.createElement("div", {key: index, className: classes}, |
||||
React.createElement("img", {src: child.imagesrc, alt: child.tooltip}) |
||||
) |
||||
); |
||||
}, |
||||
renderPager: function(child, index) { |
||||
var classes = React.addons.classSet({ |
||||
'pager': true, |
||||
'pagerActive': this.state.currentSlide === index, |
||||
}); |
||||
return ( |
||||
React.createElement("span", {key: index, className: classes, onClick: this.handleSelect.bind(this, index)}) |
||||
); |
||||
}, |
||||
}); |
||||
|
||||
function render(slideshowData) { |
||||
React.render( |
||||
React.createElement(Slideshow, {data: slideshowData}), |
||||
document.getElementById('slideshow') |
||||
); |
||||
} |
||||
render(slideshowData); |
||||
</script> |
@ -1,35 +1,35 @@ |
||||
<div class="post"> |
||||
{% assign author = site.data.authors[page.author] %} |
||||
<header class="post-header"> |
||||
{% if author.fbid %} |
||||
<div class="authorPhoto"> |
||||
<img src="http://graph.facebook.com/{{ author.fbid }}/picture/" alt="{{ author.fullname }}" title="{{ author.fullname }}" /> |
||||
</div> |
||||
{% endif %} |
||||
{% if author.full_name %} |
||||
<p class="post-authorName">{{ author.full_name }}</p> |
||||
{% endif %} |
||||
<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> |
||||
</header> |
||||
|
||||
<article class="post-content"> |
||||
{% if include.truncate %} |
||||
{% if page.content contains '<!--truncate-->' %} |
||||
{{ page.content | split:'<!--truncate-->' | first | markdownify }} |
||||
<div class="read-more"> |
||||
<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" > |
||||
Read More |
||||
</a> |
||||
</div> |
||||
{% else %} |
||||
{{ page.content | markdownify }} |
||||
{% endif %} |
||||
{% else %} |
||||
{{ content }} |
||||
{% endif %} |
||||
{% unless include.truncate %} |
||||
{% include plugins/like_button.html %} |
||||
{% endunless %} |
||||
</article> |
||||
</div> |
||||
<div class="post"> |
||||
{% assign author = site.data.authors[page.author] %} |
||||
<header class="post-header"> |
||||
{% if author.fbid %} |
||||
<div class="authorPhoto"> |
||||
<img src="http://graph.facebook.com/{{ author.fbid }}/picture/" alt="{{ author.fullname }}" title="{{ author.fullname }}" /> |
||||
</div> |
||||
{% endif %} |
||||
{% if author.full_name %} |
||||
<p class="post-authorName">{{ author.full_name }}</p> |
||||
{% endif %} |
||||
<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> |
||||
</header> |
||||
|
||||
<article class="post-content"> |
||||
{% if include.truncate %} |
||||
{% if page.content contains '<!--truncate-->' %} |
||||
{{ page.content | split:'<!--truncate-->' | first | markdownify }} |
||||
<div class="read-more"> |
||||
<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" > |
||||
Read More |
||||
</a> |
||||
</div> |
||||
{% else %} |
||||
{{ page.content | markdownify }} |
||||
{% endif %} |
||||
{% else %} |
||||
{{ content }} |
||||
{% endif %} |
||||
{% unless include.truncate %} |
||||
{% include plugins/like_button.html %} |
||||
{% endunless %} |
||||
</article> |
||||
</div> |
||||
|
@ -1,24 +1,24 @@ |
||||
<a |
||||
href="https://twitter.com/share" |
||||
class="twitter-share-button" |
||||
data-url="http://facebook.github.io/fresco{{ page.url }}" |
||||
data-text="Fresco | {{ page.title }}" |
||||
data-hashtags="fresco">Tweet</a> |
||||
<div |
||||
class="fb-like" |
||||
data-href="http://facebook.github.io/fresco{{ page.url }}" |
||||
data-layout="standard" |
||||
data-action="like" |
||||
data-show-faces="true" |
||||
data-share="true"></div> |
||||
|
||||
<div id="fb-root"></div> |
||||
<script>(function(d, s, id) { |
||||
var js, fjs = d.getElementsByTagName(s)[0]; |
||||
if (d.getElementById(id)) return; |
||||
js = d.createElement(s); js.id = id; |
||||
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; |
||||
fjs.parentNode.insertBefore(js, fjs); |
||||
}(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> |
||||
<a |
||||
href="https://twitter.com/share" |
||||
class="twitter-share-button" |
||||
data-url="http://facebook.github.io/fresco{{ page.url }}" |
||||
data-text="Fresco | {{ page.title }}" |
||||
data-hashtags="fresco">Tweet</a> |
||||
<div |
||||
class="fb-like" |
||||
data-href="http://facebook.github.io/fresco{{ page.url }}" |
||||
data-layout="standard" |
||||
data-action="like" |
||||
data-show-faces="true" |
||||
data-share="true"></div> |
||||
|
||||
<div id="fb-root"></div> |
||||
<script>(function(d, s, id) { |
||||
var js, fjs = d.getElementsByTagName(s)[0]; |
||||
if (d.getElementById(id)) return; |
||||
js = d.createElement(s); js.id = id; |
||||
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; |
||||
fjs.parentNode.insertBefore(js, fjs); |
||||
}(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> |
||||
|
@ -1,12 +1,12 @@ |
||||
--- |
||||
layout: doc_default |
||||
--- |
||||
|
||||
<div class="mainContainer blogContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
<div class="post basicPost"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
--- |
||||
layout: doc_default |
||||
--- |
||||
|
||||
<div class="mainContainer blogContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
<div class="post basicPost"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
@ -1,11 +1,11 @@ |
||||
--- |
||||
category: blog |
||||
layout: blog_default |
||||
--- |
||||
|
||||
<div class="mainContainer blogContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
|
||||
--- |
||||
category: blog |
||||
layout: blog_default |
||||
--- |
||||
|
||||
<div class="mainContainer blogContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
|
||||
|
@ -1,12 +1,12 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
{% include head.html %} |
||||
<body> |
||||
{% include nav.html alwayson=true %} |
||||
<div class="navPusher"> |
||||
{{ content }} |
||||
{% include footer.html %} |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
<!DOCTYPE html> |
||||
<html> |
||||
{% include head.html %} |
||||
<body> |
||||
{% include nav.html alwayson=true %} |
||||
<div class="navPusher"> |
||||
{{ content }} |
||||
{% include footer.html %} |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
||||
|
@ -1,10 +1,10 @@ |
||||
--- |
||||
layout: doc_default |
||||
--- |
||||
|
||||
<div class="mainContainer documentContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
|
||||
--- |
||||
layout: doc_default |
||||
--- |
||||
|
||||
<div class="mainContainer documentContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
|
||||
|
@ -1,5 +1,5 @@ |
||||
--- |
||||
layout: doc_page |
||||
--- |
||||
|
||||
--- |
||||
layout: doc_page |
||||
--- |
||||
|
||||
{% include doc.html %} |
@ -1,17 +1,17 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
{% include head.html %} |
||||
<body> |
||||
{% include nav.html alwayson=true %} |
||||
<div class="navPusher"> |
||||
{% include home_header.html %} |
||||
<div class="mainContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
{% include powered_by.html %} |
||||
</div> |
||||
{% include footer.html %} |
||||
</div> |
||||
</body> |
||||
</html> |
||||
<!DOCTYPE html> |
||||
<html> |
||||
{% include head.html %} |
||||
<body> |
||||
{% include nav.html alwayson=true %} |
||||
<div class="navPusher"> |
||||
{% include home_header.html %} |
||||
<div class="mainContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
{% include powered_by.html %} |
||||
</div> |
||||
{% include footer.html %} |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
@ -1,3 +1,3 @@ |
||||
--- |
||||
layout: blog |
||||
--- |
||||
--- |
||||
layout: blog |
||||
--- |
||||
|
@ -1,10 +1,10 @@ |
||||
--- |
||||
layout: default |
||||
--- |
||||
|
||||
<div class="mainContainer blogContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
|
||||
--- |
||||
layout: default |
||||
--- |
||||
|
||||
<div class="mainContainer blogContainer postContainer"> |
||||
<div id="main_wrap" class="wrapper mainWrapper"> |
||||
{{ content }} |
||||
</div> |
||||
</div> |
||||
|
||||
|
@ -1,8 +1,8 @@ |
||||
--- |
||||
collection: blog |
||||
layout: blog |
||||
--- |
||||
|
||||
<div class="lonePost"> |
||||
{% include post.html %} |
||||
--- |
||||
collection: blog |
||||
layout: blog |
||||
--- |
||||
|
||||
<div class="lonePost"> |
||||
{% include post.html %} |
||||
</div> |
@ -1,6 +1,6 @@ |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="refresh" content="0; {{ page.destination }}"> |
||||
</head> |
||||
<body></body> |
||||
</html> |
||||
<html> |
||||
<head> |
||||
<meta http-equiv="refresh" content="0; {{ page.destination }}"> |
||||
</head> |
||||
<body></body> |
||||
</html> |
||||
|
@ -1,43 +1,43 @@ |
||||
html, body, div, span, applet, object, iframe, |
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||
a, abbr, acronym, address, big, cite, code, |
||||
del, dfn, em, img, ins, kbd, q, s, samp, |
||||
small, strike, strong, sub, sup, tt, var, |
||||
b, u, i, center, |
||||
dl, dt, dd, ol, ul, li, |
||||
fieldset, form, label, legend, |
||||
table, caption, tbody, tfoot, thead, tr, th, td, |
||||
article, aside, canvas, details, embed, |
||||
figure, figcaption, footer, header, hgroup, |
||||
menu, nav, output, ruby, section, summary, |
||||
time, mark, audio, video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, aside, details, figcaption, figure, |
||||
footer, header, hgroup, menu, nav, section { |
||||
display: block; |
||||
} |
||||
body { |
||||
line-height: 1; |
||||
} |
||||
ol, ul { |
||||
list-style: none; |
||||
} |
||||
blockquote, q { |
||||
quotes: none; |
||||
} |
||||
blockquote:before, blockquote:after, |
||||
q:before, q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
html, body, div, span, applet, object, iframe, |
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||
a, abbr, acronym, address, big, cite, code, |
||||
del, dfn, em, img, ins, kbd, q, s, samp, |
||||
small, strike, strong, sub, sup, tt, var, |
||||
b, u, i, center, |
||||
dl, dt, dd, ol, ul, li, |
||||
fieldset, form, label, legend, |
||||
table, caption, tbody, tfoot, thead, tr, th, td, |
||||
article, aside, canvas, details, embed, |
||||
figure, figcaption, footer, header, hgroup, |
||||
menu, nav, output, ruby, section, summary, |
||||
time, mark, audio, video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, aside, details, figcaption, figure, |
||||
footer, header, hgroup, menu, nav, section { |
||||
display: block; |
||||
} |
||||
body { |
||||
line-height: 1; |
||||
} |
||||
ol, ul { |
||||
list-style: none; |
||||
} |
||||
blockquote, q { |
||||
quotes: none; |
||||
} |
||||
blockquote:before, blockquote:after, |
||||
q:before, q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
@ -1,142 +1,142 @@ |
||||
input[type="search"] { |
||||
-moz-appearance: none; |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
.navSearchWrapper { |
||||
align-self: center; |
||||
position: relative; |
||||
|
||||
&::before { |
||||
border: 3px solid $primary-overlay-special; |
||||
border-radius: 50%; |
||||
content: " "; |
||||
display: block; |
||||
height: 6px; |
||||
left: 15px; |
||||
width: 6px; |
||||
position: absolute; |
||||
top: 4px; |
||||
z-index: 1; |
||||
} |
||||
|
||||
&::after { |
||||
background: $primary-overlay-special; |
||||
content: " "; |
||||
height: 7px; |
||||
left: 24px; |
||||
position: absolute; |
||||
transform: rotate(-45deg); |
||||
top: 12px; |
||||
width: 3px; |
||||
z-index: 1; |
||||
} |
||||
|
||||
.aa-dropdown-menu { |
||||
background: $secondary-bg; |
||||
border: 3px solid rgba($text, 0.25); |
||||
color: $text; |
||||
font-size: 14px; |
||||
left: auto !important; |
||||
line-height: 1.2em; |
||||
right: 0 !important; |
||||
|
||||
.algolia-docsearch-suggestion--category-header { |
||||
background: $primary-overlay-special; |
||||
color: $primary-bg; |
||||
|
||||
.algolia-docsearch-suggestion--highlight { |
||||
background-color: $primary-bg; |
||||
color: $primary-overlay; |
||||
} |
||||
} |
||||
|
||||
.algolia-docsearch-suggestion--title .algolia-docsearch-suggestion--highlight, |
||||
.algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight { |
||||
color: $primary-bg; |
||||
} |
||||
|
||||
.algolia-docsearch-suggestion__secondary, |
||||
.algolia-docsearch-suggestion--subcategory-column { |
||||
border-color: rgba($text, 0.3); |
||||
} |
||||
} |
||||
} |
||||
|
||||
input#search_input { |
||||
padding-left: 25px; |
||||
font-size: 14px; |
||||
line-height: 20px; |
||||
border-radius: 20px; |
||||
background-color: rgba($primary-overlay-special, 0.25); |
||||
border: none; |
||||
color: rgba($primary-overlay-special, 0); |
||||
outline: none; |
||||
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; |
||||
width: 60px; |
||||
|
||||
&:focus, &:active { |
||||
background-color: $secondary-bg; |
||||
color: $text; |
||||
width: 240px; |
||||
} |
||||
} |
||||
|
||||
.navigationSlider { |
||||
.navSearchWrapper { |
||||
&::before { |
||||
left: 6px; |
||||
top: 6px; |
||||
} |
||||
|
||||
&::after { |
||||
left: 15px; |
||||
top: 14px; |
||||
} |
||||
} |
||||
|
||||
input#search_input_react { |
||||
box-sizing: border-box; |
||||
padding-left: 25px; |
||||
font-size: 14px; |
||||
line-height: 20px; |
||||
border-radius: 20px; |
||||
background-color: rgba($primary-overlay-special, 0.25); |
||||
border: none; |
||||
color: $text; |
||||
outline: none; |
||||
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; |
||||
width: 100%; |
||||
|
||||
&:focus, &:active { |
||||
background-color: $primary-bg; |
||||
color: $primary-overlay; |
||||
} |
||||
} |
||||
|
||||
.algolia-docsearch-suggestion--subcategory-inline { |
||||
display: none; |
||||
} |
||||
|
||||
& > span { |
||||
width: 100%; |
||||
} |
||||
|
||||
.aa-dropdown-menu { |
||||
background: $secondary-bg; |
||||
border: 0px solid $secondary-bg; |
||||
color: $text; |
||||
font-size: 12px; |
||||
line-height: 2em; |
||||
max-height: 140px; |
||||
min-width: auto; |
||||
overflow-y: scroll; |
||||
-webkit-overflow-scrolling: touch; |
||||
padding: 0; |
||||
border-radius: 0; |
||||
position: relative !important; |
||||
width: 100%; |
||||
} |
||||
input[type="search"] { |
||||
-moz-appearance: none; |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
.navSearchWrapper { |
||||
align-self: center; |
||||
position: relative; |
||||
|
||||
&::before { |
||||
border: 3px solid $primary-overlay-special; |
||||
border-radius: 50%; |
||||
content: " "; |
||||
display: block; |
||||
height: 6px; |
||||
left: 15px; |
||||
width: 6px; |
||||
position: absolute; |
||||
top: 4px; |
||||
z-index: 1; |
||||
} |
||||
|
||||
&::after { |
||||
background: $primary-overlay-special; |
||||
content: " "; |
||||
height: 7px; |
||||
left: 24px; |
||||
position: absolute; |
||||
transform: rotate(-45deg); |
||||
top: 12px; |
||||
width: 3px; |
||||
z-index: 1; |
||||
} |
||||
|
||||
.aa-dropdown-menu { |
||||
background: $secondary-bg; |
||||
border: 3px solid rgba($text, 0.25); |
||||
color: $text; |
||||
font-size: 14px; |
||||
left: auto !important; |
||||
line-height: 1.2em; |
||||
right: 0 !important; |
||||
|
||||
.algolia-docsearch-suggestion--category-header { |
||||
background: $primary-overlay-special; |
||||
color: $primary-bg; |
||||
|
||||
.algolia-docsearch-suggestion--highlight { |
||||
background-color: $primary-bg; |
||||
color: $primary-overlay; |
||||
} |
||||
} |
||||
|
||||
.algolia-docsearch-suggestion--title .algolia-docsearch-suggestion--highlight, |
||||
.algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight { |
||||
color: $primary-bg; |
||||
} |
||||
|
||||
.algolia-docsearch-suggestion__secondary, |
||||
.algolia-docsearch-suggestion--subcategory-column { |
||||
border-color: rgba($text, 0.3); |
||||
} |
||||
} |
||||
} |
||||
|
||||
input#search_input { |
||||
padding-left: 25px; |
||||
font-size: 14px; |
||||
line-height: 20px; |
||||
border-radius: 20px; |
||||
background-color: rgba($primary-overlay-special, 0.25); |
||||
border: none; |
||||
color: rgba($primary-overlay-special, 0); |
||||
outline: none; |
||||
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; |
||||
width: 60px; |
||||
|
||||
&:focus, &:active { |
||||
background-color: $secondary-bg; |
||||
color: $text; |
||||
width: 240px; |
||||
} |
||||
} |
||||
|
||||
.navigationSlider { |
||||
.navSearchWrapper { |
||||
&::before { |
||||
left: 6px; |
||||
top: 6px; |
||||
} |
||||
|
||||
&::after { |
||||
left: 15px; |
||||
top: 14px; |
||||
} |
||||
} |
||||
|
||||
input#search_input_react { |
||||
box-sizing: border-box; |
||||
padding-left: 25px; |
||||
font-size: 14px; |
||||
line-height: 20px; |
||||
border-radius: 20px; |
||||
background-color: rgba($primary-overlay-special, 0.25); |
||||
border: none; |
||||
color: $text; |
||||
outline: none; |
||||
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; |
||||
width: 100%; |
||||
|
||||
&:focus, &:active { |
||||
background-color: $primary-bg; |
||||
color: $primary-overlay; |
||||
} |
||||
} |
||||
|
||||
.algolia-docsearch-suggestion--subcategory-inline { |
||||
display: none; |
||||
} |
||||
|
||||
& > span { |
||||
width: 100%; |
||||
} |
||||
|
||||
.aa-dropdown-menu { |
||||
background: $secondary-bg; |
||||
border: 0px solid $secondary-bg; |
||||
color: $text; |
||||
font-size: 12px; |
||||
line-height: 2em; |
||||
max-height: 140px; |
||||
min-width: auto; |
||||
overflow-y: scroll; |
||||
-webkit-overflow-scrolling: touch; |
||||
padding: 0; |
||||
border-radius: 0; |
||||
position: relative !important; |
||||
width: 100%; |
||||
} |
||||
} |
@ -1,48 +1,48 @@ |
||||
.slideshow { |
||||
position: relative; |
||||
|
||||
.slide { |
||||
display: none; |
||||
|
||||
img { |
||||
display: block; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
&.slideActive { |
||||
display: block; |
||||
} |
||||
|
||||
a { |
||||
border: none; |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
.pagination { |
||||
display: block; |
||||
margin: -10px; |
||||
padding: 1em 0; |
||||
text-align: center; |
||||
width: 100%; |
||||
|
||||
.pager { |
||||
background: transparent; |
||||
border: 2px solid rgba(255, 255, 255, 0.5); |
||||
border-radius: 50%; |
||||
cursor: pointer; |
||||
display: inline-block; |
||||
height: 12px; |
||||
margin: 10px; |
||||
transition: background-color 0.3s, border-color 0.3s; |
||||
width: 12px; |
||||
|
||||
&.pagerActive { |
||||
background: rgba(255, 255, 255, 0.5); |
||||
border-width: 4px; |
||||
height: 8px; |
||||
width: 8px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.slideshow { |
||||
position: relative; |
||||
|
||||
.slide { |
||||
display: none; |
||||
|
||||
img { |
||||
display: block; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
&.slideActive { |
||||
display: block; |
||||
} |
||||
|
||||
a { |
||||
border: none; |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
.pagination { |
||||
display: block; |
||||
margin: -10px; |
||||
padding: 1em 0; |
||||
text-align: center; |
||||
width: 100%; |
||||
|
||||
.pager { |
||||
background: transparent; |
||||
border: 2px solid rgba(255, 255, 255, 0.5); |
||||
border-radius: 50%; |
||||
cursor: pointer; |
||||
display: inline-block; |
||||
height: 12px; |
||||
margin: 10px; |
||||
transition: background-color 0.3s, border-color 0.3s; |
||||
width: 12px; |
||||
|
||||
&.pagerActive { |
||||
background: rgba(255, 255, 255, 0.5); |
||||
border-width: 4px; |
||||
height: 8px; |
||||
width: 8px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
@ -1,129 +1,129 @@ |
||||
|
||||
|
||||
.rougeHighlight { background-color: $code-bg; color: #93a1a1 } |
||||
.rougeHighlight .c { color: #586e75 } /* Comment */ |
||||
.rougeHighlight .err { color: #93a1a1 } /* Error */ |
||||
.rougeHighlight .g { color: #93a1a1 } /* Generic */ |
||||
.rougeHighlight .k { color: #859900 } /* Keyword */ |
||||
.rougeHighlight .l { color: #93a1a1 } /* Literal */ |
||||
.rougeHighlight .n { color: #93a1a1 } /* Name */ |
||||
.rougeHighlight .o { color: #859900 } /* Operator */ |
||||
.rougeHighlight .x { color: #cb4b16 } /* Other */ |
||||
.rougeHighlight .p { color: #93a1a1 } /* Punctuation */ |
||||
.rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */ |
||||
.rougeHighlight .cp { color: #859900 } /* Comment.Preproc */ |
||||
.rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */ |
||||
.rougeHighlight .cs { color: #859900 } /* Comment.Special */ |
||||
.rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */ |
||||
.rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */ |
||||
.rougeHighlight .gr { color: #dc322f } /* Generic.Error */ |
||||
.rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */ |
||||
.rougeHighlight .gi { color: #859900 } /* Generic.Inserted */ |
||||
.rougeHighlight .go { color: #93a1a1 } /* Generic.Output */ |
||||
.rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */ |
||||
.rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */ |
||||
.rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */ |
||||
.rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */ |
||||
.rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */ |
||||
.rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */ |
||||
.rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */ |
||||
.rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */ |
||||
.rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */ |
||||
.rougeHighlight .kt { color: #dc322f } /* Keyword.Type */ |
||||
.rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */ |
||||
.rougeHighlight .m { color: #2aa198 } /* Literal.Number */ |
||||
.rougeHighlight .s { color: #2aa198 } /* Literal.String */ |
||||
.rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */ |
||||
.rougeHighlight .nb { color: #B58900 } /* Name.Builtin */ |
||||
.rougeHighlight .nc { color: #268bd2 } /* Name.Class */ |
||||
.rougeHighlight .no { color: #cb4b16 } /* Name.Constant */ |
||||
.rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */ |
||||
.rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */ |
||||
.rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */ |
||||
.rougeHighlight .nf { color: #268bd2 } /* Name.Function */ |
||||
.rougeHighlight .nl { color: #93a1a1 } /* Name.Label */ |
||||
.rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */ |
||||
.rougeHighlight .nx { color: #93a1a1 } /* Name.Other */ |
||||
.rougeHighlight .py { color: #93a1a1 } /* Name.Property */ |
||||
.rougeHighlight .nt { color: #268bd2 } /* Name.Tag */ |
||||
.rougeHighlight .nv { color: #268bd2 } /* Name.Variable */ |
||||
.rougeHighlight .ow { color: #859900 } /* Operator.Word */ |
||||
.rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */ |
||||
.rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */ |
||||
.rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */ |
||||
.rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */ |
||||
.rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */ |
||||
.rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */ |
||||
.rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */ |
||||
.rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */ |
||||
.rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */ |
||||
.rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */ |
||||
.rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */ |
||||
.rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */ |
||||
.rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */ |
||||
.rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */ |
||||
.rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */ |
||||
.rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */ |
||||
.rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ |
||||
.rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */ |
||||
.rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */ |
||||
.rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */ |
||||
.rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ |
||||
|
||||
.highlighter-rouge { |
||||
color: darken(#72c02c, 8%); |
||||
font: 800 12px/1.5em Hack, monospace; |
||||
max-width: 100%; |
||||
|
||||
.rougeHighlight { |
||||
border-radius: 3px; |
||||
margin: 20px 0; |
||||
padding: 0px; |
||||
overflow-x: scroll; |
||||
-webkit-overflow-scrolling: touch; |
||||
|
||||
table { |
||||
background: none; |
||||
border: none; |
||||
|
||||
tbody { |
||||
tr { |
||||
background: none; |
||||
display: flex; |
||||
flex-flow: row nowrap; |
||||
|
||||
td { |
||||
display: block; |
||||
flex: 1 1; |
||||
|
||||
&.gutter { |
||||
border-right: 1px solid lighten($code-bg, 10%); |
||||
color: lighten($code-bg, 15%); |
||||
margin-right: 10px; |
||||
max-width: 40px; |
||||
padding-right: 10px; |
||||
|
||||
pre { |
||||
max-width: 20px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
p > .highlighter-rouge, |
||||
li > .highlighter-rouge, |
||||
a > .highlighter-rouge { |
||||
font-size: 16px; |
||||
font-weight: 400; |
||||
line-height: inherit; |
||||
} |
||||
|
||||
a:hover { |
||||
.highlighter-rouge { |
||||
color: white; |
||||
} |
||||
|
||||
|
||||
.rougeHighlight { background-color: $code-bg; color: #93a1a1 } |
||||
.rougeHighlight .c { color: #586e75 } /* Comment */ |
||||
.rougeHighlight .err { color: #93a1a1 } /* Error */ |
||||
.rougeHighlight .g { color: #93a1a1 } /* Generic */ |
||||
.rougeHighlight .k { color: #859900 } /* Keyword */ |
||||
.rougeHighlight .l { color: #93a1a1 } /* Literal */ |
||||
.rougeHighlight .n { color: #93a1a1 } /* Name */ |
||||
.rougeHighlight .o { color: #859900 } /* Operator */ |
||||
.rougeHighlight .x { color: #cb4b16 } /* Other */ |
||||
.rougeHighlight .p { color: #93a1a1 } /* Punctuation */ |
||||
.rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */ |
||||
.rougeHighlight .cp { color: #859900 } /* Comment.Preproc */ |
||||
.rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */ |
||||
.rougeHighlight .cs { color: #859900 } /* Comment.Special */ |
||||
.rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */ |
||||
.rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */ |
||||
.rougeHighlight .gr { color: #dc322f } /* Generic.Error */ |
||||
.rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */ |
||||
.rougeHighlight .gi { color: #859900 } /* Generic.Inserted */ |
||||
.rougeHighlight .go { color: #93a1a1 } /* Generic.Output */ |
||||
.rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */ |
||||
.rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */ |
||||
.rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */ |
||||
.rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */ |
||||
.rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */ |
||||
.rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */ |
||||
.rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */ |
||||
.rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */ |
||||
.rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */ |
||||
.rougeHighlight .kt { color: #dc322f } /* Keyword.Type */ |
||||
.rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */ |
||||
.rougeHighlight .m { color: #2aa198 } /* Literal.Number */ |
||||
.rougeHighlight .s { color: #2aa198 } /* Literal.String */ |
||||
.rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */ |
||||
.rougeHighlight .nb { color: #B58900 } /* Name.Builtin */ |
||||
.rougeHighlight .nc { color: #268bd2 } /* Name.Class */ |
||||
.rougeHighlight .no { color: #cb4b16 } /* Name.Constant */ |
||||
.rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */ |
||||
.rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */ |
||||
.rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */ |
||||
.rougeHighlight .nf { color: #268bd2 } /* Name.Function */ |
||||
.rougeHighlight .nl { color: #93a1a1 } /* Name.Label */ |
||||
.rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */ |
||||
.rougeHighlight .nx { color: #93a1a1 } /* Name.Other */ |
||||
.rougeHighlight .py { color: #93a1a1 } /* Name.Property */ |
||||
.rougeHighlight .nt { color: #268bd2 } /* Name.Tag */ |
||||
.rougeHighlight .nv { color: #268bd2 } /* Name.Variable */ |
||||
.rougeHighlight .ow { color: #859900 } /* Operator.Word */ |
||||
.rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */ |
||||
.rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */ |
||||
.rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */ |
||||
.rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */ |
||||
.rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */ |
||||
.rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */ |
||||
.rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */ |
||||
.rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */ |
||||
.rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */ |
||||
.rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */ |
||||
.rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */ |
||||
.rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */ |
||||
.rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */ |
||||
.rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */ |
||||
.rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */ |
||||
.rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */ |
||||
.rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ |
||||
.rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */ |
||||
.rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */ |
||||
.rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */ |
||||
.rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ |
||||
|
||||
.highlighter-rouge { |
||||
color: darken(#72c02c, 8%); |
||||
font: 800 12px/1.5em Hack, monospace; |
||||
max-width: 100%; |
||||
|
||||
.rougeHighlight { |
||||
border-radius: 3px; |
||||
margin: 20px 0; |
||||
padding: 0px; |
||||
overflow-x: scroll; |
||||
-webkit-overflow-scrolling: touch; |
||||
|
||||
table { |
||||
background: none; |
||||
border: none; |
||||
|
||||
tbody { |
||||
tr { |
||||
background: none; |
||||
display: flex; |
||||
flex-flow: row nowrap; |
||||
|
||||
td { |
||||
display: block; |
||||
flex: 1 1; |
||||
|
||||
&.gutter { |
||||
border-right: 1px solid lighten($code-bg, 10%); |
||||
color: lighten($code-bg, 15%); |
||||
margin-right: 10px; |
||||
max-width: 40px; |
||||
padding-right: 10px; |
||||
|
||||
pre { |
||||
max-width: 20px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
p > .highlighter-rouge, |
||||
li > .highlighter-rouge, |
||||
a > .highlighter-rouge { |
||||
font-size: 16px; |
||||
font-weight: 400; |
||||
line-height: inherit; |
||||
} |
||||
|
||||
a:hover { |
||||
.highlighter-rouge { |
||||
color: white; |
||||
} |
||||
} |
@ -1,149 +1,149 @@ |
||||
--- |
||||
# Only the main Sass file needs front matter (the dashes are enough) |
||||
--- |
||||
@charset "utf-8"; |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff') format('woff'); |
||||
font-weight: normal; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff') format('woff'); |
||||
font-weight: 900; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff') format('woff'); |
||||
font-weight: 900; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff') format('woff'); |
||||
font-weight: 300; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff') format('woff'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
// Our variables |
||||
$base-font-family: 'Lato', Calibri, Arial, sans-serif; |
||||
$header-font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; |
||||
$base-font-size: 18px; |
||||
$small-font-size: $base-font-size * 0.875; |
||||
$base-line-height: 1.4em; |
||||
|
||||
$spacing-unit: 12px; |
||||
|
||||
// Two configured colors (see _config.yml) |
||||
$primary-bg: {{ site.color.primary }}; |
||||
$secondary-bg: {{ site.color.secondary }}; |
||||
|
||||
// $primary-bg overlays |
||||
{% if site.color.primary-overlay == 'light' %} |
||||
$primary-overlay: darken($primary-bg, 70%); |
||||
$primary-overlay-special: darken($primary-bg, 40%); |
||||
{% else %} |
||||
$primary-overlay: #fff; |
||||
$primary-overlay-special: lighten($primary-bg, 30%); |
||||
{% endif %} |
||||
|
||||
// $secondary-bg overlays |
||||
{% if site.color.secondary-overlay == 'light' %} |
||||
$text: #393939; |
||||
$sidenav: darken($secondary-bg, 20%); |
||||
$sidenav-text: $text; |
||||
$sidenav-overlay: darken($sidenav, 10%); |
||||
$sidenav-active: lighten($sidenav, 10%); |
||||
{% else %} |
||||
$text: #fff; |
||||
$sidenav: lighten($secondary-bg, 20%); |
||||
$sidenav-text: $text; |
||||
$sidenav-overlay: lighten($sidenav, 10%); |
||||
$sidenav-active: darken($sidenav, 10%); |
||||
{% endif %} |
||||
|
||||
$code-bg: #002b36; |
||||
|
||||
$header-height: 34px; |
||||
$header-ptop: 10px; |
||||
$header-pbot: 8px; |
||||
|
||||
// Width of the content area |
||||
$content-width: 900px; |
||||
|
||||
// Table setting variables |
||||
$lightergrey: #F8F8F8; |
||||
$greyish: #E8E8E8; |
||||
$lightgrey: #B0B0B0; |
||||
$green: #2db04b; |
||||
|
||||
// Using media queries with like this: |
||||
// @include media-query($on-palm) { |
||||
// .wrapper { |
||||
// padding-right: $spacing-unit / 2; |
||||
// padding-left: $spacing-unit / 2; |
||||
// } |
||||
// } |
||||
@mixin media-query($device) { |
||||
@media screen and (max-width: $device) { |
||||
@content; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
// Import partials from `sass_dir` (defaults to `_sass`) |
||||
@import |
||||
"reset", |
||||
"base", |
||||
"header", |
||||
"search", |
||||
"syntax-highlighting", |
||||
"promo", |
||||
"buttons", |
||||
"gridBlock", |
||||
"poweredby", |
||||
"footer", |
||||
"react_header_nav", |
||||
"react_docs_nav", |
||||
"tables", |
||||
"blog" |
||||
; |
||||
|
||||
// Anchor links |
||||
// http://ben.balter.com/2014/03/13/pages-anchor-links/ |
||||
.header-link { |
||||
position: absolute; |
||||
margin-left: 0.2em; |
||||
opacity: 0; |
||||
|
||||
-webkit-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; |
||||
} |
||||
|
||||
h2:hover .header-link, |
||||
h3:hover .header-link, |
||||
h4:hover .header-link, |
||||
h5:hover .header-link, |
||||
h6:hover .header-link { |
||||
opacity: 1; |
||||
} |
||||
--- |
||||
# Only the main Sass file needs front matter (the dashes are enough) |
||||
--- |
||||
@charset "utf-8"; |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff') format('woff'); |
||||
font-weight: normal; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff') format('woff'); |
||||
font-weight: 900; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff') format('woff'); |
||||
font-weight: 900; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff') format('woff'); |
||||
font-weight: 300; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Lato'; |
||||
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff2') format('woff2'), |
||||
url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff') format('woff'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
// Our variables |
||||
$base-font-family: 'Lato', Calibri, Arial, sans-serif; |
||||
$header-font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; |
||||
$base-font-size: 18px; |
||||
$small-font-size: $base-font-size * 0.875; |
||||
$base-line-height: 1.4em; |
||||
|
||||
$spacing-unit: 12px; |
||||
|
||||
// Two configured colors (see _config.yml) |
||||
$primary-bg: {{ site.color.primary }}; |
||||
$secondary-bg: {{ site.color.secondary }}; |
||||
|
||||
// $primary-bg overlays |
||||
{% if site.color.primary-overlay == 'light' %} |
||||
$primary-overlay: darken($primary-bg, 70%); |
||||
$primary-overlay-special: darken($primary-bg, 40%); |
||||
{% else %} |
||||
$primary-overlay: #fff; |
||||
$primary-overlay-special: lighten($primary-bg, 30%); |
||||
{% endif %} |
||||
|
||||
// $secondary-bg overlays |
||||
{% if site.color.secondary-overlay == 'light' %} |
||||
$text: #393939; |
||||
$sidenav: darken($secondary-bg, 20%); |
||||
$sidenav-text: $text; |
||||
$sidenav-overlay: darken($sidenav, 10%); |
||||
$sidenav-active: lighten($sidenav, 10%); |
||||
{% else %} |
||||
$text: #fff; |
||||
$sidenav: lighten($secondary-bg, 20%); |
||||
$sidenav-text: $text; |
||||
$sidenav-overlay: lighten($sidenav, 10%); |
||||
$sidenav-active: darken($sidenav, 10%); |
||||
{% endif %} |
||||
|
||||
$code-bg: #002b36; |
||||
|
||||
$header-height: 34px; |
||||
$header-ptop: 10px; |
||||
$header-pbot: 8px; |
||||
|
||||
// Width of the content area |
||||
$content-width: 900px; |
||||
|
||||
// Table setting variables |
||||
$lightergrey: #F8F8F8; |
||||
$greyish: #E8E8E8; |
||||
$lightgrey: #B0B0B0; |
||||
$green: #2db04b; |
||||
|
||||
// Using media queries with like this: |
||||
// @include media-query($on-palm) { |
||||
// .wrapper { |
||||
// padding-right: $spacing-unit / 2; |
||||
// padding-left: $spacing-unit / 2; |
||||
// } |
||||
// } |
||||
@mixin media-query($device) { |
||||
@media screen and (max-width: $device) { |
||||
@content; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
// Import partials from `sass_dir` (defaults to `_sass`) |
||||
@import |
||||
"reset", |
||||
"base", |
||||
"header", |
||||
"search", |
||||
"syntax-highlighting", |
||||
"promo", |
||||
"buttons", |
||||
"gridBlock", |
||||
"poweredby", |
||||
"footer", |
||||
"react_header_nav", |
||||
"react_docs_nav", |
||||
"tables", |
||||
"blog" |
||||
; |
||||
|
||||
// Anchor links |
||||
// http://ben.balter.com/2014/03/13/pages-anchor-links/ |
||||
.header-link { |
||||
position: absolute; |
||||
margin-left: 0.2em; |
||||
opacity: 0; |
||||
|
||||
-webkit-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; |
||||
} |
||||
|
||||
h2:hover .header-link, |
||||
h3:hover .header-link, |
||||
h4:hover .header-link, |
||||
h5:hover .header-link, |
||||
h6:hover .header-link { |
||||
opacity: 1; |
||||
} |
||||
|
Loading…
Reference in new issue