diff options
| author | Brian Picciano <mediocregopher@gmail.com> | 2021-07-31 11:35:39 -0600 |
|---|---|---|
| committer | Brian Picciano <mediocregopher@gmail.com> | 2021-07-31 11:35:39 -0600 |
| commit | f1998c321a4eec6d75b58d84aa8610971bf21979 (patch) | |
| tree | a90783eb296cc50e1c48433f241624f26b99be27 /static/src/_includes | |
| parent | 03a35dcc38b055f15df160bd300969e3b703d4b1 (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.html | 7 | ||||
| -rw-r--r-- | static/src/_includes/head.html | 15 | ||||
| -rw-r--r-- | static/src/_includes/header.html | 36 | ||||
| -rw-r--r-- | static/src/_includes/image.html | 43 |
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> |