summaryrefslogtreecommitdiff
path: root/static/src/_includes
diff options
context:
space:
mode:
authorBrian Picciano <mediocregopher@gmail.com>2021-07-31 11:35:39 -0600
committerBrian Picciano <mediocregopher@gmail.com>2021-07-31 11:35:39 -0600
commitf1998c321a4eec6d75b58d84aa8610971bf21979 (patch)
treea90783eb296cc50e1c48433f241624f26b99be27 /static/src/_includes
parent03a35dcc38b055f15df160bd300969e3b703d4b1 (diff)
move static files into static sub-dir, refactor nix a bit
Diffstat (limited to 'static/src/_includes')
-rw-r--r--static/src/_includes/footer.html7
-rw-r--r--static/src/_includes/head.html15
-rw-r--r--static/src/_includes/header.html36
-rw-r--r--static/src/_includes/image.html43
4 files changed, 101 insertions, 0 deletions
diff --git a/static/src/_includes/footer.html b/static/src/_includes/footer.html
new file mode 100644
index 0000000..f66a879
--- /dev/null
+++ b/static/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/static/src/_includes/head.html b/static/src/_includes/head.html
new file mode 100644
index 0000000..e1cbd06
--- /dev/null
+++ b/static/src/_includes/head.html
@@ -0,0 +1,15 @@
+<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 -%}
+
+ <script src="{{ "/assets/main.js" | relative_url }}"></script>
+</head>
diff --git a/static/src/_includes/header.html b/static/src/_includes/header.html
new file mode 100644
index 0000000..a6b9e30
--- /dev/null
+++ b/static/src/_includes/header.html
@@ -0,0 +1,36 @@
+<header id="title-header" role="banner">
+ <div class="row">
+ <div class="seven columns" style="margin-bottom: 3rem;">
+ <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">
+ <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/static/src/_includes/image.html b/static/src/_includes/image.html
new file mode 100644
index 0000000..8875050
--- /dev/null
+++ b/static/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>