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/ --> <!-- Pagination links - copied from http://jekyllrb.com/docs/pagination/ -->
{% if paginator.total_pages > 1 %} {% if paginator.total_pages > 1 %}
<br /> <br />
<div class="pagination"> <div class="pagination">
{% if paginator.previous_page %} {% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a> <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
{% else %} {% else %}
<span>&laquo; Prev</span> <span>&laquo; Prev</span>
{% endif %} {% endif %}
{% for page in (1..paginator.total_pages) %} {% for page in (1..paginator.total_pages) %}
{% if page == paginator.page %} {% if page == paginator.page %}
<em>{{ page }}</em> <em>{{ page }}</em>
{% elsif page == 1 %} {% elsif page == 1 %}
<a href="{{ '/blog' | prepend: site.baseurl }}">{{ page }}</a> <a href="{{ '/blog' | prepend: site.baseurl }}">{{ page }}</a>
{% else %} {% else %}
<a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a> <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% if paginator.next_page %} {% if paginator.next_page %}
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a> <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a>
{% else %} {% else %}
<span>Next &raquo;</span> <span>Next &raquo;</span>
{% endif %} {% endif %}
</div> </div>
<br /> <br />
{% endif %} {% endif %}

@ -1,5 +1,5 @@
<div class="gridBlock"> <div class="gridBlock">
{% for item in {{include.data_source}} %} {% for item in {{include.data_source}} %}
{% include content/items/gridblock.html item=item layout=include.layout imagealign=include.imagealign align=include.align %} {% include content/items/gridblock.html item=item layout=include.layout imagealign=include.imagealign align=include.align %}
{% endfor %} {% endfor %}
</div> </div>

@ -1,37 +1,37 @@
{% if include.layout == "fourColumn" %} {% if include.layout == "fourColumn" %}
{% assign layout = "fourByGridBlock" %} {% assign layout = "fourByGridBlock" %}
{% else %} {% else %}
{% assign layout = "twoByGridBlock" %} {% assign layout = "twoByGridBlock" %}
{% endif %} {% endif %}
{% if include.imagealign == "side" %} {% if include.imagealign == "side" %}
{% assign imagealign = "imageAlignSide" %} {% assign imagealign = "imageAlignSide" %}
{% else %} {% else %}
{% if item.image %} {% if item.image %}
{% assign imagealign = "imageAlignTop" %} {% assign imagealign = "imageAlignTop" %}
{% else %} {% else %}
{% assign imagealign = "" %} {% assign imagealign = "" %}
{% endif %} {% endif %}
{% endif %} {% endif %}
{% if include.align == "right" %} {% if include.align == "right" %}
{% assign align = "alignRight" %} {% assign align = "alignRight" %}
{% elsif include.align == "center" %} {% elsif include.align == "center" %}
{% assign align = "alignCenter" %} {% assign align = "alignCenter" %}
{% else %} {% else %}
{% assign align = "alignLeft" %} {% assign align = "alignLeft" %}
{% endif %} {% endif %}
<div class="blockElement {{ layout }} {{ imagealign }} {{ align }}"> <div class="blockElement {{ layout }} {{ imagealign }} {{ align }}">
{% if item.image %} {% if item.image %}
<div class="blockImage"> <div class="blockImage">
<img src="/static/{{ item.image }}" alt="{{ item.title }}" title="{{ item.title }}" /> <img src="/static/{{ item.image }}" alt="{{ item.title }}" title="{{ item.title }}" />
</div> </div>
{% endif %} {% endif %}
<div class="blockContent"> <div class="blockContent">
<h3>{{ item.title }}</h3> <h3>{{ item.title }}</h3>
{% if item.text %} {% if item.text %}
{{ item.text | markdownify }} {{ item.text | markdownify }}
{% endif %} {% endif %}
</div> </div>
</div> </div>

