import posts, fix styles

This commit is contained in:
Cory Dransfeldt 2023-03-11 20:20:57 -08:00
parent 12584cf706
commit 9e00d9c09e
No known key found for this signature in database
32 changed files with 2665 additions and 293 deletions

View file

@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
<title>{{ title }}</title>
<title>{{ title }} • {{site.title}}</title>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width'>
<meta property="og:title" content="{{ title }}" />
@ -29,7 +29,7 @@
}
</script>
</head>
<body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800 dark:text-gray-50">
<body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
{{ content }}
<script>
document.getElementById("toggleDarkMode").addEventListener("click", function() {

View file

@ -7,21 +7,23 @@
<button class="py-2 pr-4 cursor-not-allowed disabled:opacity-50" disabled>Previous</button>
{% endif %}
{% for pageEntry in pagination.pages %}
{% if page.url == pagination.hrefs[forloop.index0] %}
<a href="{{ pagination.hrefs[forloop.index0] }}" aria-current="page">
<button class="w-8 h-8 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300">
{{ forloop.index }}
</button>
</a>
{% else %}
<a href="{{ pagination.hrefs[forloop.index0] }}">
<button class="py-2 px-4">
{{ forloop.index }}
</button>
</a>
{% endif %}
{% endfor %}
<div class="flex flex-row items-center">
{% for pageEntry in pagination.pages %}
{% if page.url == pagination.hrefs[forloop.index0] %}
<a href="{{ pagination.hrefs[forloop.index0] }}" aria-current="page">
<button class="w-8 h-8 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300">
{{ forloop.index }}
</button>
</a>
{% else %}
<a href="{{ pagination.hrefs[forloop.index0] }}">
<button class="py-2 px-4">
{{ forloop.index }}
</button>
</a>
{% endif %}
{% endfor %}
</div>
{% if pagination.href.next %}

View file

@ -5,17 +5,19 @@ layout: main
{% include "header.liquid" %}
<h2 class="text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-12">{{title}}</h2>
<div class="mt-2 text-sm mb-4">
<em>{{ date | date: "%m.%d.%Y" }}</em> • {% for tag in tags %}
{% if tag != "posts" %}
<a href="/tags/{{ tag }}" class="no-underline">
<span class="post-tag">{{ tag }}</span>
</a>
{% endif %}
{% endfor %}
<div class="h-14 flex items-center text-sm">
<span>{{ date | date: "%m.%d.%Y" }}</span>
<span class="mx-1">•</span>
<span class="inline-flex flex-row">
{% for tag in tags %} {% if tag != "posts" %}
<a href="/tags/{{ tag }}" class="font-normal no-underline">
<span class="post-tag">{{ tag }}</span>
</a>
{% endif %} {% endfor %}
</span>
</div>
<div class="prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
<div class="prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full text-gray-800 dark:text-white">
{{ content }}
</div>