Import of the new theme
This commit is contained in:
parent
04104f0bff
commit
0693a85c3f
331 changed files with 21077 additions and 8782 deletions
33
_includes/alert
Normal file
33
_includes/alert
Normal file
|
@ -0,0 +1,33 @@
|
|||
{% comment %}
|
||||
*
|
||||
* This include lets you easily display an alert.
|
||||
* To use the include no `.html` ending is necessary.
|
||||
* You can use five different kinds of alerts:
|
||||
*
|
||||
* - warning
|
||||
* - info
|
||||
* - success
|
||||
* - alert
|
||||
* - text
|
||||
*
|
||||
* You can even use <html>-tags inside the alert. Beware:
|
||||
* Use " and ' properly.
|
||||
*
|
||||
* Example: {% include alert info='Show an info alert with outstanding information' %}
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
|
||||
{% if include.warning %}
|
||||
<div class="alert-box warning radius">{{ include.warning }}</div>
|
||||
{% elsif include.info %}
|
||||
<div class="alert-box info radius">{{ include.info }}</div>
|
||||
{% elsif include.success %}
|
||||
<div class="alert-box success radius">{{ include.success }}</div>
|
||||
{% elsif include.alert %}
|
||||
<div class="alert-box alert radius">{{ include.alert }}</div>
|
||||
{% elsif include.text %}
|
||||
<div class="alert-box text radius">{{ include.text }}</div>
|
||||
{% elsif include.terminal %}
|
||||
<div class="alert-box terminal radius">{{ include.terminal }}</div>
|
||||
{% endif %}
|
17
_includes/breadcrumb.html
Normal file
17
_includes/breadcrumb.html
Normal file
|
@ -0,0 +1,17 @@
|
|||
{% comment %}
|
||||
*
|
||||
* http://stackoverflow.com/questions/9612235/what-are-some-good-ways-to-implement-breadcrumbs-on-a-jekyll-site
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
<nav class="breadcrumbs" role="menubar" aria-label="breadcrumbs">
|
||||
<li><a href="{{ site.url }}">{{ site.data.language.breadcrumb_start }}</a></li>
|
||||
{% assign crumbs = page.url | split: '/' %}
|
||||
{% for crumb in crumbs offset: 1 %}
|
||||
{% if forloop.last %}
|
||||
<li class="current">{{ page.title }}</li>
|
||||
{% else %}
|
||||
<li><a href="{{ site.url }}{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' }}{% endfor %}">{{ crumb | replace:'-',' ' }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</nav>
|
|
@ -1 +0,0 @@
|
|||
<!--[if lt IE 9]><div class="upgrade"><strong><a href="http://whatbrowser.org/">Your browser is quite old!</strong> Why not upgrade to a different browser to better enjoy this site?</a></div><![endif]-->
|
20
_includes/comments.html
Normal file
20
_includes/comments.html
Normal file
|
@ -0,0 +1,20 @@
|
|||
{% if page.comments %}
|
||||
<h3 id="comments" class="t60">{{ site.data.language.comments_headline }}</h3>
|
||||
|
||||
<div id="disqus_thread"></div>
|
||||
<script type="text/javascript">
|
||||
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
||||
var disqus_shortname = '{{ site.disqus_shortname }}';
|
||||
var disqus_identifier = '{{ page.url }}';
|
||||
|
||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
{% endif %}
|
||||
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
{% if site.disqus_shortname %}
|
||||
<script type="text/javascript">
|
||||
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
||||
var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname
|
||||
|
||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
|
||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||
(function () {
|
||||
var s = document.createElement('script'); s.async = true;
|
||||
s.type = 'text/javascript';
|
||||
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
||||
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||
}());
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
|
||||
{% endif %}
|
77
_includes/favicon
Normal file
77
_includes/favicon
Normal file
|
@ -0,0 +1,77 @@
|
|||
{% comment %}
|
||||
*
|
||||
* More Information › https://mathiasbynens.be/notes/touch-icons
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
|
||||
{% if site.favicon-32x32 %}
|
||||
{% comment %} Regular Old-Skool Favicon: {% endcomment %}
|
||||
<link rel="icon" sizes="32x32" href="{{ site.url }}/assets/img/{{ site.favicon-32x32 }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.touch-icon-192x192 %}
|
||||
{% comment %} For Chrome for Android: {% endcomment %}
|
||||
<link rel="icon" sizes="192x192" href="{{ site.url }}/assets/img/{{ site.touch-icon-192x192 }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-180x180-precomposed %}
|
||||
{% comment %} For iPhone 6 Plus with @3× display: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-180x180-precomposed }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-152x152-precomposed %}
|
||||
{% comment %} For iPad with @2× display running iOS ≥ 7: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-152x152-precomposed }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-144x144-precomposed %}
|
||||
{% comment %} For iPad with @2× display running iOS ≤ 6: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-144x144-precomposed }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-120x120-precomposed %}
|
||||
{% comment %} For iPhone with @2× display running iOS ≥ 7: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-120x120-precomposed }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-114x114-precomposed %}
|
||||
{% comment %} For iPhone with @2× display running iOS ≤ 6: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-114x114-precomposed }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-76x76-precomposed %}
|
||||
{% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-76x76-precomposed }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-72x72-precomposed %}
|
||||
{% comment %} For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-72x72-precomposed }}">
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.apple-touch-icon-precomposed %}
|
||||
{% comment %} For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: {% endcomment %}
|
||||
<link rel="apple-touch-icon-precomposed" href="{{ site.url }}/assets/img/{{ site.apple-touch-icon-precomposed }}">{% comment %} 57×57px {% endcomment %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.msapplication_tileimage %}
|
||||
{% comment %} Favicon for Windows 8 {% endcomment %}
|
||||
<meta name="msapplication-TileImage" content="{{ site.url }}/assets/img/{{ site.msapplication_tileimage }}"/>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if site.msapplication_tilecolor %}
|
||||
{% comment %} Background Color for Tile for Windows 8 {% endcomment %}
|
||||
<meta name="msapplication-TileColor" content="{{ site.msapplication_tilecolor }}">
|
||||
{% endif %}
|
|
@ -1 +0,0 @@
|
|||
<p><a href="{{ site.url }}{{ post.url }}">{{ post.title | xml_escape }}</a> was originally published by {{ site.owner.name }} at <a href="{{ site.url }}">{{ site.title }}</a> on {{ post.date | date: "%B %d, %Y" }}.</p>
|
86
_includes/footer.html
Normal file → Executable file
86
_includes/footer.html
Normal file → Executable file
|
@ -1 +1,85 @@
|
|||
<span>© {{ site.time | date: '%Y' }} {{ site.owner.name }}. Powered by <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> using the <a href="http://mademistakes.com/hpstr/" rel="notfollow">HPSTR Theme</a>.</span>
|
||||
<div id="up-to-top" class="row">
|
||||
<div class="small-12 columns" style="text-align: right;">
|
||||
<a class="iconfont" href="#top-of-page"></a>
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
|
||||
<footer id="footer-content" class="bg-grau">
|
||||
<div id="footer">
|
||||
<div class="row">
|
||||
<div class="medium-6 large-5 columns">
|
||||
<h5 class="shadow-black">{{ site.data.language.info_website }}</h5>
|
||||
|
||||
<p class="shadow-black">
|
||||
{{ site.description }}
|
||||
<a href="{{ site.url }}/info/">{{ site.data.language.more }}</a>
|
||||
</p>
|
||||
</div><!-- /.large-6.columns -->
|
||||
|
||||
|
||||
<div class="small-6 medium-3 large-3 large-offset-1 columns">
|
||||
{% for service_item in site.data.services %}
|
||||
{% if forloop.first == true %}
|
||||
<h5 class="shadow-black">{{ service_item.menu_name }}</h5>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<ul class="no-bullet shadow-black">
|
||||
{% for service_item in site.data.services %}
|
||||
{% if service_item.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = site.url %}
|
||||
{% endif %}
|
||||
<li {% if service_item.class %}class="{{ service_item.class }}" {% endif %}>
|
||||
<a href="{{ domain }}{{ service_item.url }}" {% if service_item.url contains 'http' %}target="_blank" {% endif %} title="{{ service_item.title }}">{{ service_item.name }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div><!-- /.large-4.columns -->
|
||||
|
||||
|
||||
<div class="small-6 medium-3 large-3 columns">
|
||||
{% for network_item in site.data.network %}
|
||||
{% if forloop.first == true %}
|
||||
<h5 class="shadow-black">{{ network_item.menu_name }}</h5>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<ul class="no-bullet shadow-black">
|
||||
{% for network_item in site.data.network %}
|
||||
{% if network_item.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = site.url %}
|
||||
{% endif %}
|
||||
<li {% if network_item.class %}class="{{ network_item.class }}" {% endif %}>
|
||||
<a href="{{ domain }}{{ network_item.url }}" {% if network_item.url contains 'http' %}target="_blank" {% endif %} title="{{ network_item.title }}">{{ network_item.name }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div><!-- /.large-3.columns -->
|
||||
</div><!-- /.row -->
|
||||
|
||||
</div><!-- /#footer -->
|
||||
|
||||
|
||||
<div id="subfooter">
|
||||
<nav class="row">
|
||||
<section id="subfooter-left" class="b30 small-12 medium-6 columns">
|
||||
<ul class="inline-list">
|
||||
<li>Created with ♥ by <a style="display:inline;" href="http://phlow.de/">Phlow</a> with <a style="display:inline;" href="http://jekyllrb.com/" target="_blank">Jekyll</a> using <a style="display:inline;" href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a> </li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="subfooter-right" class="small-12 medium-6 columns social-icons">
|
||||
<ul class="inline-list">
|
||||
{% for social_item in site.data.socialmedia %}
|
||||
<li><a href="{{ social_item.url }}" target="_blank" class="{{ social_item.class }}" title="{{ social_item.title }}"></a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
</div><!-- /#subfooter -->
|
||||
</footer>
|
||||
|
|
24
_includes/footer_scripts.html
Executable file
24
_includes/footer_scripts.html
Executable file
|
@ -0,0 +1,24 @@
|
|||
<script src="{{ site.url }}/assets/js/javascript.min.js"></script>
|
||||
|
||||
{% if page.header.image_fullwidth %}
|
||||
<script>
|
||||
$("#masthead").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700});
|
||||
$("#masthead-with-text").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700});
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
{% if site.google_analytics_tracking_id %}
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '{{ site.google_analytics_tracking_id }}', 'auto');
|
||||
ga('set', 'anonymizeIp', true);
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
{% endif %}
|
|
@ -1,21 +0,0 @@
|
|||
{% assign images = include.images | split:" " %}
|
||||
{% assign caption = include.caption %}
|
||||
{% assign cols = include.cols %}
|
||||
|
||||
{% case cols %}
|
||||
{% when 1 %}
|
||||
{% assign class = "" %}
|
||||
{% when 2 %}
|
||||
{% assign class = "half" %}
|
||||
{% when 3 %}
|
||||
{% assign class = "third" %}
|
||||
{% else %}
|
||||
{% assign class = "" %}
|
||||
{% endcase %}
|
||||
|
||||
<figure {% if class != "" %}class="{{ class }}"{% endif %}>
|
||||
{% for image in images %}
|
||||
<a href="{{ image }}"><img src="{{ image }}" alt=""></a>
|
||||
{% endfor %}
|
||||
<figcaption>{{ caption }}</figcaption>
|
||||
</figure>
|
8
_includes/google_search.html
Normal file
8
_includes/google_search.html
Normal file
|
@ -0,0 +1,8 @@
|
|||
<script language="Javascript" type="text/javascript">
|
||||
function google_search()
|
||||
{
|
||||
var query = document.getElementById("google-search").value;
|
||||
window.open("http://google.com/search?q=" + query
|
||||
+ "%20site:" + "{{ site.url }}");
|
||||
}
|
||||
</script>
|
|
@ -1,66 +1,57 @@
|
|||
<meta charset="utf-8">
|
||||
<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.title }}</title>
|
||||
<meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
|
||||
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="{% if site.language == nil %}en{% else %}{{ site.language }}{% endif %}">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{% if page.meta_title %}{{ page.meta_title }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/styles_feeling_responsive.css">
|
||||
<script src="{{ site.url }}/assets/js/modernizr.min.js"></script>
|
||||
|
||||
<script>
|
||||
WebFontConfig = {
|
||||
google: { families: [ 'Lato:400,700,400italic:latin', 'Volkhov::latin' ] }
|
||||
};
|
||||
|
||||
{% if site.owner.twitter %}<!-- Twitter Cards -->
|
||||
{% if page.image.feature %}<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:image" content="{{ site.url }}/images/{{ page.image.feature }}">
|
||||
{% else %}<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">{% endif %}
|
||||
<meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
|
||||
<meta name="twitter:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
|
||||
<meta name="twitter:creator" content="@{{ site.owner.twitter }}">{% endif %}
|
||||
(function() {
|
||||
var wf = document.createElement('script');
|
||||
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
|
||||
'://ajax.googleapis.com/ajax/libs/webfont/1.5.6/webfont.js';
|
||||
wf.type = 'text/javascript';
|
||||
wf.async = 'true';
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(wf, s);
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:locale" content="en_US">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
|
||||
<meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
|
||||
<meta property="og:url" content="{{ site.url }}{{ page.url }}">
|
||||
<meta property="og:site_name" content="{{ site.title }}">
|
||||
<noscript>
|
||||
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic%7cVolkhov' rel='stylesheet' type='text/css'>
|
||||
</noscript>
|
||||
|
||||
{% if site.google_verify %}<meta name="google-site-verification" content="{{ site.google_verify }}">{% endif %}
|
||||
{% if site.bing_verify %}<meta name="msvalidate.01" content="{{ site.bing_verify }}">{% endif %}
|
||||
{% if site.google_site_verification %}<meta name="google-site-verification" content="{{ site.google_site_verification}}" />{% endif %}
|
||||
{% if site.bing_webmastertools_id %}<meta name="msvalidate.01" content="{{ site.bing_webmastertools_id }}" />{% endif %}
|
||||
{% if page.meta_description %}<meta name="description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.teaser %}<meta name="description" content="{{ page.teaser | strip_html | escape }}"/>{% elsif site.description %}<meta name="description" content="{{ site.description | strip_html | escape }}"/>{% endif %}
|
||||
|
||||
{% if site.google_author %}<link rel="author" href="{{ site.google_author }}"/>{% endif %}
|
||||
|
||||
{% capture canonical %}{{ site.url }}{% if site.permalink contains '.html' %}{{ page.url }}{% else %}{{ page.url | remove:'index.html' | strip_slash }}{% endif %}{% endcapture %}
|
||||
<link rel="canonical" href="{{ canonical }}">
|
||||
<link href="{{ site.url }}/feed.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
|
||||
{% include favicon %}
|
||||
|
||||
<!-- http://t.co/dKP3o1e -->
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- Facebook Optimization -->
|
||||
<meta property="og:locale" content="{% if site.og_locale == nil %}en_EN{% else %}{{ site.og_locale }}{% endif %}" />
|
||||
{% if site.og_type %}<meta property="og:type" content="website" />{% endif %}
|
||||
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
|
||||
{% if page.meta_description %}<meta property="og:description" content="{{ page.meta_description | strip_html | escape }}"/>{% elsif page.description %}<meta property="og:description" content="{{ page.description | strip_html | escape }}"/>{% elsif site.description %}<meta property="og:description" content="{{ site.description | strip_html | escape }}"/>{% endif %}
|
||||
<meta property="og:url" content="{{ site.url }}{{ page.url }}" />
|
||||
{% if site.title %}<meta property="og:site_name" content="{{ site.title }}" />{% endif %}
|
||||
{% if page.image.thumb %}<meta property="og:image" content="{{ site.url }}/images/{{ page.image.thumb }}" />{% endif %}
|
||||
|
||||
<!-- For all browsers -->
|
||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/main.css">
|
||||
<!-- Webfonts -->
|
||||
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic" rel="stylesheet" type="text/css">
|
||||
{% if site.alexa_verify_id %}<meta name="alexaVerifyID" content="{{ site.alexa_verify_id }}" />{% endif %}
|
||||
|
||||
<meta http-equiv="cleartype" content="on">
|
||||
<!-- Search Engine Optimization -->
|
||||
{% if page.noindex == true %}<meta name="robots" content="noindex">{% endif %}
|
||||
|
||||
<!-- Load Modernizr -->
|
||||
<script src="{{ site.url }}/assets/js/vendor/modernizr-2.6.2.custom.min.js"></script>
|
||||
<link type="text/plain" rel="author" href="{{ site.url }}/humans.txt" />
|
||||
|
||||
<!-- Icons -->
|
||||
<!-- 16x16 -->
|
||||
<link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
|
||||
<!-- 32x32 -->
|
||||
<link rel="shortcut icon" href="{{ site.url }}/favicon.png">
|
||||
<!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
|
||||
<link rel="apple-touch-icon-precomposed" href="{{ site.url }}/images/apple-touch-icon-precomposed.png">
|
||||
<!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/images/apple-touch-icon-72x72-precomposed.png">
|
||||
<!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/images/apple-touch-icon-114x114-precomposed.png">
|
||||
<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/images/apple-touch-icon-144x144-precomposed.png">
|
||||
|
||||
<!-- Feeds -->
|
||||
<link rel="alternate" type="application/atom+xml" title="Atom feed" href="{% page_feed_url %}" />
|
||||
|
||||
{% if page.image.background or site.background %}
|
||||
{% capture background %}{% if page.image.background %}{{ page.image.background }}{% else %}{{ site.background }}{% endif %}{% endcapture %}
|
||||
{% unless background contains 'http://' or background contains 'https://' %}{% capture background %}{{ site.url }}/images/{{ background }}{% endcapture %}{% endunless %}
|
||||
<style type="text/css">body {background-image:url({{ background }});}</style>
|
||||
{% endif %}
|
||||
{% unless page.style == NULL %}
|
||||
<style type="text/css">{{ page.style }}</style>
|
||||
{% endunless %}
|
||||
</head>
|
||||
|
|
19
_includes/improve_content.html
Normal file
19
_includes/improve_content.html
Normal file
|
@ -0,0 +1,19 @@
|
|||
{% comment %}
|
||||
*
|
||||
* If your content is on Jekyll you can use this include
|
||||
* to automatically generate a »Edit on GitHub Link« to
|
||||
* give people a possibility to improve your content.
|
||||
*
|
||||
{% endcomment %}
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<div class="panel radius" style="padding-bottom: 21px;">
|
||||
<a class="button left r15 tiny radius" href="{{ site.improve_content }}/{{ page.path }}">{{ site.data.language.edit }}</a>
|
||||
<p style="margin-top: 3px;">
|
||||
{{ site.data.language.this_content_is_open_source }}
|
||||
<a href="{{ site.improve_content }}/{{ page.path }}">{{ site.data.language.help_improve_it }}</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
20
_includes/list-collection.html
Normal file
20
_includes/list-collection.html
Normal file
|
@ -0,0 +1,20 @@
|
|||
{% comment %}
|
||||
*
|
||||
* This include lets you loop through a collection to list
|
||||
* all entries in that collection.
|
||||
*
|
||||
* If you set »published: false« in front matter of a collection page
|
||||
* the page gots filtered out via unless
|
||||
*
|
||||
* Example: {% include list-collection.html collection='wordpress' %}
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
<ul class="side-nav">
|
||||
{% for page in site.[include.collection] %}
|
||||
{% unless page.published == false %}
|
||||
<li><a href="{{ site.url }}{{ page.url }}">{{ page.title }}</a></li>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
<li> </li>
|
||||
</ul>
|
53
_includes/list-posts.html
Normal file
53
_includes/list-posts.html
Normal file
|
@ -0,0 +1,53 @@
|
|||
{% comment %}
|
||||
*
|
||||
* Possible parameter for this loop:
|
||||
*
|
||||
* › entries
|
||||
* › offset
|
||||
* › category
|
||||
* › tag
|
||||
*
|
||||
* Example for Category: {% include list-posts.html entries='3' offset='1' category='design' %}
|
||||
*
|
||||
* Example for Tag: {% include list-posts.html entries='5' tag='terminal' %}
|
||||
*
|
||||
*
|
||||
* This loop works like this:
|
||||
*
|
||||
* 1. First we check if there was given a category for filtering › if include.categories == NULL
|
||||
* 2. If no category is given for filtering do a general loop.
|
||||
* 3. If a category/tag was given, assign category/tag to the variable category/tag › assign category = include.categories
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
|
||||
|
||||
{% assign category = include.category %}
|
||||
{% assign tag = include.tag %}
|
||||
<ul class="side-nav">
|
||||
|
||||
{% if category == NULL and tag == NULL %}
|
||||
|
||||
{% for post in site.posts limit:include.entries offset:include.offset %}
|
||||
<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} · {% endif %}<strong>{{ post.title }}</strong></a></li>
|
||||
{% endfor %}
|
||||
<li class="text-right"><a href="{{ site.url }}{{ site.blog_root }}archive/"><strong>{{ site.data.language.more }}</strong></a></li>
|
||||
|
||||
|
||||
{% elsif category %}
|
||||
|
||||
{% for post in site.categories.[category] limit:include.entries offset:include.offset %}
|
||||
<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} · {% endif %}<strong>{{ post.title }}</strong></a></li>
|
||||
{% endfor %}
|
||||
<li class="text-right"><a href="{{ site.url }}{{ site.blog_root }}archive/"><strong>{{ site.data.language.more }}</strong></a></li>
|
||||
|
||||
|
||||
{% elsif tag %}
|
||||
|
||||
{% for post in site.tags.[tag] limit:include.entries %}
|
||||
<li><a href="{{ site.url }}{{ post.url }}">{% if post.subheadline %}{{ post.subheadline }} · {% endif %}<strong>{{ post.title }}</strong></a></li>
|
||||
{% endfor %}
|
||||
|
||||
{% endif %}
|
||||
</ul>
|
||||
|
141
_includes/masthead.html
Normal file
141
_includes/masthead.html
Normal file
|
@ -0,0 +1,141 @@
|
|||
{% if page.header == NULL and page.header.image_fullwidth == NULL and page.header.pattern == NULL and page.header.background-color == NULL and page.header.title == NULL %}
|
||||
|
||||
<div id="masthead-no-image-header">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<a id="logo" href="{{ site.url }}" title="{{ site.title }} – {{ site.slogan }}">
|
||||
<img src="{{ site.url }}/assets/img/{{ site.logo }}" alt="{{ site.title }} – {{ site.slogan }}">
|
||||
</a>
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#masthead -->
|
||||
|
||||
{% if page.breadcrumb == true %}
|
||||
{% include breadcrumb.html %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% elsif page.header.title %}
|
||||
|
||||
<div id="masthead-with-text" style="{% if page.header.background-color %}background: {{ page.header.background-color }};{% endif %} {% if page.header.image_fullwidth %}{% elsif page.header.pattern %}background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url('{{ site.url }}/images/{{ page.header.pattern }}'){% endif %}">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<div class="masthead-title">{{ page.header.title }}</div>
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#masthead -->
|
||||
|
||||
{% if page.breadcrumb == true %}
|
||||
{% include breadcrumb.html %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.caption_url && page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
|
||||
</div>
|
||||
{% elsif page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
{{ page.header.caption }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% elsif page.header.image_fullwidth %}
|
||||
|
||||
<div id="masthead">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<a id="logo" href="{{ site.url }}" title="{{ site.title }} – {{ site.slogan }}">
|
||||
<img src="{{ site.url }}/assets/img/{{ site.logo }}" alt="{{ site.title }} – {{ site.slogan }}">
|
||||
</a>
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#masthead -->
|
||||
|
||||
{% if page.breadcrumb == true %}
|
||||
{% include breadcrumb.html %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.caption_url && page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
|
||||
</div>
|
||||
{% elsif page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
{{ page.header.caption }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% elsif page.header.pattern %}
|
||||
|
||||
<div id="masthead-with-pattern" style="background: url('{{ site.url }}/images/{{ page.header.pattern }}')">
|
||||
<div class="row">
|
||||
<figure class="small-12 columns">
|
||||
<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
|
||||
</figure><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#masthead -->
|
||||
|
||||
{% if page.breadcrumb == true %}
|
||||
{% include breadcrumb.html %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.caption_url && page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
|
||||
</div>
|
||||
{% elsif page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
{{ page.header.caption }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% elsif page.header.background-color %}
|
||||
|
||||
<div id="masthead-with-background-color" style="background: {{ page.header.background-color }};">
|
||||
<div class="row">
|
||||
<figure class="small-12 columns">
|
||||
<img src="{{ site.url }}/images/{{ page.header.image }}" alt="{{ site.title }}">
|
||||
</figure><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /#masthead -->
|
||||
|
||||
{% if page.breadcrumb == true %}
|
||||
{% include breadcrumb.html %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.header.caption_url && page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
<a href="{{ page.header.caption_url }}">{{ page.header.caption }}</a>
|
||||
</div>
|
||||
{% elsif page.header.caption %}
|
||||
<div class="masthead-caption">
|
||||
{{ page.header.caption }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% elsif page.header == false %}
|
||||
|
||||
{% if page.breadcrumb == true %}
|
||||
{% include breadcrumb.html %}
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
30
_includes/meta_information.html
Normal file
30
_includes/meta_information.html
Normal file
|
@ -0,0 +1,30 @@
|
|||
<div id="page-meta" class="t30">
|
||||
<p>
|
||||
<!-- Look the author details up from the site config. -->
|
||||
{% assign author = site.data.authors[page.author] %}
|
||||
<!-- Output author details if some exist. -->
|
||||
{% if author %}
|
||||
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name" class="pr20 icon-edit"><a href="{{ author.url }}" target="_blank"> {{ author.name }}</a></span>
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
{% if page.date %}
|
||||
<time class="icon-calendar pr20" datetime="{{ page.date | date: "%Y-%m-%d" }}" itemprop="datePublished"> {{ page.date | date: "%Y-%m-%d" }}</time>
|
||||
{% endif %}
|
||||
|
||||
{% if page.categories %}<span class="icon-archive pr20"> {{ page.categories | join: ' · ' | upcase }}{% endif %}</span>
|
||||
<br>
|
||||
<span class="pr20">{% for tag in page.tags %}<span class="icon-price-tag pr10"> {{tag}}</span> {% endfor %}</span>
|
||||
</p>
|
||||
|
||||
<div id="post-nav" class="row">
|
||||
|
||||
{% if page.previous.url %}
|
||||
<div class="small-5 columns"><a class="button small radius prev" href="{{ site.url }}{{page.previous.url}}">« {{page.previous.title}}</a></div><!-- /.small-4.columns -->
|
||||
{% endif %}
|
||||
<div class="small-2 columns text-center"><a class="radius button small" href="{{ site.url }}{{ site.blog_root }}archive/" title="Blog {{ site.data.language.archive }}">{{ site.data.language.archive }}</a></div><!-- /.small-4.columns -->
|
||||
{% if page.next.url %}
|
||||
<div class="small-5 columns text-right"><a class="button small radius next" href="{{ site.url }}{{page.next.url}}">{{page.next.title}} »</a></div><!-- /.small-4.columns -->
|
||||
{% endif %}
|
||||
</div>
|
||||
</div><!-- /.page-meta -->
|
|
@ -1,62 +1,123 @@
|
|||
<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 }}/">Home</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">
|
||||
<h4>{{ site.owner.name }}</h4>
|
||||
<p>{{ site.owner.bio }}</p>
|
||||
</li>
|
||||
<li><a href="{{ site.url }}/about/"><span class="btn btn-inverse">Learn More</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="http://twitter.com/{{ site.owner.twitter }}"><i class="fa fa-fw fa-twitter"></i> Twitter</a>
|
||||
</li>{% endif %}
|
||||
{% if site.owner.facebook %}<li>
|
||||
<a href="http://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="https://google.com/{{ site.owner.google_plus }}"><i class="fa fa-fw fa-google-plus"></i> Google+</a>
|
||||
</li>{% endif %}
|
||||
{% if site.owner.linkedin %}<li>
|
||||
<a href="http://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="http://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="http://instagram.com/{{ site.owner.instagram }}"><i class="fa fa-fw fa-instagram"></i> Instagram</a>
|
||||
</li>{% endif %}
|
||||
{% if site.owner.flickr %}<li>
|
||||
<a href="http://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>
|
||||
<li>
|
||||
<a href="#">Posts</a>
|
||||
<ul class="dl-submenu">
|
||||
<li><a href="{{ site.url }}/posts/">All Posts</a></li>
|
||||
<li><a href="{{ site.url }}/tags/">All Tags</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
{% for link in site.data.navigation %}
|
||||
{% if link.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = site.url %}
|
||||
{% endif %}
|
||||
<li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul><!-- /.dl-menu -->
|
||||
</nav><!-- /.dl-menuwrapper -->
|
||||
|
||||
<div id="navigation" class="sticky">
|
||||
<nav class="top-bar" data-topbar>
|
||||
<ul class="title-area">
|
||||
<li class="name">
|
||||
<h1 class="show-for-small-only"><a href="{{ site.url }}" class="icon-tree"> {{ site.title }}</a></h1>
|
||||
</li>
|
||||
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
|
||||
<li class="toggle-topbar menu-icon"><a href="#"><span>Navigation</span></a></li>
|
||||
</ul>
|
||||
<section class="top-bar-section">
|
||||
{% comment %}
|
||||
|
||||
____ _ __ __ _ __ _ __ _
|
||||
/ __ \(_)___ _/ /_ / /_ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
|
||||
/ /_/ / / __ `/ __ \/ __/ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
|
||||
/ _, _/ / /_/ / / / / /_ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
|
||||
/_/ |_/_/\__, /_/ /_/\__/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
|
||||
/____/ /____/
|
||||
|
||||
{% endcomment %}
|
||||
<ul class="right">
|
||||
{% for link in site.data.navigation %}
|
||||
|
||||
{% if link.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% elsif link.url == '#' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = site.url %}
|
||||
{% endif %}
|
||||
|
||||
{% comment %} If there are links for right side begin {% endcomment %}
|
||||
{% if link.side == 'right' %}
|
||||
{% comment %} If right side WITHOUT dropdown menu do {% endcomment %}
|
||||
{% if link.dropdown == nil %}
|
||||
<li class="divider"></li>
|
||||
<li{% if link.url == page.url %} class="active"{% endif %}><a href="{{ domain }}{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a></li>
|
||||
|
||||
{% comment %} If right side WITH dropdown menu do {% endcomment %}
|
||||
{% else %}
|
||||
|
||||
<li class="divider"></li>
|
||||
<li class="has-dropdown{% if link.url == page.url %} active{% endif %}">
|
||||
<a href="{{ domain }}{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a>
|
||||
|
||||
<ul class="dropdown">
|
||||
{% for dropdown_link in link.dropdown %}
|
||||
|
||||
{% if dropdown_link.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = site.url %}
|
||||
{% endif %}
|
||||
|
||||
<li><a href="{{ domain }}{{ dropdown_link.url }}"{% if dropdown_link.url contains 'http' %} target="_blank"{% endif %}>{{ dropdown_link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% comment %} First loop finished 1 {% endcomment %}
|
||||
</ul>
|
||||
{% comment %}
|
||||
|
||||
__ ______ _ __ _ __ _
|
||||
/ / ___ / __/ /_ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
|
||||
/ / / _ \/ /_/ __/ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
|
||||
/ /___/ __/ __/ /_ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
|
||||
/_____/\___/_/ \__/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
|
||||
/____/
|
||||
|
||||
{% endcomment %}
|
||||
<ul class="left">
|
||||
{% for link in site.data.navigation %}
|
||||
|
||||
{% if link.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% elsif link.url == '#' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = site.url %}
|
||||
{% endif %}
|
||||
|
||||
{% comment %} If there are links for left side begin {% endcomment %}
|
||||
{% if link.side == 'left' %}
|
||||
|
||||
{% comment %} If left side WITHOUT dropdown menu do {% endcomment %}
|
||||
{% if link.dropdown == nil %}
|
||||
<li{% if link.url == page.url %} class="active"{% endif %}><a href="{{ domain }}{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a></li>
|
||||
<li class="divider"></li>
|
||||
|
||||
{% comment %} If left side WITH dropdown menu do {% endcomment %}
|
||||
{% else %}
|
||||
|
||||
<li class="has-dropdown{% if link.url == page.url %} active{% endif %}">
|
||||
<a href="{{ domain }}{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a>
|
||||
|
||||
<ul class="dropdown">
|
||||
{% for dropdown_link in link.dropdown %}
|
||||
|
||||
{% if dropdown_link.url contains 'http' %}
|
||||
{% assign domain = '' %}
|
||||
{% else %}
|
||||
{% assign domain = site.url %}
|
||||
{% endif %}
|
||||
|
||||
<li><a href="{{ domain }}{{ dropdown_link.url }}"{% if dropdown_link.url contains 'http' %} target="_blank"{% endif %}>{{ dropdown_link.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% comment %} Second loop finished {% endcomment %}
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
</div><!-- /#navigation -->
|
||||
|
|
41
_includes/next-previous-post-in-category.html
Normal file
41
_includes/next-previous-post-in-category.html
Normal file
|
@ -0,0 +1,41 @@
|
|||
{% comment %}
|
||||
*
|
||||
* This include creates a next/previous link to a post of the same category
|
||||
* using the categories-variable in front matter.
|
||||
*
|
||||
* Source: https://github.com/jekyll/jekyll/issues/260a#issue-495435
|
||||
*
|
||||
* Use › {% include next-previous-post-in-category.html %}
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
|
||||
{% comment %}
|
||||
*
|
||||
* assign FIRST category from categories variable from front matter to cat
|
||||
* and make a string from the array by using › join: ''
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
{% assign cat = page.categories | first | join: '' %}
|
||||
{% for post in site.categories.[cat] %}
|
||||
{% if post.url == page.url %}
|
||||
{% assign post_index0 = forloop.index0 %}
|
||||
{% assign post_index1 = forloop.index %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for post in site.categories.[cat] %}
|
||||
{% if post_index0 == forloop.index %}
|
||||
{% assign next_post = post.url %}
|
||||
{% endif %}
|
||||
{% if post_index1 == forloop.index0 %}
|
||||
{% assign prev_post = post.url %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if next_post %}
|
||||
<a class="left button tiny radius icon-chevron-left r15" href="{{ next_post }}">{{ site.data.language.next_post_in }} {{ cat | upcase }}</a>
|
||||
{% endif %}
|
||||
{% if prev_post %}
|
||||
<a class="button tiny radius" href="{{ prev_post }}">{{ site.data.language.previous_post_in }} {{ cat | upcase }}<span class="icon-chevron-right"></span></a>
|
||||
{% endif %}
|
||||
|
42
_includes/pagination.html
Normal file
42
_includes/pagination.html
Normal file
|
@ -0,0 +1,42 @@
|
|||
{% comment %}
|
||||
* This loops through the paginated posts
|
||||
*
|
||||
* Total posts: {{ paginator.total_posts }}
|
||||
* Total paginate-pages: {{ paginator.total_pages }}
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
|
||||
{% for post in paginator.posts %}
|
||||
<div class="row">
|
||||
<div class="small-12 columns b60">
|
||||
<p class="subheadline"><span class="subheader">{% if post.categories %}{{ post.categories | join: ' · ' }}{% endif %}</span> – {% if post.subheadline %}{{ post.subheadline }}{% endif %}</p>
|
||||
<h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
|
||||
<p>
|
||||
{% if post.image.thumb %}<a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img src="{{ site.url }}/images/{{ post.image.thumb }}" class="alignleft" width="150" height="150" alt="{{ page.title escape_once }}"></a>{% endif %}
|
||||
|
||||
{% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.teaser %}{{ post.teaser | strip_html | escape }}{% endif %}
|
||||
|
||||
<a href="{{ site.url }}{{ post.url }}" title="{{ site.data.language.read }} {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a>
|
||||
</p>
|
||||
</div><!-- /.small-12.columns -->
|
||||
</div><!-- /.row -->
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<nav id="pagination">
|
||||
{% if paginator.previous_page %}
|
||||
{% if paginator.previous_page == 1 %}
|
||||
<a class="radius button small" href="{{ site.url }}{{ site.blog_root }}" title="{{ site.data.language.previous_posts }}">« {{ site.data.language.previous_posts }}</a>
|
||||
{% else %}
|
||||
<a class="radius button small" href="{{ site.url }}{{ site.blog_root }}page{{ paginator.previous_page }}/" title="{{ site.data.language.previous_posts }}">« {{ site.data.language.previous }}</a>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<a class="radius button small" href="{{ site.url }}{{ site.blog_root }}archive/" title="{{ site.data.language.blog_archive }}">{{ site.data.language.blog_archive }}</a>
|
||||
|
||||
{% if paginator.next_page %}
|
||||
<a class="radius button small" href="{{ site.url }}{{ site.blog_root }}page{{ paginator.next_page }}/" title="{{ site.data.language.next_posts }}">{{ site.data.language.next }} »</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
<div class="read-more">
|
||||
{% for post in site.related_posts limit:1 %}
|
||||
<div class="read-more-header">
|
||||
<a href="{{ site.url }}{{ page.previous.url }}" class="read-more-btn">Read More</a>
|
||||
</div><!-- /.read-more-header -->
|
||||
<div class="read-more-content">
|
||||
<h3><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h3>
|
||||
<p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 140 }}…{% endif %} <a href="{{ site.url }}{{ post.url }}">Continue reading</a></p>
|
||||
</div><!-- /.read-more-content -->
|
||||
{% endfor %}
|
||||
<div class="read-more-list">
|
||||
{% for post in site.related_posts limit:2 offset:1 %}
|
||||
<div class="list-item">
|
||||
<h4><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h4>
|
||||
<span>Published on {{ post.date | date: "%B %d, %Y" }}</span>
|
||||
</div><!-- /.list-item -->
|
||||
{% endfor %}
|
||||
</div><!-- /.read-more-list -->
|
||||
</div><!-- /.read-more -->
|
|
@ -1,19 +0,0 @@
|
|||
<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>
|
||||
|
||||
{% if site.google_analytics %}
|
||||
<!-- Asynchronous Google Analytics snippet -->
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '{{ site.google_analytics }}', 'auto');
|
||||
ga('require', 'linkid', 'linkid.js');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% if page.comments != false %}{% include disqus_comments.html %}{% endif %}
|
20
_includes/sidebar.html
Normal file
20
_includes/sidebar.html
Normal file
|
@ -0,0 +1,20 @@
|
|||
<aside>
|
||||
<div class="panel radius">
|
||||
<h3>Sidebar</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<img class="b30" src="http://dummyimage.com/303x16:9/df4949/e27b3f.png&text=Ugly+Ad+Space" alt="">
|
||||
|
||||
|
||||
<div class="border-dotted radius b30">
|
||||
<img src="http://placekitten.com/271/270" alt="uh, Placekitten">
|
||||
<p class="text-left">
|
||||
This is an advertisment with a crazy cat! <a href="http://placekitten.com/">More cats, please!</a>
|
||||
</p>
|
||||
</div>
|
||||
</aside>
|
|
@ -1,7 +0,0 @@
|
|||
<div class="social-share">
|
||||
<ul class="socialcount socialcount-small inline-list">
|
||||
<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li>
|
||||
<li class="twitter"><a href="https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url }}" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li>
|
||||
<li class="googleplus"><a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li>
|
||||
</ul>
|
||||
</div><!-- /.social-share -->
|
Reference in a new issue