@ -1,33 +1,33 @@
<div class="footerContainer"> <div class="footerContainer">
<div id="footer_wrap" class="wrapper footerWrapper"> <div id="footer_wrap" class="wrapper footerWrapper">
<div class="footerBlocks"> <div class="footerBlocks">
<div id="fb_oss" class="footerSection fbOpenSourceFooter"> <div id="fb_oss" class="footerSection fbOpenSourceFooter">
<svg class="facebookOSSLogoSvg" viewBox="0 0 1133.9 1133.9" x="0px" y="0px"> <svg class="facebookOSSLogoSvg" viewBox="0 0 1133.9 1133.9" x="0px" y="0px">
<g> <g>
<path class="logoRing outerRing" d="M 498.3 3.7 c 153.6 88.9 307.3 177.7 461.1 266.2 c 7.6 4.4 10.3 9.1 10.3 17.8 c -0.3 179.1 -0.2 358.3 0 537.4 c 0 8.1 -2.4 12.8 -9.7 17.1 c -154.5 88.9 -308.8 178.1 -462.9 267.5 c -9 5.2 -15.5 5.3 -24.6 0.1 c -153.9 -89.2 -307.9 -178 -462.1 -266.8 C 3 838.8 0 833.9 0 825.1 c 0.3 -179.1 0.2 -358.3 0 -537.4 c 0 -8.6 2.6 -13.6 10.2 -18 C 164.4 180.9 318.4 92 472.4 3 C 477 -1.5 494.3 -0.7 498.3 3.7 Z M 48.8 555.3 c 0 79.9 0.2 159.9 -0.2 239.8 c -0.1 10 3 15.6 11.7 20.6 c 137.2 78.8 274.2 157.8 411 237.3 c 9.9 5.7 17 5.7 26.8 0.1 c 137.5 -79.8 275.2 -159.2 412.9 -238.5 c 7.4 -4.3 10.5 -8.9 10.5 -17.8 c -0.3 -160.2 -0.3 -320.5 0 -480.7 c 0 -8.8 -2.8 -13.6 -10.3 -18 C 772.1 218 633.1 137.8 494.2 57.4 c -6.5 -3.8 -11.5 -4.5 -18.5 -0.5 C 336.8 137.4 197.9 217.7 58.8 297.7 c -7.7 4.4 -10.2 9.2 -10.2 17.9 C 48.9 395.5 48.8 475.4 48.8 555.3 Z" /> <path class="logoRing outerRing" d="M 498.3 3.7 c 153.6 88.9 307.3 177.7 461.1 266.2 c 7.6 4.4 10.3 9.1 10.3 17.8 c -0.3 179.1 -0.2 358.3 0 537.4 c 0 8.1 -2.4 12.8 -9.7 17.1 c -154.5 88.9 -308.8 178.1 -462.9 267.5 c -9 5.2 -15.5 5.3 -24.6 0.1 c -153.9 -89.2 -307.9 -178 -462.1 -266.8 C 3 838.8 0 833.9 0 825.1 c 0.3 -179.1 0.2 -358.3 0 -537.4 c 0 -8.6 2.6 -13.6 10.2 -18 C 164.4 180.9 318.4 92 472.4 3 C 477 -1.5 494.3 -0.7 498.3 3.7 Z M 48.8 555.3 c 0 79.9 0.2 159.9 -0.2 239.8 c -0.1 10 3 15.6 11.7 20.6 c 137.2 78.8 274.2 157.8 411 237.3 c 9.9 5.7 17 5.7 26.8 0.1 c 137.5 -79.8 275.2 -159.2 412.9 -238.5 c 7.4 -4.3 10.5 -8.9 10.5 -17.8 c -0.3 -160.2 -0.3 -320.5 0 -480.7 c 0 -8.8 -2.8 -13.6 -10.3 -18 C 772.1 218 633.1 137.8 494.2 57.4 c -6.5 -3.8 -11.5 -4.5 -18.5 -0.5 C 336.8 137.4 197.9 217.7 58.8 297.7 c -7.7 4.4 -10.2 9.2 -10.2 17.9 C 48.9 395.5 48.8 475.4 48.8 555.3 Z" />
<path class="logoRing middleRing" d="M 184.4 555.9 c 0 -33.3 -1 -66.7 0.3 -100 c 1.9 -48 24.1 -86 64.7 -110.9 c 54.8 -33.6 110.7 -65.5 167 -96.6 c 45.7 -25.2 92.9 -24.7 138.6 1 c 54.4 30.6 108.7 61.5 162.2 93.7 c 44 26.5 67.3 66.8 68 118.4 c 0.9 63.2 0.9 126.5 0 189.7 c -0.7 50.6 -23.4 90.7 -66.6 116.9 c -55 33.4 -110.8 65.4 -167.1 96.5 c -43.4 24 -89 24.2 -132.3 0.5 c -57.5 -31.3 -114.2 -64 -170 -98.3 c -41 -25.1 -62.9 -63.7 -64.5 -112.2 C 183.5 621.9 184.3 588.9 184.4 555.9 Z M 232.9 556.3 c 0 29.5 0.5 59.1 -0.1 88.6 c -0.8 39.2 16.9 67.1 50.2 86.2 c 51.2 29.4 102.2 59.2 153.4 88.4 c 31.4 17.9 63.6 18.3 95 0.6 c 53.7 -30.3 107.1 -61.2 160.3 -92.5 c 29.7 -17.5 45 -44.5 45.3 -78.8 c 0.6 -61.7 0.5 -123.5 0 -185.2 c -0.3 -34.4 -15.3 -61.5 -44.9 -79 C 637.7 352.6 583 320.8 527.9 290 c -27.5 -15.4 -57.2 -16.1 -84.7 -0.7 c -56.9 31.6 -113.4 64 -169.1 97.6 c -26.4 15.9 -40.7 41.3 -41.1 72.9 C 232.6 491.9 232.9 524.1 232.9 556.3 Z" /> <path class="logoRing middleRing" d="M 184.4 555.9 c 0 -33.3 -1 -66.7 0.3 -100 c 1.9 -48 24.1 -86 64.7 -110.9 c 54.8 -33.6 110.7 -65.5 167 -96.6 c 45.7 -25.2 92.9 -24.7 138.6 1 c 54.4 30.6 108.7 61.5 162.2 93.7 c 44 26.5 67.3 66.8 68 118.4 c 0.9 63.2 0.9 126.5 0 189.7 c -0.7 50.6 -23.4 90.7 -66.6 116.9 c -55 33.4 -110.8 65.4 -167.1 96.5 c -43.4 24 -89 24.2 -132.3 0.5 c -57.5 -31.3 -114.2 -64 -170 -98.3 c -41 -25.1 -62.9 -63.7 -64.5 -112.2 C 183.5 621.9 184.3 588.9 184.4 555.9 Z M 232.9 556.3 c 0 29.5 0.5 59.1 -0.1 88.6 c -0.8 39.2 16.9 67.1 50.2 86.2 c 51.2 29.4 102.2 59.2 153.4 88.4 c 31.4 17.9 63.6 18.3 95 0.6 c 53.7 -30.3 107.1 -61.2 160.3 -92.5 c 29.7 -17.5 45 -44.5 45.3 -78.8 c 0.6 -61.7 0.5 -123.5 0 -185.2 c -0.3 -34.4 -15.3 -61.5 -44.9 -79 C 637.7 352.6 583 320.8 527.9 290 c -27.5 -15.4 -57.2 -16.1 -84.7 -0.7 c -56.9 31.6 -113.4 64 -169.1 97.6 c -26.4 15.9 -40.7 41.3 -41.1 72.9 C 232.6 491.9 232.9 524.1 232.9 556.3 Z" />
<path class="logoRing innerRing" d="M 484.9 424.4 c 69.8 -2.8 133.2 57.8 132.6 132 C 617 630 558.5 688.7 484.9 689.1 c -75.1 0.4 -132.6 -63.6 -132.7 -132.7 C 352.1 485 413.4 421.5 484.9 424.4 Z M 401.3 556.7 c -3.4 37.2 30.5 83.6 83 84.1 c 46.6 0.4 84.8 -37.6 84.9 -84 c 0.1 -46.6 -37.2 -84.4 -84.2 -84.6 C 432.2 472.1 397.9 518.3 401.3 556.7 Z" /> <path class="logoRing innerRing" d="M 484.9 424.4 c 69.8 -2.8 133.2 57.8 132.6 132 C 617 630 558.5 688.7 484.9 689.1 c -75.1 0.4 -132.6 -63.6 -132.7 -132.7 C 352.1 485 413.4 421.5 484.9 424.4 Z M 401.3 556.7 c -3.4 37.2 30.5 83.6 83 84.1 c 46.6 0.4 84.8 -37.6 84.9 -84 c 0.1 -46.6 -37.2 -84.4 -84.2 -84.6 C 432.2 472.1 397.9 518.3 401.3 556.7 Z" />
</g> </g>
</svg> </svg>
<h2>Facebook Open Source</h2> <h2>Facebook Open Source</h2>
</div> </div>
<div class="footerSection"> <div class="footerSection">
<a class="footerLink" href="https://code.facebook.com/projects/" target="_blank">Open Source Projects</a> <a class="footerLink" href="https://code.facebook.com/projects/" target="_blank">Open Source Projects</a>
<a class="footerLink" href="https://github.com/facebook/" target="_blank">GitHub</a> <a class="footerLink" href="https://github.com/facebook/" target="_blank">GitHub</a>
<a class="footerLink" href="https://twitter.com/fbOpenSource" target="_blank">Twitter</a> <a class="footerLink" href="https://twitter.com/fbOpenSource" target="_blank">Twitter</a>
</div> </div>
<div class="footerSection rightAlign"> <div class="footerSection rightAlign">
<a class="footerLink" href="https://github.com/{{ site.ghrepo }}" target="_blank">Contribute to this project on GitHub</a> <a class="footerLink" href="https://github.com/{{ site.ghrepo }}" target="_blank">Contribute to this project on GitHub</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.gacode }}', 'auto'); ga('create', '{{ site.gacode }}', 'auto');
ga('send', 'pageview'); ga('send', 'pageview');
</script> </script>

