diff options
| author | Brian Picciano <mediocregopher@gmail.com> | 2021-01-21 17:22:53 -0700 |
|---|---|---|
| committer | Brian Picciano <mediocregopher@gmail.com> | 2021-01-21 17:22:53 -0700 |
| commit | bcf9b230be6d74c71567fd0771b31d47d8dd39c7 (patch) | |
| tree | 2d0fc16142d55bbd5876ac6b8174c2857883b40e /src/_includes | |
| parent | d57fd70640948cf20eeb41b56e8d4e23e616cec0 (diff) | |
build the blog with nix
Diffstat (limited to 'src/_includes')
| -rw-r--r-- | src/_includes/footer.html | 7 | ||||
| -rw-r--r-- | src/_includes/google-analytics.html | 12 | ||||
| -rw-r--r-- | src/_includes/head.html | 18 | ||||
| -rw-r--r-- | src/_includes/header.html | 36 | ||||
| -rw-r--r-- | src/_includes/image.html | 43 |
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> |