Add /me, dark mode fixes
This commit is contained in:
37
_includes/layouts/baseBareBones.njk
Normal file
37
_includes/layouts/baseBareBones.njk
Normal file
@ -0,0 +1,37 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ metadata.language }}" class="barebones">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ title or metadata.title }}</title>
|
||||
<link rel="icon" type="image/x-icon" href="/img/logo_favicon.svg">
|
||||
<meta name="description" content="{{ description or metadata.description }}">
|
||||
|
||||
<meta name="generator" content="{{ eleventy.generator }}">
|
||||
|
||||
{#- Bundle CSS #}
|
||||
{%- css %}{% include "public/css/index.css" %}{% endcss %}
|
||||
{# {%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %} #}
|
||||
|
||||
{#- Render the CSS bundle using Inlined CSS (for the fastest site performance in production) #}
|
||||
|
||||
{%- css %}{% include "public/css/webfonts/webfonts.css" %}{% endcss %}
|
||||
{%- css %}{% include "public/css/dropcap.css" %}{% endcss %}
|
||||
<style>{% getBundle "css" %}</style>
|
||||
</head>
|
||||
<body class="barebones">
|
||||
<a href="#skip" class="visually-hidden">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<a href="/" class="home-link"><img src="{{ metadata.logo }}" alt="{{ metadata.title }}"></a>
|
||||
</header>
|
||||
|
||||
<main id="skip">
|
||||
{{ content | safe }}
|
||||
</main>
|
||||
|
||||
<footer></footer>
|
||||
|
||||
<!-- Current page: {{ page.url | htmlBaseUrl }} -->
|
||||
</body>
|
||||
</html>
|
13
_includes/layouts/links.njk
Normal file
13
_includes/layouts/links.njk
Normal file
@ -0,0 +1,13 @@
|
||||
---
|
||||
layout: layouts/baseBareBones.njk
|
||||
---
|
||||
{%- css %}{% include "public/css/links.css" %}{% endcss %}
|
||||
<img class="profilePic" src="{{ metadata.author.profilePic }}">
|
||||
<h1 class="socialTitle">Nathan Upchurch</h1>
|
||||
<p class="page-block nodropcap">Here's where else you can find me on the internet.</p>
|
||||
|
||||
<ul class="socialLinks">
|
||||
{% for link in metadata.socialLinks %}
|
||||
<a href="{{ link.linkURL }}"><li><img src="{{ link.iconURL }}" />{{ link.linkDisplay }}</li></a>
|
||||
{% endfor %}
|
||||
</ul>
|
@ -24,6 +24,6 @@ layout: layouts/base.njk
|
||||
{%- if previousPost %}<li>Previous: <a href="{{ previousPost.url }}">{{ previousPost.data.title }}</a></li>{% endif %}
|
||||
{%- if nextPost %}<li>Next: <a href="{{ nextPost.url }}">{{ nextPost.data.title }}</a></li>{% endif %}
|
||||
</ul>
|
||||
<p>Did this post make you feel happy, sad, or angry? Come praise, cry, or yell at me on <a href="https://mastodon.social/@nathanu">Mastodon</a>.</p>
|
||||
<p>Questions? Comments? <a href="../../me">contact me</a>.</p>
|
||||
{%- endif %}
|
||||
{%- endif %}
|
||||
|
Reference in New Issue
Block a user