@ -1,25 +1,25 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" /> <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" />
<meta property="og:site_name" content="{{ site.title }}"/> <meta property="og:site_name" content="{{ site.title }}"/>
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" /> <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
<meta property="og:image" content="{{ site.url }}{{ site.baseurl }}/static/og_image.png" /> <meta property="og:image" content="{{ site.url }}{{ site.baseurl }}/static/og_image.png" />
<meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" /> <meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" />
<link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/css/main.css" media="screen"> <link rel="stylesheet" href="{{ site.url }}{{ site.baseurl }}/css/main.css" media="screen">
<link rel="icon" href="{{ site.url }}{{ site.baseurl }}/static/favicon.png" type="image/x-icon"> <link rel="icon" href="{{ site.url }}{{ site.baseurl }}/static/favicon.png" type="image/x-icon">
{% if site.searchconfig %} {% if site.searchconfig %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
{% endif %} {% endif %}
<title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }}{% endif %}</title> <title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<base href="{{ site.url }}{{ site.baseurl }}/" /> <base href="{{ site.url }}{{ site.baseurl }}/" />
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" /> <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
</head> </head>

@ -1,22 +1,22 @@
<div class="homeContainer"> <div class="homeContainer">
<div class="homeSplashFade"> <div class="homeSplashFade">
<div id="home_wrap" class="wrapper homeWrapper"> <div id="home_wrap" class="wrapper homeWrapper">
<div id="inner"> <div id="inner">
<h2 id="project_tagline">{{ site.tagline }}</h2> <h2 id="project_tagline">{{ site.tagline }}</h2>
<section id="intro"> <section id="intro">
<p>{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}</p> <p>{% if page.excerpt %}{{ page.excerpt | strip_html }}{% else %}{{ site.description }}{% endif %}</p>
</section> </section>
<div id="promo" class="section promoSection"> <div id="promo" class="section promoSection">
{% for promo in site.data.promo %} {% for promo in site.data.promo %}
<div class="promoRow"> <div class="promoRow">
{% include plugins/{{promo.type}}.html href=promo.href text=promo.text children=promo.children %} {% include plugins/{{promo.type}}.html href=promo.href text=promo.text children=promo.children %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div class="projectLogo"> <div class="projectLogo">
<img src="{{ site.baseurl }}/static/logo.svg" alt="{{ site.title }}"> <img src="{{ site.baseurl }}/static/logo.svg" alt="{{ site.title }}">
</div> </div>
</div> </div>
</div> </div>
</div> </div>

@ -1,28 +1,28 @@
<div id="fixed_header" class="fixedHeaderContainer{% if include.alwayson %} visible{% endif %}"> <div id="fixed_header" class="fixedHeaderContainer{% if include.alwayson %} visible{% endif %}">
<div class="headerWrapper wrapper"> <div class="headerWrapper wrapper">
<header> <header>
<a href="{{ site.url }}{{ site.baseurl }}/"> <a href="{{ site.url }}{{ site.baseurl }}/">
<img src="{{ site.baseurl }}/static/logo.svg"> <img src="{{ site.baseurl }}/static/logo.svg">
<h2>{{ site.title }}</h2> <h2>{{ site.title }}</h2>
</a> </a>
<div class="navigationWrapper navigationFull" id="flat_nav"> <div class="navigationWrapper navigationFull" id="flat_nav">
<nav class="navigation"> <nav class="navigation">
<ul> <ul>
{% for item in site.data.nav %} {% for item in site.data.nav %}
<li class="navItem{% if page.collection == item.category or page.category == item.category %} navItemActive{% endif %}"> <li class="navItem{% if page.collection == item.category or page.category == item.category %} navItemActive{% endif %}">
<a href="{{ item.href }}">{{ item.title }}</a> <a href="{{ item.href }}">{{ item.title }}</a>
</li> </li>
{% endfor %} {% endfor %}
{% if site.searchconfig %} {% if site.searchconfig %}
{% include nav_search.html inputselector="search_input" %} {% include nav_search.html inputselector="search_input" %}
{% endif %} {% endif %}
</ul> </ul>
</nav> </nav>
</div> </div>
<div class="navigationWrapper navigationSlider" id="navigation_wrap"> <div class="navigationWrapper navigationSlider" id="navigation_wrap">
{% include nav/header_nav.html %} {% include nav/header_nav.html %}
</div> </div>
</header> </header>
</div> </div>
</div> </div>

@ -1,18 +1,18 @@
<div class="fb-like pluginWrapper likeButtonWrapper" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div> <div class="fb-like pluginWrapper likeButtonWrapper" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
<script> <script>
window.fbAsyncInit = function() { window.fbAsyncInit = function() {
FB.init({ FB.init({
appId : '{{ site.fbappid }}', appId : '{{ site.fbappid }}',
xfbml : true, xfbml : true,
version : 'v2.3' version : 'v2.3'
}); });
}; };
(function(d, s, id){ (function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0]; var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;} if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id; js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js"; js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs); fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk')); }(document, 'script', 'facebook-jssdk'));
</script> </script>

@ -1,34 +1,34 @@
<div class="postSocialPlugins"> <div class="postSocialPlugins">
<a <a
href="https://twitter.com/share" href="https://twitter.com/share"
class="twitter-share-button" class="twitter-share-button"
data-url="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" data-url="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"
data-text="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" data-text="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"
data-hashtags="flowtype">Tweet</a> data-hashtags="flowtype">Tweet</a>
<div <div
class="fb-like" class="fb-like"
data-href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" data-href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"
data-layout="button_count" data-layout="button_count"
data-action="like" data-action="like"
data-show-faces="false" data-show-faces="false"
data-share="true"></div> data-share="true"></div>
</div> </div>
<script> <script>
window.fbAsyncInit = function() { window.fbAsyncInit = function() {
FB.init({ FB.init({
appId : '{{ site.fbappid }}', appId : '{{ site.fbappid }}',
xfbml : true, xfbml : true,
version : 'v2.2' version : 'v2.2'
}); });
}; };
(function(d, s, id){ (function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0]; var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;} if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id; js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js"; js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs); fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk')); }(document, 'script', 'facebook-jssdk'));
</script> </script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

@ -1,88 +1,88 @@
<div class="slideshowBlock pluginWrapper" id="slideshow"></div> <div class="slideshowBlock pluginWrapper" id="slideshow"></div>
<script> <script>
var slideshowData = [ var slideshowData = [
{% for image in site.data.slideshow %} {% for image in site.data.slideshow %}
{ {
id : "{{ image.id }}", id : "{{ image.id }}",
imagesrc : "{{ image.src }}", imagesrc : "{{ image.src }}",
tooltip : "{{ image.tooltip }}", tooltip : "{{ image.tooltip }}",
href : "{{ image.link }}", href : "{{ image.link }}",
}, },
{% endfor %} {% endfor %}
]; ];
</script> </script>
<script src="http://fb.me/react-with-addons-0.13.1.min.js"></script> <script src="http://fb.me/react-with-addons-0.13.1.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var Slideshow = React.createClass({displayName: "Slideshow", var Slideshow = React.createClass({displayName: "Slideshow",
getInitialState: function() { getInitialState: function() {
return { return {
currentSlide: 0, currentSlide: 0,
}; };
}, },
getDefaultProps: function() { getDefaultProps: function() {
return { return {
data: slideshowData, data: slideshowData,
}; };
}, },
handleSelect: function(id) { handleSelect: function(id) {
var index = this.props.data.map(function (el, elIndex) { var index = this.props.data.map(function (el, elIndex) {
return ( return (
elIndex elIndex
); );
}); });
var currentIndex = index.indexOf(id); var currentIndex = index.indexOf(id);
this.setState({ this.setState({
currentSlide: currentIndex, currentSlide: currentIndex,
}); });
}, },
render: function() { render: function() {
return ( return (
React.createElement("div", {className: "slideshow"}, React.createElement("div", {className: "slideshow"},
React.createElement("div", {className: "slides"}, React.createElement("div", {className: "slides"},
this.props.data.map(this.renderSlide) this.props.data.map(this.renderSlide)
), ),
React.createElement("div", {className: "pagination"}, React.createElement("div", {className: "pagination"},
this.props.data.map(this.renderPager) this.props.data.map(this.renderPager)
) )
) )
); );
}, },
renderSlide: function(child, index) { renderSlide: function(child, index) {
var classes = React.addons.classSet({ var classes = React.addons.classSet({
'slide': true, 'slide': true,
'slideActive': this.state.currentSlide === index, 'slideActive': this.state.currentSlide === index,
}); });
if (child.href) { if (child.href) {
return ( return (
React.createElement("div", {key: index, className: classes}, React.createElement("div", {key: index, className: classes},
React.createElement("a", {href: child.href, alt: child.tooltip, title: child.tooltip}, React.createElement("a", {href: child.href, alt: child.tooltip, title: child.tooltip},
React.createElement("img", {src: child.imagesrc, alt: child.tooltip, title: child.tooltip}) React.createElement("img", {src: child.imagesrc, alt: child.tooltip, title: child.tooltip})
) )
) )
); );
} }
return ( return (
React.createElement("div", {key: index, className: classes}, React.createElement("div", {key: index, className: classes},
React.createElement("img", {src: child.imagesrc, alt: child.tooltip}) React.createElement("img", {src: child.imagesrc, alt: child.tooltip})
) )
); );
}, },
renderPager: function(child, index) { renderPager: function(child, index) {
var classes = React.addons.classSet({ var classes = React.addons.classSet({
'pager': true, 'pager': true,
'pagerActive': this.state.currentSlide === index, 'pagerActive': this.state.currentSlide === index,
}); });
return ( return (
React.createElement("span", {key: index, className: classes, onClick: this.handleSelect.bind(this, index)}) React.createElement("span", {key: index, className: classes, onClick: this.handleSelect.bind(this, index)})
); );
}, },
}); });
function render(slideshowData) { function render(slideshowData) {
React.render( React.render(
React.createElement(Slideshow, {data: slideshowData}), React.createElement(Slideshow, {data: slideshowData}),
document.getElementById('slideshow') document.getElementById('slideshow')
); );
} }
render(slideshowData); render(slideshowData);
</script> </script>

