_includes/themes/bootstrap/default.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

	<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
	<link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192">
	<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
	<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
	<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
	
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/mstile-144x144.png">
    <title>{{site.title}} | {{ page.title }}</title>
    {% if page.description %}
		<meta name="description" content="{{ page.description }}">
	{% endif %}
	{% if page.noindex %}
		<meta name="robots" content="noindex">
	{% endif %}
		
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@{{site.author.twitter}}"> 

    <meta property="og:title"       content="{{ page.title }}" />
    <meta property="og:type"        content="blog" /> 
    <meta property="og:url"         content="{{site.production_url}}{{ page.url }}" /> 
	{% if page.description %}
		<meta property="og:description" content="{{ page.description }}" >
    {% else %}
		<meta property="og:description" content="{{ site.tagline }}" >
    {% endif %}
	
    <meta name="author" content="{{ site.author.name }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="{{BASE_PATH}}/assets/themes/bootstrap/resources/bootstrap/css/theme.min.css" rel="stylesheet">
    
    <link href="{{BASE_PATH}}/assets/themes/bootstrap/resources/fontawesome/font-awesome.min.css" rel="stylesheet">
	  
    <link rel="search" type="application/opensearchdescription+xml" title="Archive Search" href="{{BASE_PATH}}/opensearch.xml" />
	  
	<!--[if lt IE 9]>
      <script src="{{BASE_PATH}}/assets/themes/bootstrap/resources/bootstrap/js/Respond.min.js"></script>
    <![endif]-->

	<link rel="alternate" type="application/rss+xml"  href="{{site.production_url}}/feed" title="{{site.title}} Feed">
	
	
    <style>
	
	img {
          display: block;
          height: auto;
          max-width: 100%;
	}
	footer {
		margin-bottom: 10px;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
	}
	    
	.content > h1 { 
		font-size: 24pt;	
	}
	
	hr {
		margin-top: 15px;
		margin-bottom: 15px;
		border: 0;
		border-top: 2px solid #ccc;
	}
	
	.page-header {
		margin: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	pre {
		border: 0px solid #ffffff;
		border-left: 4px solid #FF4700;
	}

	a:focus, a:hover {
		text-decoration: none;
	}
	
	.style-container {

	}

	body {	
	}
	
	#cookies-eu-banner {
    background: #444;
    color: #fff;
    padding: 6px;
    font-size: 13px;
    text-align: center;
	}
	
	#cookies-eu-more,
	#cookies-eu-accept,
	#cookies-eu-reject {
		text-decoration: none;
		background: #222;
		color: #fff;
		border: 1px solid #000;
		cursor: pointer;
		padding: 4px 7px;
		margin: 2px 0;
		font-size: 13px;
		font-weight: bold;
		transition: background 0.07s, color 0.07s, border-color 0.07s;
	}
	
	#cookies-eu-more:hover,
	#cookies-eu-more:focus,
	#cookies-eu-accept:hover,
	#cookies-eu-accept:focus {
		background: #fff;
		color: #222;
	}
	
	#cookies-eu-more {
		margin-left: 7px;
	}
	
	#cookies-eu-reject {
		background: none;
		font-weight: normal;
		color: #ccc;
		cursor: pointer;
		padding: 4px 7px;
		margin: 2px 0;
		border: 1px solid #666;
	}
	#cookies-eu-reject:hover,
	#cookies-eu-reject:focus {
		border-color: #fff;
		background: #222;
		color: #fff;
	}
	
    </style>
  </head>

  <body>
    <div id="cookies-eu-banner" style="display: none;">
        <span>By continuing your visit to this site, you accept the use of cookies by Google Analytics to make visits statistics.</span>
        <a href="{{ BASE_PATH }}/terms" id="cookies-eu-more">Read more about our privacy terms</a>
        <button id="cookies-eu-reject">Reject</button>
        <button id="cookies-eu-accept">Accept</button>
    </div>

  
    <nav class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" title="{{ site.title }}" href="{{ HOME_PATH }}">
			<img width="36" height="32" src="{{BASE_PATH}}/assets/icons/logo_white_36x32.png" style="margin-top:-5px; width: 36px; height: 32px">
		  </a>
        </div>

        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav">
			<li><a href="{{ HOME_PATH }}">Blog</a></li>
			
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Archives <span class="caret"></span></a>
				<ul class="dropdown-menu" role="menu">
					<li><a href="{{ BASE_PATH }}/archive">English Posts</a></li>
					<li><a href="{{ BASE_PATH }}/archive-de">German Posts</a></li>
				</ul>
			</li>
			<li><a href="{{ BASE_PATH }}/terms">Terms</a></li>
          </ul>
	 <ul class="nav navbar-nav navbar-right">
			<li><a href="https://www.knowyourstack.com"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> KnowYourStack.com</a></li>
            <li><a href="https://www.codeinside.eu"><i class="fa fa-arrows-alt" aria-hidden="true"></i> Hub</a></li>
         </ul>
        </div>
      </div>
    </nav>
    
	<div class="container">
	  <div class="style-container">
      {{ content }}
      <hr>
      <footer>
		<div class="text-center center-block">
			
			<p class="txt-railway"><a href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons</a> {{ site.time | date: '%Y' }} {{ site.author.name }}</p>
			<p class="lead">
              <img title="{{ site.title }}" src="{{BASE_PATH}}/assets/icons/logo_fullbrand_260x260.png" style="margin: 0 auto;">
            </p>
			<p class="lead">
				<a title="Follow us on Twitter" href="https://twitter.com/{{ site.author.twitter }}"><i class="fa fa-twitter"></i></a>
				<a title="Fork and send us Pull Requests on GitHub" href="https://github.com/{{ site.author.github }}"><i class="fa fa-github"></i></a>
				<a title="Find us on YouTube" href="https://www.youtube.com/channel/{{ site.author.youtube }}"><i class="fa fa-youtube"></i></a>
				<a title="Subscribe our Feed" href="{{site.production_url}}/feed"><i class="fa fa-rss"></i></a>
			</p>
		</div>
      </footer>
	  </div>
    </div>

	
	
    <script src="{{BASE_PATH}}/assets/themes/bootstrap/resources/jquery/jquery-2.1.1.min.js"></script>
    <script src="{{BASE_PATH}}/assets/themes/bootstrap/resources/bootstrap/js/bootstrap.min.js"></script>
	<script src="{{BASE_PATH}}/assets/themes/bootstrap/resources/bootstrap/js/jquery.sieve.min.js"></script>
	<script src="{{BASE_PATH}}/assets/scripts/cookies-eu-banner.min.js"></script>
	
	
	<script>
    	var searchTemplate = "<div class='row'><input id='searchQuery' type='text' class='form-control' placeholder='Search...' autofocus></div>"
    	$("#archive-list").sieve({ searchTemplate: searchTemplate, itemSelector: "li" });
		
	$.urlParam = function(name){
		var results = new RegExp('[?&]' + name + '=([^&#]*)').exec(window.location.href);
		if (results==null) {
			return null;
		}
		else {
			return decodeURI(results[1]) || 0;
		}
	}
		
	$(function() {
   		var query = $.urlParam('searchQuery');
		if(query !== "") {
			$("#searchQuery").val(query)

			$("#searchQuery").keyup()
		}
	});
		
	</script>

	<script>
    new CookiesEuBanner(function(){
        (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
        function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
        e=o.createElement(i);r=o.getElementsByTagName(i)[0];
        e.src='//www.google-analytics.com/analytics.js';
        r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
        ga('create','UA-1562299-1');ga('set', 'anonymizeIp', true);ga('send','pageview');
    });
	</script>
	
  </body>
</html>