Add /me, dark mode fixes

This commit is contained in:
N-Upchurch
2023-07-17 23:29:48 -05:00
parent 5e0eb0cdcf
commit 2b626ce1b7
17 changed files with 503 additions and 15 deletions

View 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>

View 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>

View File

@ -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 %}