@ -1,35 +1,35 @@
<div class="post"> <div class="post">
{% assign author = site.data.authors[page.author] %} {% assign author = site.data.authors[page.author] %}
<header class="post-header"> <header class="post-header">
{% if author.fbid %} {% if author.fbid %}
<div class="authorPhoto"> <div class="authorPhoto">
<img src="http://graph.facebook.com/{{ author.fbid }}/picture/" alt="{{ author.fullname }}" title="{{ author.fullname }}" /> <img src="http://graph.facebook.com/{{ author.fbid }}/picture/" alt="{{ author.fullname }}" title="{{ author.fullname }}" />
</div> </div>
{% endif %} {% endif %}
{% if author.full_name %} {% if author.full_name %}
<p class="post-authorName">{{ author.full_name }}</p> <p class="post-authorName">{{ author.full_name }}</p>
{% endif %} {% endif %}
<h1 class="post-title">{% if include.truncate %}<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a>{% else %}{{ page.title }}{% endif %}</h1> <h1 class="post-title">{% if include.truncate %}<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}">{{ page.title }}</a>{% else %}{{ page.title }}{% endif %}</h1>
<p class="post-meta">Posted {{ page.date | date: '%B %d, %Y' }}{% if page.meta %} • {{ page.meta }}{% endif %}</p> <p class="post-meta">Posted {{ page.date | date: '%B %d, %Y' }}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
</header> </header>
<article class="post-content"> <article class="post-content">
{% if include.truncate %} {% if include.truncate %}
{% if page.content contains '<!--truncate-->' %} {% if page.content contains '<!--truncate-->' %}
{{ page.content | split:'<!--truncate-->' | first | markdownify }} {{ page.content | split:'<!--truncate-->' | first | markdownify }}
<div class="read-more"> <div class="read-more">
<a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" > <a href="{{ site.url }}{{ site.baseurl }}{{ page.url }}" >
Read More Read More
</a> </a>
</div> </div>
{% else %} {% else %}
{{ page.content | markdownify }} {{ page.content | markdownify }}
{% endif %} {% endif %}
{% else %} {% else %}
{{ content }} {{ content }}
{% endif %} {% endif %}
{% unless include.truncate %} {% unless include.truncate %}
{% include plugins/like_button.html %} {% include plugins/like_button.html %}
{% endunless %} {% endunless %}
</article> </article>
</div> </div>

