Formatting and cleanup

This commit is contained in:
2024-11-11 21:36:33 +00:00
parent 232599a7f8
commit 8adccc6f95
30 changed files with 142 additions and 117 deletions

View File

@@ -7,12 +7,15 @@
<meta name="description" content="{{ description or metadata.description }}">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png?v=2">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png?v=2">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png?v=2">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
{#- Uncomment this if youd like folks to know that you used Eleventy to build your site! #}
{#- <meta name="generator" content="{{ eleventy.generator }}"> #}
<meta name="generator" content="{{ eleventy.generator }}">
{#-
Plain-text bundles are provided via the `eleventy-plugin-bundle` plugin:
@@ -26,7 +29,7 @@
#}
{#- Add an arbitrary string to the bundle #}
{%- css %}/* This is an arbitrary CSS string added to the bundle */{% endcss %}
{# {%- css %}/* This is an arbitrary CSS string added to the bundle */{% endcss %} #}
{#- Add the contents of a file to the bundle #}
{%- css %}{% include "public/css/index.css" %}{% endcss %}
{#- Or you can add from node_modules #}
@@ -36,8 +39,6 @@
<style>
{% getBundle "css" %}
</style>
{#- Renders the CSS bundle using a separate file, if you can't set CSP directive style-src: 'unsafe-inline' #}
{#- <link rel="stylesheet" href="{% getBundleFileUrl "css" %}"> #}
{#- Add the heading-anchors web component to the JavaScript bundle #}
{%- js %}{% include "node_modules/@zachleat/heading-anchors/heading-anchors.js" %}{% endjs %}
@@ -54,7 +55,9 @@
<ul class="nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item">
<a href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>{{ entry.title }}</a>
<a href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>
{{ entry.title }}
</a>
</li>
{%- endfor %}
</ul>
@@ -69,8 +72,7 @@
<footer>
<p>
<em>Built with <a href="https://www.11ty.dev/">{{ eleventy.generator }}</a>
</em>
Built with <a href="https://www.11ty.dev/">{{ eleventy.generator }}</a>
</p>
</footer>

View File

@@ -1,14 +1,30 @@
{%- css %}.postlist { counter-reset: start-from {{ (postslistCounter or postslist.length) + 1 }} }{% endcss %}
<ol reversed class="postlist">
<ul reversed class="postlist">
{% for post in postslist | reverse %}
<li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
<a href="{{ post.url }}" class="postlist-link">
{% if post.data.title %}{{ post.data.title }}
{% if post.data.title %}
{{ post.data.title }}
{% else %}
<code>{{ post.url }}</code>
{% endif %}
</a>
<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time>
<span class="postlist-byline">
<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate }}</time>
<ul class="postlist-tags">
{%- for tag in post.data.tags | filterTagList %}
{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
<li>
<a href="{{ tagUrl }}" class="postlist-tag">{{ tag }}</a>
{%- if not loop.last %}, {% endif %}
</li>
{%- endfor %}
</ul>
</span>
{{ post.data.page.excerpt | md | safe }}
<a href="{{ post.url }}" class="postlist-read-more">
Read more
</a>
</li>
{% endfor %}
</ol>
</ul>