summaryrefslogtreecommitdiff
path: root/src/_includes
diff options
context:
space:
mode:
authorBrian Picciano <mediocregopher@gmail.com>2021-01-21 17:22:53 -0700
committerBrian Picciano <mediocregopher@gmail.com>2021-01-21 17:22:53 -0700
commitbcf9b230be6d74c71567fd0771b31d47d8dd39c7 (patch)
tree2d0fc16142d55bbd5876ac6b8174c2857883b40e /src/_includes
parentd57fd70640948cf20eeb41b56e8d4e23e616cec0 (diff)
build the blog with nix
Diffstat (limited to 'src/_includes')
-rw-r--r--src/_includes/footer.html7
-rw-r--r--src/_includes/google-analytics.html12
-rw-r--r--src/_includes/head.html18
-rw-r--r--src/_includes/header.html36
-rw-r--r--src/_includes/image.html43
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>