@ -1,24 +1,24 @@
<a <a
href="https://twitter.com/share" href="https://twitter.com/share"
class="twitter-share-button" class="twitter-share-button"
data-url="http://facebook.github.io/fresco{{ page.url }}" data-url="http://facebook.github.io/fresco{{ page.url }}"
data-text="Fresco | {{ page.title }}" data-text="Fresco | {{ page.title }}"
data-hashtags="fresco">Tweet</a> data-hashtags="fresco">Tweet</a>
<div <div
class="fb-like" class="fb-like"
data-href="http://facebook.github.io/fresco{{ page.url }}" data-href="http://facebook.github.io/fresco{{ page.url }}"
data-layout="standard" data-layout="standard"
data-action="like" data-action="like"
data-show-faces="true" data-show-faces="true"
data-share="true"></div> data-share="true"></div>
<div id="fb-root"></div> <div id="fb-root"></div>
<script>(function(d, s, id) { <script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0]; var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id; js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs); fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> }(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

@ -1,12 +1,12 @@
--- ---
layout: doc_default layout: doc_default
--- ---
<div class="mainContainer blogContainer postContainer"> <div class="mainContainer blogContainer postContainer">
<div id="main_wrap" class="wrapper mainWrapper"> <div id="main_wrap" class="wrapper mainWrapper">
<div class="post basicPost"> <div class="post basicPost">
{{ content }} {{ content }}
</div> </div>
</div> </div>
</div> </div>

@ -1,11 +1,11 @@
--- ---
category: blog category: blog
layout: blog_default layout: blog_default
--- ---
<div class="mainContainer blogContainer postContainer"> <div class="mainContainer blogContainer postContainer">
<div id="main_wrap" class="wrapper mainWrapper"> <div id="main_wrap" class="wrapper mainWrapper">
{{ content }} {{ content }}
</div> </div>
</div> </div>

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{% include head.html %} {% include head.html %}
<body> <body>
{% include nav.html alwayson=true %} {% include nav.html alwayson=true %}
<div class="navPusher"> <div class="navPusher">
{{ content }} {{ content }}
{% include footer.html %} {% include footer.html %}
</div> </div>
</body> </body>
</html> </html>

@ -1,10 +1,10 @@
--- ---
layout: doc_default layout: doc_default
--- ---
<div class="mainContainer documentContainer postContainer"> <div class="mainContainer documentContainer postContainer">
<div id="main_wrap" class="wrapper mainWrapper"> <div id="main_wrap" class="wrapper mainWrapper">
{{ content }} {{ content }}
</div> </div>
</div> </div>

@ -1,5 +1,5 @@
--- ---
layout: doc_page layout: doc_page
--- ---
{% include doc.html %} {% include doc.html %}

@ -1,17 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{% include head.html %} {% include head.html %}
<body> <body>
{% include nav.html alwayson=true %} {% include nav.html alwayson=true %}
<div class="navPusher"> <div class="navPusher">
{% include home_header.html %} {% include home_header.html %}
<div class="mainContainer"> <div class="mainContainer">
<div id="main_wrap" class="wrapper mainWrapper"> <div id="main_wrap" class="wrapper mainWrapper">
{{ content }} {{ content }}
</div> </div>
{% include powered_by.html %} {% include powered_by.html %}
</div> </div>
{% include footer.html %} {% include footer.html %}
</div> </div>
</body> </body>
</html> </html>

@ -1,3 +1,3 @@
--- ---
layout: blog layout: blog
--- ---

@ -1,10 +1,10 @@
--- ---
layout: default layout: default
--- ---
<div class="mainContainer blogContainer postContainer"> <div class="mainContainer blogContainer postContainer">
<div id="main_wrap" class="wrapper mainWrapper"> <div id="main_wrap" class="wrapper mainWrapper">
{{ content }} {{ content }}
</div> </div>
</div> </div>

@ -1,8 +1,8 @@
--- ---
collection: blog collection: blog
layout: blog layout: blog
--- ---
<div class="lonePost"> <div class="lonePost">
{% include post.html %} {% include post.html %}
</div> </div>

@ -1,6 +1,6 @@
<html> <html>
<head> <head>
<meta http-equiv="refresh" content="0; {{ page.destination }}"> <meta http-equiv="refresh" content="0; {{ page.destination }}">
</head> </head>
<body></body> <body></body>
</html> </html>

@ -1,43 +1,43 @@
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, small, strike, strong, sub, sup, tt, var,
b, u, i, center, b, u, i, center,
dl, dt, dd, ol, ul, li, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, menu, nav, output, ruby, section, summary,
time, mark, audio, video { time, mark, audio, video {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
font-size: 100%; font-size: 100%;
font: inherit; font: inherit;
vertical-align: baseline; vertical-align: baseline;
} }
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { footer, header, hgroup, menu, nav, section {
display: block; display: block;
} }
body { body {
line-height: 1; line-height: 1;
} }
ol, ul { ol, ul {
list-style: none; list-style: none;
} }
blockquote, q { blockquote, q {
quotes: none; quotes: none;
} }
blockquote:before, blockquote:after, blockquote:before, blockquote:after,
q:before, q:after { q:before, q:after {
content: ''; content: '';
content: none; content: none;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }

@ -1,142 +1,142 @@
input[type="search"] { input[type="search"] {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
.navSearchWrapper { .navSearchWrapper {
align-self: center; align-self: center;
position: relative; position: relative;
&::before { &::before {
border: 3px solid $primary-overlay-special; border: 3px solid $primary-overlay-special;
border-radius: 50%; border-radius: 50%;
content: " "; content: " ";
display: block; display: block;
height: 6px; height: 6px;
left: 15px; left: 15px;
width: 6px; width: 6px;
position: absolute; position: absolute;
top: 4px; top: 4px;
z-index: 1; z-index: 1;
} }
&::after { &::after {
background: $primary-overlay-special; background: $primary-overlay-special;
content: " "; content: " ";
height: 7px; height: 7px;
left: 24px; left: 24px;
position: absolute; position: absolute;
transform: rotate(-45deg); transform: rotate(-45deg);
top: 12px; top: 12px;
width: 3px; width: 3px;
z-index: 1; z-index: 1;
} }
.aa-dropdown-menu { .aa-dropdown-menu {
background: $secondary-bg; background: $secondary-bg;
border: 3px solid rgba($text, 0.25); border: 3px solid rgba($text, 0.25);
color: $text; color: $text;
font-size: 14px; font-size: 14px;
left: auto !important; left: auto !important;
line-height: 1.2em; line-height: 1.2em;
right: 0 !important; right: 0 !important;
.algolia-docsearch-suggestion--category-header { .algolia-docsearch-suggestion--category-header {
background: $primary-overlay-special; background: $primary-overlay-special;
color: $primary-bg; color: $primary-bg;
.algolia-docsearch-suggestion--highlight { .algolia-docsearch-suggestion--highlight {
background-color: $primary-bg; background-color: $primary-bg;
color: $primary-overlay; color: $primary-overlay;
} }
} }
.algolia-docsearch-suggestion--title .algolia-docsearch-suggestion--highlight, .algolia-docsearch-suggestion--title .algolia-docsearch-suggestion--highlight,
.algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight { .algolia-docsearch-suggestion--subcategory-column .algolia-docsearch-suggestion--highlight {
color: $primary-bg; color: $primary-bg;
} }
.algolia-docsearch-suggestion__secondary, .algolia-docsearch-suggestion__secondary,
.algolia-docsearch-suggestion--subcategory-column { .algolia-docsearch-suggestion--subcategory-column {
border-color: rgba($text, 0.3); border-color: rgba($text, 0.3);
} }
} }
} }
input#search_input { input#search_input {
padding-left: 25px; padding-left: 25px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
border-radius: 20px; border-radius: 20px;
background-color: rgba($primary-overlay-special, 0.25); background-color: rgba($primary-overlay-special, 0.25);
border: none; border: none;
color: rgba($primary-overlay-special, 0); color: rgba($primary-overlay-special, 0);
outline: none; outline: none;
position: relative; position: relative;
transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease; transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease;
width: 60px; width: 60px;
&:focus, &:active { &:focus, &:active {
background-color: $secondary-bg; background-color: $secondary-bg;
color: $text; color: $text;
width: 240px; width: 240px;
} }
} }
.navigationSlider { .navigationSlider {
.navSearchWrapper { .navSearchWrapper {
&::before { &::before {
left: 6px; left: 6px;
top: 6px; top: 6px;
} }
&::after { &::after {
left: 15px; left: 15px;
top: 14px; top: 14px;
} }
} }
input#search_input_react { input#search_input_react {
box-sizing: border-box; box-sizing: border-box;
padding-left: 25px; padding-left: 25px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
border-radius: 20px; border-radius: 20px;
background-color: rgba($primary-overlay-special, 0.25); background-color: rgba($primary-overlay-special, 0.25);
border: none; border: none;
color: $text; color: $text;
outline: none; outline: none;
position: relative; position: relative;
transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease; transition: background-color .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), width .2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color .2s ease;
width: 100%; width: 100%;
&:focus, &:active { &:focus, &:active {
background-color: $primary-bg; background-color: $primary-bg;
color: $primary-overlay; color: $primary-overlay;
} }
} }
.algolia-docsearch-suggestion--subcategory-inline { .algolia-docsearch-suggestion--subcategory-inline {
display: none; display: none;
} }
& > span { & > span {
width: 100%; width: 100%;
} }
.aa-dropdown-menu { .aa-dropdown-menu {
background: $secondary-bg; background: $secondary-bg;
border: 0px solid $secondary-bg; border: 0px solid $secondary-bg;
color: $text; color: $text;
font-size: 12px; font-size: 12px;
line-height: 2em; line-height: 2em;
max-height: 140px; max-height: 140px;
min-width: auto; min-width: auto;
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
position: relative !important; position: relative !important;
width: 100%; width: 100%;
} }
} }

