CRLF -> LF mod (including removing trailing whitespace for those files)

main
Joel Marcey 8 years ago
parent b90e29c901
commit 0f60358b0b
  1. 58
      docs/_includes/blog_pagination.html
  2. 8
      docs/_includes/content/gridblocks.html
  3. 74
      docs/_includes/content/items/gridblock.html
  4. 66
      docs/_includes/footer.html
  5. 50
      docs/_includes/head.html
  6. 44
      docs/_includes/home_header.html
  7. 56
      docs/_includes/nav.html
  8. 34
      docs/_includes/plugins/like_button.html
  9. 68
      docs/_includes/plugins/post_social_plugins.html
  10. 174
      docs/_includes/plugins/slideshow.html
  11. 70
      docs/_includes/post.html
  12. 48
      docs/_includes/social_plugins.html
  13. 24
      docs/_layouts/basic.html
  14. 22
      docs/_layouts/blog.html
  15. 24
      docs/_layouts/default.html
  16. 20
      docs/_layouts/doc_page.html
  17. 8
      docs/_layouts/docs.html
  18. 34
      docs/_layouts/home.html
  19. 6
      docs/_layouts/page.html
  20. 20
      docs/_layouts/plain.html
  21. 14
      docs/_layouts/post.html
  22. 12
      docs/_layouts/redirect.html
  23. 86
      docs/_sass/_reset.scss
  24. 282
      docs/_sass/_search.scss
  25. 96
      docs/_sass/_slideshow.scss
  26. 256
      docs/_sass/_syntax-highlighting.scss
  27. 298
      docs/css/main.scss

@ -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: '//', '/' }}">&laquo; Prev</a>
{% else %}
<span>&laquo; 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 &raquo;</a>
{% else %}
<span>Next &raquo;</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: '//', '/' }}">&laquo; Prev</a>
{% else %}
<span>&laquo; 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 &raquo;</a>
{% else %}
<span>Next &raquo;</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…
Cancel
Save