web: Added page navigation top and bottom to blog

This commit is contained in:
Eberhard Graether
2016-07-18 17:33:52 +02:00
parent 11a1ccc822
commit 46be24ab26
17 changed files with 615 additions and 160 deletions
+1 -1
View File
@@ -1 +1 @@
<span>&copy; {{ site.time | date: '%Y' }} <a href="{{ site.owner.url }}/imprint">{{ site.owner.name }}</a>. Powered by <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> using the <a href="https://mademistakes.com/work/hpstr-jekyll-theme/" rel="nofollow">HPSTR Theme</a>.</span>
Blog powered by <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> using the <a href="https://mademistakes.com/work/hpstr-jekyll-theme/" rel="nofollow">HPSTR Theme</a>.</span>
+71
View File
@@ -0,0 +1,71 @@
<div class="navigation">
<div class="nav-html nav-body">
<div class="layout">
<div class="layout-footer">
<div class="logo logo--with-slogan">
<svg class="logo__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164.597px" height="212.833px" viewBox="0 0 164.597 212.833">
<g>
<path d="M63.134,170.996c-11.508,0-20.883,9.374-20.883,20.938c0,11.508,9.375,20.826,20.883,20.826
c11.506,0,20.938-9.318,20.938-20.826C84.072,180.37,74.64,170.996,63.134,170.996z M63.134,207.819
c-8.757,0-15.831-7.185-15.831-15.885c0-8.758,7.074-16,15.831-16c8.757,0,15.829,7.242,15.829,16
C78.963,200.635,71.891,207.819,63.134,207.819z"></path>
<polygon points="121.276,176.833 131.362,176.833 131.362,211.862 136.414,211.862 136.414,176.833 146.5,176.833 146.5,171.894
121.276,171.894 "></polygon>
<rect x="153.771" y="171.894" width="5.052" height="39.969"></rect>
<path d="M25.511,207.849c-8.868,0-15.999-7.129-15.999-15.998c0-8.814,7.13-15.943,15.999-15.943
c3.792,0,7.363,1.298,10.19,3.676l3.484-3.484c-3.76-3.287-8.565-5.13-13.674-5.13c-11.563,0-20.938,9.373-20.938,20.882
c0,11.564,9.375,20.938,20.938,20.938c5.091,0,9.908-1.828,13.675-5.129l-3.487-3.489
C32.845,206.542,29.274,207.849,25.511,207.849z"></path>
<path d="M85.479,211.895h5.387l2.774-6.303h19.671l2.762,6.303h5.443l-18.019-40.97L85.479,211.895z M95.814,200.651
l7.684-17.467l7.65,17.467H95.814z"></path>
</g>
<g>
<path d="M20.875,158.837h14.671c-1.244-3.422-1.925-7.113-1.925-10.965c0-6.671,2.038-12.865,5.521-17.998
C28.339,135.038,20.875,146.064,20.875,158.837z"></path>
<path d="M135.894,82.173c2.562,0.386,5.215,0.404,7.897-0.008c5.634-0.866,10.583-3.48,14.428-7.23
c-5.265-3.29-11.598-4.779-18.102-3.779c-1.866,0.287-3.65,0.783-5.352,1.431c2.863-5.315,4.104-11.641,3.1-18.171
c-0.137-0.889-0.316-1.762-0.527-2.619c-7.72,4.323-12.963,12.39-13.916,21.567c-12.08-6.947-26.087-10.921-41.022-10.921
c-19.125,0-36.726,6.517-50.707,17.449c-6.814-2.953-12.294-8.831-14.478-16.545c-2.724-9.621,2.861-19.612,12.481-22.335
c11.114-3.146,17.565-14.688,14.419-25.801C40.969,4.097,29.425-2.349,18.312,0.797c-3.274,0.926-5.173,4.327-4.247,7.6
c0.926,3.274,4.329,5.174,7.602,4.248c4.563-1.292,9.538,1.357,10.831,5.921c1.292,4.563-1.593,9.302-6.158,10.594
C7.103,34.606-4.068,54.592,1.381,73.834C3.944,82.888,9.359,90.35,16.37,95.542C6.09,109.29,0,126.356,0,144.843
c0,4.771,0.412,9.444,1.189,13.993h13.575c0-17.719,14.366-32.083,32.086-32.083c17.719,0,32.083,14.364,32.085,32.083h16.739
c0.002-17.719,14.368-32.083,32.087-32.083c14.593,0,26.697,9.914,30.589,23.25c0.784,2.082,1.761,3.123,3.431,3.037
s2.79-1.309,2.869-3.189c0.101-1.652,0.149-3.33,0.149-5.008C164.799,119.753,153.583,97.286,135.894,82.173z M127.473,109.472
c-3.246,0-5.876-2.631-5.876-5.876c0-3.243,2.63-5.874,5.876-5.874c3.242,0,5.873,2.631,5.873,5.874
C133.346,106.841,130.715,109.472,127.473,109.472z"></path>
<path d="M101.855,158.837h14.671c-1.244-3.422-1.925-7.113-1.925-10.965c0-6.671,2.038-12.865,5.521-17.998
C109.319,135.038,101.855,146.064,101.855,158.837z"></path>
</g>
</svg>
<span>A crossplattform source explorer for <strong>C/C++</strong></span>
</div>
<div class="default-row">
<div class="layout-footer__main-navigation">
<a class="layout-footer__main-navigation__link" href="{{ site.owner.url }}">Home</a>
<a class="layout-footer__main-navigation__link layout-header__main-navigation__link--active" href="{{ site.owner.url }}/blog/">Blog</a>
<a class="layout-footer__main-navigation__link" href="{{ site.owner.url }}/documentation/">Documentation</a>
<a class="layout-footer__main-navigation__link" href="{{ site.owner.url }}/support">Support</a>
<a class="layout-footer__main-navigation__link" href="{{ site.owner.url }}/download-gate">Download</a>
<a class="layout-footer__main-navigation__link" href="{{ site.owner.url }}/trial">Get Trial</a>
<a class="layout-footer__main-navigation__link" href="http://sites.fastspring.com/coatisoftware/product/buy_0?action=adds">Buy now</a>
</div>
<div class="layout-footer__sub-navigation">
<a class="layout-footer__sub-navigation__link" href="{{ site.owner.url }}/press-kit">Press Kit</a>
<span class="layout-footer__sub-navigation__separator">|</span>
<a class="layout-footer__sub-navigation__link" href="{{ site.owner.url }}/terms-of-use">Terms of Use</a>
<span class="layout-footer__sub-navigation__separator">|</span>
<a class="layout-footer__sub-navigation__link" href="{{ site.owner.url }}/cancellation-policy">Cancellation Policy</a>
<span class="layout-footer__sub-navigation__separator">|</span>
<a class="layout-footer__sub-navigation__link" href="{{ site.owner.url }}/privacy-policy">Privacy Policy</a>
<span class="layout-footer__sub-navigation__separator">|</span>
<a class="layout-footer__sub-navigation__link" href="{{ site.owner.url }}/imprint">Imprint</a>
</div>
</div>
</div>
</div>
</div>
</div>
+118
View File
@@ -0,0 +1,118 @@
<div class="navigation">
<div class="nav-html nav-body">
<div class="layout">
<div class="layout-header layout-header--mobile-menu-closed">
<div class="layout-header__boundary">
<div class="layout-header__fixed-bar"></div>
<div class="logo logo--symbol-only layout-header__logo layout-header__logo--sm">
<svg class="logo__icon layout-header__logo__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 38 37">
<g>
<path d="M30.747,24.133c0-0.757-0.605-1.368-1.354-1.368
c-0.749,0-1.355,0.611-1.355,1.368c0,0.756,0.606,1.368,1.355,1.368C30.142,25.501,30.747,24.889,30.747,24.133 M36.514,34.942
c-0.898-3.106-3.689-5.416-7.055-5.416c-4.085,0-7.397,3.346-7.397,7.474h-3.86c0-4.128-3.313-7.474-7.398-7.474
c-4.086,0-7.399,3.346-7.399,7.474h-3.13C0.095,35.94,0,34.853,0,33.74c0-4.306,1.404-8.282,3.774-11.483
c-1.616-1.21-2.865-2.948-3.456-5.058c-1.256-4.482,1.32-9.138,5.755-10.406c1.053-0.301,1.718-1.405,1.42-2.468
c-0.298-1.063-1.445-1.68-2.497-1.38C4.241,3.162,3.458,2.719,3.243,1.957C3.03,1.194,3.467,0.401,4.222,0.187
c2.563-0.733,5.225,0.768,5.95,3.357c0.726,2.589-0.762,5.278-3.325,6.01c-2.218,0.635-3.506,2.962-2.878,5.203
c0.504,1.797,1.767,3.166,3.339,3.854c3.223-2.546,7.282-4.064,11.692-4.064c3.444,0,6.673,0.925,9.459,2.544
c0.221-2.138,1.43-4.017,3.208-5.024c0.049,0.199,0.091,0.403,0.122,0.61c0.232,1.521-0.054,2.994-0.715,4.232
c0.394-0.151,0.804-0.266,1.235-0.333c1.499-0.233,2.959,0.114,4.173,0.88c-0.886,0.875-2.027,1.483-3.327,1.685
c-0.618,0.096-1.229,0.092-1.82,0.002C35.413,22.662,38,27.896,38,33.74c0,0.392-0.012,0.782-0.035,1.166
c-0.018,0.439-0.275,0.725-0.66,0.744C36.919,35.669,36.693,35.428,36.514,34.942 M26.869,37h-3.383
c0-2.975,1.721-5.544,4.212-6.747c-0.803,1.196-1.272,2.64-1.272,4.193C26.426,35.344,26.582,36.203,26.869,37 M8.196,37H4.813
c0-2.975,1.721-5.544,4.212-6.747c-0.803,1.196-1.273,2.64-1.273,4.193C7.752,35.344,7.909,36.203,8.196,37"></path>
</g>
</svg>
</div>
<div class="logo logo--circled logo--blue layout-header__logo layout-header__logo--md">
<svg class="logo__icon layout-header__logo__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="164.597px" height="212.833px" viewBox="0 0 164.597 212.833">
<g>
<path d="M63.134,170.996c-11.508,0-20.883,9.374-20.883,20.938c0,11.508,9.375,20.826,20.883,20.826
c11.506,0,20.938-9.318,20.938-20.826C84.072,180.37,74.64,170.996,63.134,170.996z M63.134,207.819
c-8.757,0-15.831-7.185-15.831-15.885c0-8.758,7.074-16,15.831-16c8.757,0,15.829,7.242,15.829,16
C78.963,200.635,71.891,207.819,63.134,207.819z"></path>
<polygon points="121.276,176.833 131.362,176.833 131.362,211.862 136.414,211.862 136.414,176.833 146.5,176.833 146.5,171.894
121.276,171.894 "></polygon>
<rect x="153.771" y="171.894" width="5.052" height="39.969"></rect>
<path d="M25.511,207.849c-8.868,0-15.999-7.129-15.999-15.998c0-8.814,7.13-15.943,15.999-15.943
c3.792,0,7.363,1.298,10.19,3.676l3.484-3.484c-3.76-3.287-8.565-5.13-13.674-5.13c-11.563,0-20.938,9.373-20.938,20.882
c0,11.564,9.375,20.938,20.938,20.938c5.091,0,9.908-1.828,13.675-5.129l-3.487-3.489
C32.845,206.542,29.274,207.849,25.511,207.849z"></path>
<path d="M85.479,211.895h5.387l2.774-6.303h19.671l2.762,6.303h5.443l-18.019-40.97L85.479,211.895z M95.814,200.651
l7.684-17.467l7.65,17.467H95.814z"></path>
</g>
<g>
<path d="M20.875,158.837h14.671c-1.244-3.422-1.925-7.113-1.925-10.965c0-6.671,2.038-12.865,5.521-17.998
C28.339,135.038,20.875,146.064,20.875,158.837z"></path>
<path d="M135.894,82.173c2.562,0.386,5.215,0.404,7.897-0.008c5.634-0.866,10.583-3.48,14.428-7.23
c-5.265-3.29-11.598-4.779-18.102-3.779c-1.866,0.287-3.65,0.783-5.352,1.431c2.863-5.315,4.104-11.641,3.1-18.171
c-0.137-0.889-0.316-1.762-0.527-2.619c-7.72,4.323-12.963,12.39-13.916,21.567c-12.08-6.947-26.087-10.921-41.022-10.921
c-19.125,0-36.726,6.517-50.707,17.449c-6.814-2.953-12.294-8.831-14.478-16.545c-2.724-9.621,2.861-19.612,12.481-22.335
c11.114-3.146,17.565-14.688,14.419-25.801C40.969,4.097,29.425-2.349,18.312,0.797c-3.274,0.926-5.173,4.327-4.247,7.6
c0.926,3.274,4.329,5.174,7.602,4.248c4.563-1.292,9.538,1.357,10.831,5.921c1.292,4.563-1.593,9.302-6.158,10.594
C7.103,34.606-4.068,54.592,1.381,73.834C3.944,82.888,9.359,90.35,16.37,95.542C6.09,109.29,0,126.356,0,144.843
c0,4.771,0.412,9.444,1.189,13.993h13.575c0-17.719,14.366-32.083,32.086-32.083c17.719,0,32.083,14.364,32.085,32.083h16.739
c0.002-17.719,14.368-32.083,32.087-32.083c14.593,0,26.697,9.914,30.589,23.25c0.784,2.082,1.761,3.123,3.431,3.037
s2.79-1.309,2.869-3.189c0.101-1.652,0.149-3.33,0.149-5.008C164.799,119.753,153.583,97.286,135.894,82.173z M127.473,109.472
c-3.246,0-5.876-2.631-5.876-5.876c0-3.243,2.63-5.874,5.876-5.874c3.242,0,5.873,2.631,5.873,5.874
C133.346,106.841,130.715,109.472,127.473,109.472z"></path>
<path d="M101.855,158.837h14.671c-1.244-3.422-1.925-7.113-1.925-10.965c0-6.671,2.038-12.865,5.521-17.998
C109.319,135.038,101.855,146.064,101.855,158.837z"></path>
</g>
</svg>
</div>
<button class="layout-header__menu-toggle">
<svg class="layout-header__menu-toggle__hamburger-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 30">
<g>
<path d="M3.282,24.552c-0.938,0-1.719,0.256-2.344,0.769
C0.312,25.834,0,26.475,0,27.244c0,0.769,0.313,1.42,0.938,1.954S2.344,30,3.282,30h33.359c0.937,0,1.731-0.268,2.383-0.802
C39.674,28.664,40,28.013,40,27.244c0-0.77-0.326-1.41-0.977-1.924c-0.651-0.513-1.446-0.769-2.383-0.769H3.282z M3.282,12.244
c-0.938,0-1.719,0.267-2.344,0.801C0.312,13.58,0,14.23,0,15c0,0.77,0.313,1.412,0.938,1.923c0.625,0.513,1.406,0.77,2.344,0.77
h33.359c0.937,0,1.731-0.257,2.383-0.77C39.674,16.411,40,15.77,40,15c0-0.769-0.326-1.42-0.977-1.955
c-0.651-0.534-1.446-0.801-2.383-0.801H3.282z M36.641,5.449c0.937,0,1.731-0.256,2.383-0.769C39.674,4.167,40,3.526,40,2.757
c0-0.77-0.326-1.421-0.977-1.955C38.372,0.268,37.577,0,36.641,0H3.282C2.344,0,1.562,0.268,0.938,0.802S0,1.987,0,2.757
c0,0.769,0.313,1.41,0.938,1.923s1.406,0.769,2.344,0.769H36.641z"></path>
</g>
</svg>
<svg class="layout-header__menu-toggle__cross-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30">
<g>
<path d="M29.99,2.782c0.063-0.827-0.178-1.515-0.727-2.064
c-0.549-0.549-1.229-0.783-2.042-0.703c-0.812,0.08-1.552,0.455-2.221,1.123l-9.987,9.985L5.027,1.138
C4.358,0.47,3.61,0.104,2.783,0.039C1.955-0.025,1.268,0.215,0.719,0.764C0.17,1.313-0.065,1.993,0.015,2.805
c0.08,0.812,0.455,1.552,1.124,2.221l9.987,9.984l-9.931,9.929c-0.669,0.669-1.053,1.418-1.152,2.249
c-0.098,0.83,0.127,1.519,0.676,2.068c0.549,0.549,1.246,0.78,2.092,0.698c0.846-0.085,1.603-0.46,2.272-1.129l9.931-9.928
l9.932,9.928c0.669,0.669,1.418,1.052,2.25,1.151c0.829,0.099,1.52-0.126,2.068-0.675c0.549-0.55,0.781-1.246,0.698-2.093
c-0.084-0.845-0.459-1.602-1.128-2.271l-9.932-9.929l9.986-9.984C29.558,4.357,29.925,3.609,29.99,2.782"></path>
</g>
</svg>
</button>
<div class="layout-header__navigation-layer">
<nav class="layout-header__main-navigation">
<a class="layout-header__main-navigation__link" href="{{ site.owner.url }}">Home</a>
<a class="layout-header__main-navigation__link layout-header__main-navigation__link--active" href="{{ site.owner.url }}/blog/">Blog</a>
<a class="layout-header__main-navigation__link" href="{{ site.owner.url }}/documentation/">Documentation</a>
<a class="layout-header__main-navigation__link" href="{{ site.owner.url }}/support">Support</a>
<a class="layout-header__main-navigation__link" href="{{ site.owner.url }}/download-gate">Download</a>
<a class="layout-header__main-navigation__link" href="{{ site.owner.url }}/trial">Get Trial</a>
<a class="layout-header__main-navigation__link layout-header__main-navigation__link--as-button" href="http://sites.fastspring.com/coatisoftware/product/buy_0?action=adds">Buy now</a>
</nav>
<nav class="layout-header__sub-navigation">
<a class="layout-header__sub-navigation__link" href="{{ site.owner.url }}/press-kit">Press Kit</a>
<a class="layout-header__sub-navigation__link" href="{{ site.owner.url }}/terms-of-use">Terms of Use</a>
<a class="layout-header__sub-navigation__link" href="{{ site.owner.url }}/cancellation-policy">Cancellation Policy</a>
<a class="layout-header__sub-navigation__link" href="{{ site.owner.url }}/privacy-policy">Privacy Policy</a>
<a class="layout-header__sub-navigation__link" href="{{ site.owner.url }}/imprint">Imprint</a>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
-47
View File
@@ -1,47 +0,0 @@
<nav id="dl-menu" class="dl-menuwrapper" role="navigation">
<button class="dl-trigger">Open Menu</button>
<ul class="dl-menu">
<li><a href="{{ site.url }}/">All Posts</a></li>
<li><a href="{{ site.owner.url }}/">coati.io</a></li>
<li>
<a href="#">About</a>
<ul class="dl-submenu">
<li>
<img src="{{ site.url }}/images/{{ site.owner.avatar }}" alt="{{ site.owner.name }} photo" class="author-photo">
<p>{{ site.owner.bio }}</p>
</li>
<li><a href="{{ site.owner.url }}"><span class="btn btn-inverse">Webpage</span></a></li>
{% if site.owner.email %}<li>
<a href="mailto:{{ site.owner.email }}"><i class="fa fa-fw fa-envelope"></i> Email</a>
</li>{% endif %}
{% if site.owner.twitter %}<li>
<a href="https://twitter.com/{{ site.owner.twitter }}"><i class="fa fa-fw fa-twitter"></i> Twitter</a>
</li>{% endif %}
{% if site.owner.facebook %}<li>
<a href="https://facebook.com/{{ site.owner.facebook }}"><i class="fa fa-fw fa-facebook"></i> Facebook</a>
</li>{% endif %}
{% if site.owner.google_plus %}<li>
<a href="{{ site.owner.google_plus }}"><i class="fa fa-fw fa-google-plus"></i> Google+</a>
</li>{% endif %}
{% if site.owner.linkedin %}<li>
<a href="https://linkedin.com/in/{{ site.owner.linkedin }}"><i class="fa fa-fw fa-linkedin"></i> LinkedIn</a>
</li>{% endif %}
{% if site.owner.github %}<li>
<a href="https://github.com/{{ site.owner.github }}"><i class="fa fa-fw fa-github"></i> GitHub</a>
</li>{% endif %}
{% if site.owner.stackexchange %}<li>
<a href="{{ site.owner.stackexchange }}"><i class="fa fa-fw fa-stack-exchange"></i> Stackexchange</a>
</li>{% endif %}
{% if site.owner.instagram %}<li>
<a href="https://instagram.com/{{ site.owner.instagram }}"><i class="fa fa-fw fa-instagram"></i> Instagram</a>
</li>{% endif %}
{% if site.owner.flickr %}<li>
<a href="https://www.flickr.com/photos/{{ site.owner.flickr }}"><i class="fa fa-fw fa-flickr"></i> Flickr</a>
</li>{% endif %}
{% if site.owner.tumblr %}<li>
<a href="http://{{ site.owner.tumblr }}.tumblr.com"><i class="fa fa-fw fa-tumblr"></i> Tumblr</a>
</li>{% endif %}
</ul><!-- /.dl-submenu
</li> -->
</ul><!-- /.dl-menu -->
</nav><!-- /.dl-menuwrapper -->
+6 -5
View File
@@ -1,14 +1,15 @@
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="{{ site.url }}/assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="{{ site.url }}/assets/js/scripts.min.js"></script>
<script src="{{ site.url }}/assets/js/navigation.js"></script>
<script>
$(".content-toggle").each(function(index) {
var that = $(this);
var children = that.children();
for (i = 0; i < children.length; i++) {
for (i = 0; i < children.length; i++) {
if (i != 0) {
$(children[i]).hide();
}
@@ -17,10 +18,10 @@ $(".content-toggle").each(function(index) {
if (i == children.length - 1) {
nextId = 0;
}
$(children[i]).attr('nextId', nextId);
$(children[i]).click(function(event)
$(children[i]).click(function(event)
{
content = $(this);
content.hide();
+30 -25
View File
@@ -7,37 +7,42 @@
{% include head.html %}
</head>
<body id="post-index" {% if page.image.feature %}class="feature"{% endif %}>
<body>
{% include browser-upgrade.html %}
{% include navigation.html %}
{% include navigation-top.html %}
<div class="entry-header">
{% if page.image.credit %}<div class="image-credit">Image source: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></div><!-- /.image-credit -->{% endif %}
{% if page.image.feature %}
<div class="entry-image">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }}">
</div><!-- /.entry-image -->
{% endif %}
<div class="header-title">
<div class="header-title-wrap">
<h1>{{ site.title }}</h1>
<h2>{{ page.title }}</h2>
</div><!-- /.header-title-wrap -->
</div><!-- /.header-title -->
</div><!-- /.entry-header -->
<div id="post-index" class="hpstr{% if page.image.feature %} feature{% endif %}">
<div id="main" role="main">
{{ content }}
</div><!-- /#main -->
<div class="entry-header">
{% if page.image.credit %}<div class="image-credit">Image source: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></div><!-- /.image-credit -->{% endif %}
{% if page.image.feature %}
<div class="entry-image">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }}">
</div><!-- /.entry-image -->
{% endif %}
<div class="header-title">
<div class="header-title-wrap">
<h1>{{ site.title }}</h1>
<h2>{{ page.title }}</h2>
</div><!-- /.header-title-wrap -->
</div><!-- /.header-title -->
</div><!-- /.entry-header -->
<div class="footer-wrapper">
<footer role="contentinfo">
{% include footer.html %}
</footer>
</div><!-- /.footer-wrapper -->
<div id="main" role="main">
{{ content }}
</div><!-- /#main -->
{% include scripts.html %}
<div class="footer-wrapper">
<footer role="contentinfo">
{% include footer.html %}
</footer>
</div><!-- /.footer-wrapper -->
</div>
{% include navigation-bottom.html %}
{% include scripts.html %}
</body>
</html>
+55 -50
View File
@@ -7,62 +7,67 @@
{% include head.html %}
</head>
<body id="post" {% if page.image.feature %}class="feature"{% endif %}>
<body>
{% include browser-upgrade.html %}
{% include navigation.html %}
{% include navigation-top.html %}
{% if page.image.feature %}
<div class="entry-header">
{% if page.image.credit %}<div class="image-credit">Image source: {% if page.image.creditlink %}<a href="{{ page.image.creditlink }}">{% endif %}{{ page.image.credit }}{% if page.image.creditlink %}</a>{% endif %}</div><!-- /.image-credit -->{% endif %}
<div class="entry-image">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }}">
</div><!-- /.entry-image -->
</div><!-- /.entry-header -->
{% endif %}
<div id="post" class="hpstr{% if page.image.feature %} feature{% endif %}">
<div id="main" role="main">
<article class="hentry">
<header class="header-title">
<div class="header-title-wrap">
{% if page.link %}
<h1 class="entry-title"><i class="fa fa-bookmark permalink"></i> <a href="{{ page.link }}">{{ page.title }}</a></h1>
{% else %}
<h1 class="entry-title"><a href="{{ site.url }}{{ page.url }}" rel="bookmark" title="{{ page.title }}">{{ page.title }}</a></h1>
{% endif %}
<h2><span class="entry-date date published"><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></span></h2>
{% if site.reading_time %}
<p class="entry-reading-time">
<i class="fa fa-clock-o"></i>
{% include read-time.html %}
</p><!-- /.entry-reading-time -->
{% else %}
<p class="entry-reading-time">
<i class="fa fa-pencil"></i>
Author: <a class="author" href="{{ page.author-link }}">{{ page.author }}</a>
</p><!-- /.entry-reading-time -->
{% endif %}
</div><!-- /.header-title-wrap -->
</header>
<div class="entry-content">
{{ content }}
<footer class="entry-meta">
{% if page.modified %}<span>Updated on <span class="entry-date date updated"><time datetime="{{ page.modified }}">{{ page.modified | date: "%B %d, %Y" }}</time></span></span>
<span class="author vcard"><span class="fn">{{ site.owner.name }}</span></span>{% endif %}
{% if page.share != false %}{% include social-share.html %}{% endif %}
</footer>
</div><!-- /.entry-content -->
{% if page.comments != false and site.disqus_shortname %}<section id="disqus_thread"></section><!-- /#disqus_thread -->{% endif %}
{% if site.related_posts.size > 0 %}{% include read-more.html %}{% endif %}
</article>
</div><!-- /#main -->
{% if page.image.feature %}
<div class="entry-header">
{% if page.image.credit %}<div class="image-credit">Image source: {% if page.image.creditlink %}<a href="{{ page.image.creditlink }}">{% endif %}{{ page.image.credit }}{% if page.image.creditlink %}</a>{% endif %}</div><!-- /.image-credit -->{% endif %}
<div class="entry-image">
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }}">
</div><!-- /.entry-image -->
</div><!-- /.entry-header -->
{% endif %}
<div class="footer-wrapper">
<footer role="contentinfo">
{% include footer.html %}
</footer>
</div><!-- /.footer-wrapper -->
<div id="main" role="main">
<article class="hentry">
<header class="header-title">
<div class="header-title-wrap">
{% if page.link %}
<h1 class="entry-title"><i class="fa fa-bookmark permalink"></i> <a href="{{ page.link }}">{{ page.title }}</a></h1>
{% else %}
<h1 class="entry-title"><a href="{{ site.url }}{{ page.url }}" rel="bookmark" title="{{ page.title }}">{{ page.title }}</a></h1>
{% endif %}
<h2><span class="entry-date date published"><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></span></h2>
{% if site.reading_time %}
<p class="entry-reading-time">
<i class="fa fa-clock-o"></i>
{% include read-time.html %}
</p><!-- /.entry-reading-time -->
{% else %}
<p class="entry-reading-time">
<i class="fa fa-pencil"></i>
Author: <a class="author" href="{{ page.author-link }}">{{ page.author }}</a>
</p><!-- /.entry-reading-time -->
{% endif %}
</div><!-- /.header-title-wrap -->
</header>
<div class="entry-content">
{{ content }}
<footer class="entry-meta">
{% if page.modified %}<span>Updated on <span class="entry-date date updated"><time datetime="{{ page.modified }}">{{ page.modified | date: "%B %d, %Y" }}</time></span></span>
<span class="author vcard"><span class="fn">{{ site.owner.name }}</span></span>{% endif %}
{% if page.share != false %}{% include social-share.html %}{% endif %}
</footer>
</div><!-- /.entry-content -->
{% if page.comments != false and site.disqus_shortname %}<section id="disqus_thread"></section><!-- /#disqus_thread -->{% endif %}
{% if site.related_posts.size > 0 %}{% include read-more.html %}{% endif %}
</article>
</div><!-- /#main -->
<div class="footer-wrapper">
<footer role="contentinfo">
{% include footer.html %}
</footer>
</div><!-- /.footer-wrapper -->
</div>
{% include navigation-bottom.html %}
{% include scripts.html %}
</body>
@@ -13,7 +13,7 @@ I often hear people getting confused when talking about parameters and arguments
A [**Parameter**](http://eel.is/c++draft/defns.argument) is a variable in the signature of a function declaration or definition:
```
```plaintext
void function(int parameter) {
// do something
}
@@ -21,7 +21,7 @@ void function(int parameter) {
An [**Argument**](http://eel.is/c++draft/defns.parameter) is the value that gets passed to the function when calling it:
```
```plaintext
function(argument);
```
@@ -34,7 +34,7 @@ The 1st best part is that this concept doesn't only apply to functions and metho
A **Template Parameter** is a placeholder in declaration of a template:
```
```plaintext
template <typename TemplateParameter>
class TemplateClass
{
@@ -43,16 +43,16 @@ class TemplateClass
A **Template Argument** is the actual value or type that is used to instantiate that template:
```
```plaintext
TemplateClass<TemplateArgument> templateClass;
```
Following the example set by functions and methods one can also provide a **Template Default Argument** that specifies which value or type should be used when instantiating the template with no argument provided!
Even though these terms apply for C and C like languages, please note that other programming languages may have other terms to differentiate between these concepts.
Even though these terms apply for C and C like languages, please note that other programming languages may have other terms to differentiate between these concepts.
<br />
___
**Edit:** Added links to the definition of the terms Parameter and Argument in the latest C++ draft. Added the above note regarding other languages. Added a semicolon to complete the syntax of the template class example ;)
**Edit:** Added links to the definition of the terms Parameter and Argument in the latest C++ draft. Added the above note regarding other languages. Added a semicolon to complete the syntax of the template class example ;)
+4
View File
@@ -1,3 +1,5 @@
.hpstr {
hr {
display: block;
margin: 1em 0;
@@ -8,6 +10,8 @@ hr {
border-bottom: 1px solid #fff;
}
}
// Figures and images
// --------------------------------------------------
figure {
+120
View File
@@ -0,0 +1,120 @@
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCD5K6T8I4oZ1X3Xvlj_UeP3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDOFnJNygIkrHciC8BWzbCz3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCP2LEk6lMzYsRqr3dHFImA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlCxe5Tewm2_XWfbGchcXw4g.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlIa1YDtoarzwSXxTHggEXMw.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlJbPFduIYtoLzwST68uhz_Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMms7UHsIbjUxEJqIwog-i_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGO4s1Ux4PuImWPk5fSr6HPL3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJkF8H8ye47wsfpWywda8og.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6B_gmbEOuTnFVLOcZ03JXzUU24FapfJwyacJ6xNu5rm9.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6I592LlB3Spcld5cOzjZxycU24FapfJwyacJ6xNu5rm9.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6KWfmYpLTwMIZXVESxMi2BP3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM-hx0s8EczIZ6Z1k6LZjTLo.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMyVjDpjOAxwEYJFCET2nD1s.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM2Sl3jWJ3D9poyJPMfASioc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
File diff suppressed because one or more lines are too long
+6 -1
View File
@@ -61,13 +61,18 @@ body {
color: lighten($base-color,20);
}
.author {
color: $white;
color: $white !important;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.feature {
position: relative;
}
.feature .header-title {
position: absolute;
top: 0;
+13 -9
View File
@@ -1,14 +1,14 @@
// Selection
// --------------------------------------------------
::-moz-selection {
background-color: lighten($base-color, 65%);
color: $base-color;
text-shadow: none;
}
::selection {
background-color: lighten($base-color, 65%);
color: $base-color;
text-shadow: none;
::-moz-selection {
background-color: lighten($base-color, 65%);
color: $base-color;
text-shadow: none;
}
::selection {
background-color: lighten($base-color, 65%);
color: $base-color;
text-shadow: none;
}
// Global Classes
@@ -49,8 +49,12 @@
}
}
.hpstr {
// Global Transition
// ---------------------------------------------------
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
@include transition(all .2s ease);
}
}
+16 -15
View File
@@ -1,9 +1,8 @@
// Body
// --------------------------------------------------
body {
.hpstr {
font-family: $base-font;
color: $text-color;
}
// Headings
// --------------------------------------------------
@@ -19,22 +18,22 @@ h1 {
// Links
// --------------------------------------------------
a {
a {
text-decoration: none;
color: $link-color;
&:visited {
color: lighten($link-color, 20);
color: $link-color;
&:visited {
color: lighten($link-color, 20);
}
&:hover {
color: darken($link-color, 20);
}
&:focus {
outline: thin dotted;
&:hover {
color: darken($link-color, 20);
}
&:hover,
&:active {
outline: 0;
&:focus {
outline: thin dotted;
color: darken($link-color, 20);
}
&:hover,
&:active {
outline: 0;
}
}
@@ -97,7 +96,7 @@ tt, code, kbd, samp, pre {
font-family: $code-font;
}
p,
li {
li {
code {
@include font-rem(12);
line-height: 1.5;
@@ -123,3 +122,5 @@ pre {
@include rounded(4px);
}
}
}
+3 -1
View File
@@ -26,4 +26,6 @@ sitemap: false
@import "elements";
@import "animations";
@import "dl-menu";
@import "page";
@import "page";
@import "navigation-font";
@import "navigation";
File diff suppressed because one or more lines are too long
+120
View File
@@ -0,0 +1,120 @@
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCD5K6T8I4oZ1X3Xvlj_UeP3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDOFnJNygIkrHciC8BWzbCz3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCP2LEk6lMzYsRqr3dHFImA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlCxe5Tewm2_XWfbGchcXw4g.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlIa1YDtoarzwSXxTHggEXMw.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlJbPFduIYtoLzwST68uhz_Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMms7UHsIbjUxEJqIwog-i_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGO4s1Ux4PuImWPk5fSr6HPL3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJkF8H8ye47wsfpWywda8og.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6B_gmbEOuTnFVLOcZ03JXzUU24FapfJwyacJ6xNu5rm9.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6I592LlB3Spcld5cOzjZxycU24FapfJwyacJ6xNu5rm9.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6KWfmYpLTwMIZXVESxMi2BP3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM-hx0s8EczIZ6Z1k6LZjTLo.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMyVjDpjOAxwEYJFCET2nD1s.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM2Sl3jWJ3D9poyJPMfASioc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}