@ -1,48 +1,48 @@
.slideshow { .slideshow {
position: relative; position: relative;
.slide { .slide {
display: none; display: none;
img { img {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
&.slideActive { &.slideActive {
display: block; display: block;
} }
a { a {
border: none; border: none;
display: block; display: block;
} }
} }
.pagination { .pagination {
display: block; display: block;
margin: -10px; margin: -10px;
padding: 1em 0; padding: 1em 0;
text-align: center; text-align: center;
width: 100%; width: 100%;
.pager { .pager {
background: transparent; background: transparent;
border: 2px solid rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
height: 12px; height: 12px;
margin: 10px; margin: 10px;
transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s;
width: 12px; width: 12px;
&.pagerActive { &.pagerActive {
background: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5);
border-width: 4px; border-width: 4px;
height: 8px; height: 8px;
width: 8px; width: 8px;
} }
} }
} }
} }

@ -1,129 +1,129 @@
.rougeHighlight { background-color: $code-bg; color: #93a1a1 } .rougeHighlight { background-color: $code-bg; color: #93a1a1 }
.rougeHighlight .c { color: #586e75 } /* Comment */ .rougeHighlight .c { color: #586e75 } /* Comment */
.rougeHighlight .err { color: #93a1a1 } /* Error */ .rougeHighlight .err { color: #93a1a1 } /* Error */
.rougeHighlight .g { color: #93a1a1 } /* Generic */ .rougeHighlight .g { color: #93a1a1 } /* Generic */
.rougeHighlight .k { color: #859900 } /* Keyword */ .rougeHighlight .k { color: #859900 } /* Keyword */
.rougeHighlight .l { color: #93a1a1 } /* Literal */ .rougeHighlight .l { color: #93a1a1 } /* Literal */
.rougeHighlight .n { color: #93a1a1 } /* Name */ .rougeHighlight .n { color: #93a1a1 } /* Name */
.rougeHighlight .o { color: #859900 } /* Operator */ .rougeHighlight .o { color: #859900 } /* Operator */
.rougeHighlight .x { color: #cb4b16 } /* Other */ .rougeHighlight .x { color: #cb4b16 } /* Other */
.rougeHighlight .p { color: #93a1a1 } /* Punctuation */ .rougeHighlight .p { color: #93a1a1 } /* Punctuation */
.rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */ .rougeHighlight .cm { color: #586e75 } /* Comment.Multiline */
.rougeHighlight .cp { color: #859900 } /* Comment.Preproc */ .rougeHighlight .cp { color: #859900 } /* Comment.Preproc */
.rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */ .rougeHighlight .c1 { color: #72c02c; } /* Comment.Single */
.rougeHighlight .cs { color: #859900 } /* Comment.Special */ .rougeHighlight .cs { color: #859900 } /* Comment.Special */
.rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */ .rougeHighlight .gd { color: #2aa198 } /* Generic.Deleted */
.rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */ .rougeHighlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */
.rougeHighlight .gr { color: #dc322f } /* Generic.Error */ .rougeHighlight .gr { color: #dc322f } /* Generic.Error */
.rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */ .rougeHighlight .gh { color: #cb4b16 } /* Generic.Heading */
.rougeHighlight .gi { color: #859900 } /* Generic.Inserted */ .rougeHighlight .gi { color: #859900 } /* Generic.Inserted */
.rougeHighlight .go { color: #93a1a1 } /* Generic.Output */ .rougeHighlight .go { color: #93a1a1 } /* Generic.Output */
.rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */ .rougeHighlight .gp { color: #93a1a1 } /* Generic.Prompt */
.rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */ .rougeHighlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */
.rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */ .rougeHighlight .gu { color: #cb4b16 } /* Generic.Subheading */
.rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */ .rougeHighlight .gt { color: #93a1a1 } /* Generic.Traceback */
.rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */ .rougeHighlight .kc { color: #cb4b16 } /* Keyword.Constant */
.rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */ .rougeHighlight .kd { color: #268bd2 } /* Keyword.Declaration */
.rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */ .rougeHighlight .kn { color: #859900 } /* Keyword.Namespace */
.rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */ .rougeHighlight .kp { color: #859900 } /* Keyword.Pseudo */
.rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */ .rougeHighlight .kr { color: #268bd2 } /* Keyword.Reserved */
.rougeHighlight .kt { color: #dc322f } /* Keyword.Type */ .rougeHighlight .kt { color: #dc322f } /* Keyword.Type */
.rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */ .rougeHighlight .ld { color: #93a1a1 } /* Literal.Date */
.rougeHighlight .m { color: #2aa198 } /* Literal.Number */ .rougeHighlight .m { color: #2aa198 } /* Literal.Number */
.rougeHighlight .s { color: #2aa198 } /* Literal.String */ .rougeHighlight .s { color: #2aa198 } /* Literal.String */
.rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */ .rougeHighlight .na { color: #93a1a1 } /* Name.Attribute */
.rougeHighlight .nb { color: #B58900 } /* Name.Builtin */ .rougeHighlight .nb { color: #B58900 } /* Name.Builtin */
.rougeHighlight .nc { color: #268bd2 } /* Name.Class */ .rougeHighlight .nc { color: #268bd2 } /* Name.Class */
.rougeHighlight .no { color: #cb4b16 } /* Name.Constant */ .rougeHighlight .no { color: #cb4b16 } /* Name.Constant */
.rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */ .rougeHighlight .nd { color: #268bd2 } /* Name.Decorator */
.rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */ .rougeHighlight .ni { color: #cb4b16 } /* Name.Entity */
.rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */ .rougeHighlight .ne { color: #cb4b16 } /* Name.Exception */
.rougeHighlight .nf { color: #268bd2 } /* Name.Function */ .rougeHighlight .nf { color: #268bd2 } /* Name.Function */
.rougeHighlight .nl { color: #93a1a1 } /* Name.Label */ .rougeHighlight .nl { color: #93a1a1 } /* Name.Label */
.rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */ .rougeHighlight .nn { color: #93a1a1 } /* Name.Namespace */
.rougeHighlight .nx { color: #93a1a1 } /* Name.Other */ .rougeHighlight .nx { color: #93a1a1 } /* Name.Other */
.rougeHighlight .py { color: #93a1a1 } /* Name.Property */ .rougeHighlight .py { color: #93a1a1 } /* Name.Property */
.rougeHighlight .nt { color: #268bd2 } /* Name.Tag */ .rougeHighlight .nt { color: #268bd2 } /* Name.Tag */
.rougeHighlight .nv { color: #268bd2 } /* Name.Variable */ .rougeHighlight .nv { color: #268bd2 } /* Name.Variable */
.rougeHighlight .ow { color: #859900 } /* Operator.Word */ .rougeHighlight .ow { color: #859900 } /* Operator.Word */
.rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */ .rougeHighlight .w { color: #93a1a1 } /* Text.Whitespace */
.rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */ .rougeHighlight .mf { color: #2aa198 } /* Literal.Number.Float */
.rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */ .rougeHighlight .mh { color: #2aa198 } /* Literal.Number.Hex */
.rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */ .rougeHighlight .mi { color: #2aa198 } /* Literal.Number.Integer */
.rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */ .rougeHighlight .mo { color: #2aa198 } /* Literal.Number.Oct */
.rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */ .rougeHighlight .sb { color: #586e75 } /* Literal.String.Backtick */
.rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */ .rougeHighlight .sc { color: #2aa198 } /* Literal.String.Char */
.rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */ .rougeHighlight .sd { color: #93a1a1 } /* Literal.String.Doc */
.rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */ .rougeHighlight .s2 { color: #2aa198 } /* Literal.String.Double */
.rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */ .rougeHighlight .se { color: #cb4b16 } /* Literal.String.Escape */
.rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */ .rougeHighlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */
.rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */ .rougeHighlight .si { color: #2aa198 } /* Literal.String.Interpol */
.rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */ .rougeHighlight .sx { color: #2aa198 } /* Literal.String.Other */
.rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */ .rougeHighlight .sr { color: #dc322f } /* Literal.String.Regex */
.rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */ .rougeHighlight .s1 { color: #2aa198 } /* Literal.String.Single */
.rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */ .rougeHighlight .ss { color: #2aa198 } /* Literal.String.Symbol */
.rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ .rougeHighlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */
.rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */ .rougeHighlight .vc { color: #268bd2 } /* Name.Variable.Class */
.rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */ .rougeHighlight .vg { color: #268bd2 } /* Name.Variable.Global */
.rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */ .rougeHighlight .vi { color: #268bd2 } /* Name.Variable.Instance */
.rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ .rougeHighlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */
.highlighter-rouge { .highlighter-rouge {
color: darken(#72c02c, 8%); color: darken(#72c02c, 8%);
font: 800 12px/1.5em Hack, monospace; font: 800 12px/1.5em Hack, monospace;
max-width: 100%; max-width: 100%;
.rougeHighlight { .rougeHighlight {
border-radius: 3px; border-radius: 3px;
margin: 20px 0; margin: 20px 0;
padding: 0px; padding: 0px;
overflow-x: scroll; overflow-x: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
table { table {
background: none; background: none;
border: none; border: none;
tbody { tbody {
tr { tr {
background: none; background: none;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
td { td {
display: block; display: block;
flex: 1 1; flex: 1 1;
&.gutter { &.gutter {
border-right: 1px solid lighten($code-bg, 10%); border-right: 1px solid lighten($code-bg, 10%);
color: lighten($code-bg, 15%); color: lighten($code-bg, 15%);
margin-right: 10px; margin-right: 10px;
max-width: 40px; max-width: 40px;
padding-right: 10px; padding-right: 10px;
pre { pre {
max-width: 20px; max-width: 20px;
} }
} }
} }
} }
} }
} }
} }
} }
p > .highlighter-rouge, p > .highlighter-rouge,
li > .highlighter-rouge, li > .highlighter-rouge,
a > .highlighter-rouge { a > .highlighter-rouge {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: inherit; line-height: inherit;
} }
a:hover { a:hover {
.highlighter-rouge { .highlighter-rouge {
color: white; color: white;
} }
} }

@ -1,149 +1,149 @@
--- ---
# Only the main Sass file needs front matter (the dashes are enough) # Only the main Sass file needs front matter (the dashes are enough)
--- ---
@charset "utf-8"; @charset "utf-8";
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff2') format('woff2'), src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff2') format('woff2'),
url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff') format('woff'); url('{{ site.baseurl }}/static/fonts/LatoLatin-Italic.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff2') format('woff2'), src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff2') format('woff2'),
url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff') format('woff'); url('{{ site.baseurl }}/static/fonts/LatoLatin-Black.woff') format('woff');
font-weight: 900; font-weight: 900;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff2') format('woff2'), src: url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff2') format('woff2'),
url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff') format('woff'); url('{{ site.baseurl }}/static/fonts/LatoLatin-BlackItalic.woff') format('woff');
font-weight: 900; font-weight: 900;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff2') format('woff2'), src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff2') format('woff2'),
url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff') format('woff'); url('{{ site.baseurl }}/static/fonts/LatoLatin-Light.woff') format('woff');
font-weight: 300; font-weight: 300;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Lato';
src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff2') format('woff2'), src: url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff2') format('woff2'),
url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff') format('woff'); url('{{ site.baseurl }}/static/fonts/LatoLatin-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
// Our variables // Our variables
$base-font-family: 'Lato', Calibri, Arial, sans-serif; $base-font-family: 'Lato', Calibri, Arial, sans-serif;
$header-font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; $header-font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
$base-font-size: 18px; $base-font-size: 18px;
$small-font-size: $base-font-size * 0.875; $small-font-size: $base-font-size * 0.875;
$base-line-height: 1.4em; $base-line-height: 1.4em;
$spacing-unit: 12px; $spacing-unit: 12px;
// Two configured colors (see _config.yml) // Two configured colors (see _config.yml)
$primary-bg: {{ site.color.primary }}; $primary-bg: {{ site.color.primary }};
$secondary-bg: {{ site.color.secondary }}; $secondary-bg: {{ site.color.secondary }};
// $primary-bg overlays // $primary-bg overlays
{% if site.color.primary-overlay == 'light' %} {% if site.color.primary-overlay == 'light' %}
$primary-overlay: darken($primary-bg, 70%); $primary-overlay: darken($primary-bg, 70%);
$primary-overlay-special: darken($primary-bg, 40%); $primary-overlay-special: darken($primary-bg, 40%);
{% else %} {% else %}
$primary-overlay: #fff; $primary-overlay: #fff;
$primary-overlay-special: lighten($primary-bg, 30%); $primary-overlay-special: lighten($primary-bg, 30%);
{% endif %} {% endif %}
// $secondary-bg overlays // $secondary-bg overlays
{% if site.color.secondary-overlay == 'light' %} {% if site.color.secondary-overlay == 'light' %}
$text: #393939; $text: #393939;
$sidenav: darken($secondary-bg, 20%); $sidenav: darken($secondary-bg, 20%);
$sidenav-text: $text; $sidenav-text: $text;
$sidenav-overlay: darken($sidenav, 10%); $sidenav-overlay: darken($sidenav, 10%);
$sidenav-active: lighten($sidenav, 10%); $sidenav-active: lighten($sidenav, 10%);
{% else %} {% else %}
$text: #fff; $text: #fff;
$sidenav: lighten($secondary-bg, 20%); $sidenav: lighten($secondary-bg, 20%);
$sidenav-text: $text; $sidenav-text: $text;
$sidenav-overlay: lighten($sidenav, 10%); $sidenav-overlay: lighten($sidenav, 10%);
$sidenav-active: darken($sidenav, 10%); $sidenav-active: darken($sidenav, 10%);
{% endif %} {% endif %}
$code-bg: #002b36; $code-bg: #002b36;
$header-height: 34px; $header-height: 34px;
$header-ptop: 10px; $header-ptop: 10px;
$header-pbot: 8px; $header-pbot: 8px;
// Width of the content area // Width of the content area
$content-width: 900px; $content-width: 900px;
// Table setting variables // Table setting variables
$lightergrey: #F8F8F8; $lightergrey: #F8F8F8;
$greyish: #E8E8E8; $greyish: #E8E8E8;
$lightgrey: #B0B0B0; $lightgrey: #B0B0B0;
$green: #2db04b; $green: #2db04b;
// Using media queries with like this: // Using media queries with like this:
// @include media-query($on-palm) { // @include media-query($on-palm) {
// .wrapper { // .wrapper {
// padding-right: $spacing-unit / 2; // padding-right: $spacing-unit / 2;
// padding-left: $spacing-unit / 2; // padding-left: $spacing-unit / 2;
// } // }
// } // }
@mixin media-query($device) { @mixin media-query($device) {
@media screen and (max-width: $device) { @media screen and (max-width: $device) {
@content; @content;
} }
} }
// Import partials from `sass_dir` (defaults to `_sass`) // Import partials from `sass_dir` (defaults to `_sass`)
@import @import
"reset", "reset",
"base", "base",
"header", "header",
"search", "search",
"syntax-highlighting", "syntax-highlighting",
"promo", "promo",
"buttons", "buttons",
"gridBlock", "gridBlock",
"poweredby", "poweredby",
"footer", "footer",
"react_header_nav", "react_header_nav",
"react_docs_nav", "react_docs_nav",
"tables", "tables",
"blog" "blog"
; ;
// Anchor links // Anchor links
// http://ben.balter.com/2014/03/13/pages-anchor-links/ // http://ben.balter.com/2014/03/13/pages-anchor-links/
.header-link { .header-link {
position: absolute; position: absolute;
margin-left: 0.2em; margin-left: 0.2em;
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out 0.1s; -webkit-transition: opacity 0.2s ease-in-out 0.1s;
-moz-transition: opacity 0.2s ease-in-out 0.1s; -moz-transition: opacity 0.2s ease-in-out 0.1s;
-ms-transition: opacity 0.2s ease-in-out 0.1s; -ms-transition: opacity 0.2s ease-in-out 0.1s;
} }
h2:hover .header-link, h2:hover .header-link,
h3:hover .header-link, h3:hover .header-link,
h4:hover .header-link, h4:hover .header-link,
h5:hover .header-link, h5:hover .header-link,
h6:hover .header-link { h6:hover .header-link {
opacity: 1; opacity: 1;
} }

Loading…
Cancel
Save