chore: organize + clean up
This commit is contained in:
parent
ddc2e30375
commit
95581a079c
27 changed files with 172 additions and 15 deletions
8
src/_includes/partials/author.liquid
Normal file
8
src/_includes/partials/author.liquid
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<!--suppress ALL -->
|
||||
<div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center">
|
||||
<div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1">
|
||||
{% image './src/assets/img/avatar.webp', site.name, 'inline-block h-20 w-20 mr-2', '80px' %}
|
||||
<span class="text-lg font-medium">{{ site.name }}</span>
|
||||
</div>
|
||||
<p class="text-sm flex-1">{{ site.description }}</p>
|
||||
</div>
|
||||
17
src/_includes/partials/footer.liquid
Normal file
17
src/_includes/partials/footer.liquid
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<footer>
|
||||
<div class="mt-8 pt-8 pb-4 flex gap-3 justify-center w-full">
|
||||
{% include "icons/fastmail.liquid" %}
|
||||
{% include "icons/github.liquid" %}
|
||||
{% include "icons/mastodon.liquid" %}
|
||||
{% include "icons/apple-music.liquid" %}
|
||||
{% include "icons/instapaper.liquid" %}
|
||||
{% include "icons/letterboxd.liquid" %}
|
||||
{% include "icons/trakt.liquid" %}
|
||||
{% include "icons/coffee.liquid" %}
|
||||
</div>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-100 pb-8 text-center">
|
||||
<a class="text-gray-500 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/uses/' %} active{% endif %}" href="/uses">Uses</a> •
|
||||
<a class="text-gray-500 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/referrals/' %} active{% endif %}" href="/referrals">Referrals</a> •
|
||||
<a class="text-gray-500 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/referrals/' %} active{% endif %}" href="/reports/lighthouse/">Lighthouse</a>
|
||||
</p>
|
||||
</footer>
|
||||
6
src/_includes/partials/header.liquid
Normal file
6
src/_includes/partials/header.liquid
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<div class="flex flex-col md:flex-row md:items-center md:justify-between pt-5 md:pt-10">
|
||||
<h1 class="text-2xl md:text-3xl font-black leading-tight pb-5 md:pb-0">
|
||||
<a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500" href="/">{{ site.title }}</a>
|
||||
</h1>
|
||||
{% include "partials/nav.liquid" %}
|
||||
</div>
|
||||
19
src/_includes/partials/nav.liquid
Normal file
19
src/_includes/partials/nav.liquid
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<nav>
|
||||
<ul class="flex">
|
||||
<li class="mr-6">
|
||||
<a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/now/' %} active{% endif %}" href="/now">Now</a>
|
||||
</li>
|
||||
<li class="mr-6">
|
||||
<a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-500{% if page.url == '/about/' %} active{% endif %}" href="/about">About</a>
|
||||
</li>
|
||||
<li class="mr-6">
|
||||
{% include "icons/tags.liquid" %}
|
||||
</li>
|
||||
<li class="mr-6 client-side">
|
||||
{% include "icons/search.liquid" %}
|
||||
</li>
|
||||
<li>
|
||||
{% include "icons/rss.liquid" %}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
14
src/_includes/partials/now-topper.liquid
Normal file
14
src/_includes/partials/now-topper.liquid
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<div class="border-b border-gray-200 dark:border-gray-700 mb-8 pb-8">
|
||||
<h2 class="m-0 mb-4 inline">
|
||||
<a class="text-gray-700 dark:text-gray-200 text-xl font-black leading-tight tracking-normal md:text-2xl no-underline not-prose" href="/now">
|
||||
Now
|
||||
</a>
|
||||
</h2>
|
||||
<div class="dark:text-white text-gray-800">
|
||||
<p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p>
|
||||
<p class="mb-0 flex flex-row items-start md:items-center">
|
||||
<span class="pt-1 md:pt-0 mr-1">{{ status.emoji }}</span>
|
||||
<span>{{ status.content }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
33
src/_includes/partials/paginator.liquid
Normal file
33
src/_includes/partials/paginator.liquid
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<nav class="flex justify-between mt-8 items-center">
|
||||
{% if pagination.href.previous %}
|
||||
<a href="{{ pagination.href.previous }}">
|
||||
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page">
|
||||
{% heroicon "outline" "arrow-left" "Previous" "width=20 height=20" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
|
||||
aria-label="Previous page (disabled)"
|
||||
disabled>
|
||||
{% heroicon "outline" "arrow-left" "Prevous" "width=20 height=20" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
<div class="text-center">
|
||||
{{ pagination.pageNumber | plus: 1 }} of {{ pagination.links.size }}
|
||||
</div>
|
||||
{% if pagination.href.next %}
|
||||
<a href="{{ pagination.href.next }}">
|
||||
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Next page">
|
||||
{% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
|
||||
aria-label="Next page (disabled)"
|
||||
disabled>
|
||||
{% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</nav>
|
||||
16
src/_includes/partials/popular-posts.liquid
Normal file
16
src/_includes/partials/popular-posts.liquid
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{% assign posts = collections.posts | getPopularPosts: analytics %}
|
||||
<div class="not-prose">
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
|
||||
{% heroicon "outline" "fire" "Popular" "height=28" %}
|
||||
<div class="ml-1">Popular posts</div>
|
||||
</h2>
|
||||
<ul class="list-inside list-disc pl-5 md:pl-10">
|
||||
{% for post in posts %}
|
||||
<li class="mt-1.5 mb-2">
|
||||
<a href="{{post.url}}" title="{{ post.data.title | escape}}">
|
||||
{{ post.data.title }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
9
src/_includes/partials/post-tags.liquid
Normal file
9
src/_includes/partials/post-tags.liquid
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<div class="mt-8">
|
||||
{% for tag in tags %}
|
||||
{% if tag != "posts" %}
|
||||
<a href="/tags/{{ tag }}">
|
||||
<div class="tag--button tag--button__small">{{ tag }}</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
49
src/_includes/partials/webmentions.liquid
Normal file
49
src/_includes/partials/webmentions.liquid
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
{% if webmentions %}
|
||||
<div class="border-t border-gray-200 mt-12 pt-14 dark:border-gray-700">
|
||||
{% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %}
|
||||
{% if mentions['repost-of'].size > 0 %}
|
||||
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Reposts</h2>
|
||||
<div class="flex flex-row items-center mt-4 mb-6">
|
||||
<ul class="ml-3 flex flex-row flex-wrap">
|
||||
{% for mention in mentions['repost-of'] %}
|
||||
<li class="-ml-3 inline">
|
||||
<a href={{mention.url}}>
|
||||
{% image mention.author.photo, mention.author.name, 'bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-400', '56px' %}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if mentions['like-of'].size > 0 %}
|
||||
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Likes</h2>
|
||||
<div class="flex flex-row items-center mt-4 mb-6">
|
||||
<ul class="ml-3 flex flex-row flex-wrap">
|
||||
{% for mention in mentions['like-of'] %}
|
||||
<li class="-ml-3 inline">
|
||||
<a href={{mention.url}}>
|
||||
{% image mention.author.photo, mention.author.name, 'bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-400', '56px' %}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if mentions['in-reply-to'].size > 0 %}
|
||||
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2>
|
||||
<div class="mt-4 flex flex-col items-center not-prose">
|
||||
{% for mention in mentions['in-reply-to'] %}
|
||||
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">
|
||||
<a class="text-gray-700 dark:text-gray-200 group flex flex-row space-between items-center" href={{mention.url}}>
|
||||
{% image mention.author.photo, mention.author.name, 'bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-purple-500 dark:group-hover:border-purple-400', '56px' %}
|
||||
<div class="ml-3">
|
||||
<p class="text-sm group-hover:text-purple-500 dark:group-hover:text-purple-400">{{ mention.content.text }}</p>
|
||||
<p class="mt-1 text-xs group-hover:text-purple-500 dark:group-hover:text-purple-400">{{ mention.published | isoDateOnly }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
Reference in a new issue