5 files changed, 116 insertions, 0 deletions
diff --git a/src/_includes/footer.html b/src/_includes/footer.html
new file mode 100644
index 0000000..f66a879
--- /dev/null
+++ b/src/_includes/footer.html
@@ -0,0 +1,7 @@
+<footer>
+  <p class="license light">
+    Unless otherwised specified, all works are licensed under the
+    <a href="{{ '/assets/wtfpl.txt' | relative_url}}">WTFPL</a>.
+  </p>
+</footer>
+
diff --git a/src/_includes/google-analytics.html b/src/_includes/google-analytics.html
new file mode 100644
index 0000000..e9afb20
--- /dev/null
+++ b/src/_includes/google-analytics.html
@@ -0,0 +1,12 @@
+<script>
+if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
+  (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','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+}
+</script>
+  
diff --git a/src/_includes/head.html b/src/_includes/head.html
new file mode 100644
index 0000000..9ea6d45
--- /dev/null
+++ b/src/_includes/head.html
@@ -0,0 +1,18 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo -%}
+  <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
+  <link rel="stylesheet" href="{{ "/assets/normalize.css" | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/skeleton.css" | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/friendly.css" | relative_url }}">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
+  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  {%- feed_meta -%}
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+
+  <script src="{{ "/assets/main.js" | relative_url }}"></script>
+</head>
diff --git a/src/_includes/header.html b/src/_includes/header.html
new file mode 100644
index 0000000..888a8dc
--- /dev/null
+++ b/src/_includes/header.html
@@ -0,0 +1,36 @@
+<header id="title-header" role="banner">
+  <div class="row">
+    <div class="seven columns">
+      <h1 class="title">
+        <a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+      </h1>
+      <div class="light social">
+        <span>By {{ site.author | escape }}</span>
+        <span class="author-icons">
+          <a href="mailto:mediocregopher@gmail.com">
+            <i class="fas fa-envelope"></i>
+          </a>
+          <a href="https://github.com/{{ site.github_username }}">
+            <i class="fab fa-github"></i>
+          </a>
+          <a href="https://twitter.com/{{ site.twitter_username }}">
+            <i class="fab fa-twitter"></i>
+          </a>
+        </span>
+      </div>
+    </div>
+    {%- if!page.nofollow != true %}
+    <div class="five columns light" style="text-align: right">
+      <span style="display:block; margin-bottom:0.5rem;">Get notified when new posts are published!</span>
+      <a href="{{ "/follow.html" | relative_url }}"><button class="button-primary">
+          <i class="fab fa-twitter"></i>
+          Follow
+      </button></a>
+      <a href="{{ "/feed.xml" | relative_url }}"><button class="button">
+          <i class="fas fa-rss"></i>
+          RSS
+      </button></a>
+    </div>
+    {% endif -%}
+  </div>
+</header>
diff --git a/src/_includes/image.html b/src/_includes/image.html
new file mode 100644
index 0000000..8875050
--- /dev/null
+++ b/src/_includes/image.html
@@ -0,0 +1,43 @@
+<div style="
+  box-sizing: border-box;
+  text-align: center;
+  padding-left: 2em;
+  padding-right: 2em;
+  margin-bottom: 1em;
+  {%- if include.float %}
+  float: {{ include.float }};
+  {% endif -%}
+  {%- if include.float or include.inline %}
+  max-width: 49%;
+  {% endif -%}
+  {%- if include.inline %}
+  display: inline-block;
+  {% endif -%}
+  ">
+  <a href="/img/{{ include.dir }}/{{ include.file }}" target="_blank">
+    <picture>
+      {%- if include.width %}
+      {%- for targetWidth in site.img_widths reversed -%}
+      {% if include.width <= targetWidth %}{% continue %}{% endif %}
+      {%- if targetWidth > 1000 %}
+      <source media="(min-width: 1000px) and (min-resolution: {{ targetWidth | divided_by: 1000.0 }}dppx)"
+      {%- elsif targetWidth > 500 %}
+      <source media="(min-width: 500px), (min-resolution: 1.1dppx)"
+      {%- else %}
+      <source
+      {% endif %}
+              srcset="/img/{{ include.dir }}/{{ targetWidth }}px/{{ include.file }}"
+              >
+      {%- endfor %}
+      {%- endif %}
+      <img style="max-height: 60vh;"
+           {% if include.width < 1000 %}
+           src="/img/{{ include.dir }}/{{ include.file }}"
+           {% else %}
+           src="/img/{{ include.dir }}/1000px/{{ include.file }}"
+           {% endif %}
+           alt="{{ include.descr }}" />
+    </picture>
+  </a>
+  {%- if include.descr %}<br/><em>{{ include.descr }}</em>{%- endif %}
+</div>