chore: more style cleanup
This commit is contained in:
Cory Dransfeldt
parent
88b7da8577
commit
2d169c9b18
36 changed files with 60 additions and 60 deletions
|
|
@ -23,22 +23,18 @@
|
|||
<div class="min-h-screen flex flex-col">
|
||||
<main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
|
||||
<div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
|
||||
<h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl">
|
||||
{{ heading }}
|
||||
<h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl flex flex-row items-center ">
|
||||
<span class="mr-1 icon--28 icon--bold">
|
||||
{% tablericon icon title %}
|
||||
</span>
|
||||
{{ title }}
|
||||
</h1>
|
||||
<a href="/" class="icon--h-28 icon--bold link--icon">
|
||||
<a href="/" class="icon--28 icon--bold link--icon">
|
||||
{% tablericon "home-move" "Home • Cory Dransfeldt" %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
|
||||
<div class="pt-4 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
|
||||
<div class="dark:text-white text-gray-800">
|
||||
<h2
|
||||
class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200 icon--h-28">
|
||||
<div class="mr-1">
|
||||
{% tablericon icon title %}
|
||||
</div>
|
||||
{{ title }}
|
||||
</h2>
|
||||
<p>{{ description }}</p>
|
||||
<p>
|
||||
<xsl:value-of select="atom:feed/atom:description"/>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://savvycal.com/coryd/quick-call"
|
||||
rel="me"
|
||||
title="SavvyCal">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.buymeacoffee.com/cory"
|
||||
rel="me"
|
||||
title="Buy Me a Coffee">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="mailto:coryd@hey.com"
|
||||
rel="me"
|
||||
title="Email">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://github.com/cdransf"
|
||||
rel="me"
|
||||
title="GitHub">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.goodreads.com/cdransf"
|
||||
rel="me"
|
||||
title="Goodreads">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.last.fm/user/cdrn_"
|
||||
rel="me"
|
||||
title="Last.fm">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://letterboxd.com/cdme"
|
||||
rel="me"
|
||||
title="Letterboxd">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.linkedin.com/in/cdransf/"
|
||||
rel="me"
|
||||
title="LinkedIn">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://social.lol/@cory"
|
||||
rel="me"
|
||||
title="Mastodon">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/feeds" title="RSS" class="link--icon icon--h-24{% if page.url == '/feeds/' %} active{% endif %}">
|
||||
<a href="/feeds" title="RSS" class="link--icon icon--24{% if page.url == '/feeds/' %} active{% endif %}">
|
||||
{% tablericon "rss" "RSS" %}
|
||||
</a>
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/search" title="Search posts" class="link--icon icon--h-24{% if page.url == '/search/' %} active{% endif %}">
|
||||
<a href="/search" title="Search posts" class="link--icon icon--24{% if page.url == '/search/' %} active{% endif %}">
|
||||
{% tablericon "search" "Search posts" %}
|
||||
</a>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://open.spotify.com/user/mdh0acvmvfsbunzt6ywnq2tg3"
|
||||
rel="me"
|
||||
title="Spotify">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/tags" title="Post tags" class="link--icon icon--h-24{% if page.url == '/tags/' %} active{% endif %}">
|
||||
<a href="/tags" title="Post tags" class="link--icon icon--24{% if page.url == '/tags/' %} active{% endif %}">
|
||||
{% tablericon "tag" "Post tags" %}
|
||||
</a>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://trakt.tv/users/cdransf"
|
||||
rel="me"
|
||||
title="Trakt">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/webrings" title="RSS" class="link--icon icon--h-24{% if page.url == '/webrings/' %} active{% endif %}">
|
||||
<a href="/webrings" title="RSS" class="link--icon icon--24{% if page.url == '/webrings/' %} active{% endif %}">
|
||||
{% tablericon "heart-handshake" "Webrings" %}
|
||||
</a>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
{% if albumReleases.size > 0 %}
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "calendar-time" "Anticipated albums" %}
|
||||
<div class="ml-1">Anticipated albums</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if music.size > 0 %}
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
<div class="ml-1">Albums</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if music.size > 0 %}
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
<div class="ml-1">Artists</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if books.size > 0 %}
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "books" "Books" %}
|
||||
<div class="ml-1">Books</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if links.size > 0 %}
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "link" "Links" %}
|
||||
<div class="ml-1">Links</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if movies.size > 0 %}
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "movie" "Movies" %}
|
||||
<div class="ml-1">Movies</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if tv.size > 0 %}
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "device-tv" "TV" %}
|
||||
<div class="ml-1">TV</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<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 icon--h-20">
|
||||
<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 icon--20">
|
||||
{% tablericon "arrow-left" "Previous" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
|
||||
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--20"
|
||||
aria-label="Previous page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-left" "Prevous" %}
|
||||
|
|
@ -18,13 +18,13 @@
|
|||
</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 icon--h-20" aria-label="Next page">
|
||||
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--20" aria-label="Next page">
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
|
||||
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--20"
|
||||
aria-label="Next page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% assign posts = posts | getPopularPosts: analytics %}
|
||||
<div class="not-prose">
|
||||
<h2 class="icon--bold 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 icon--h-28">
|
||||
<h2 class="icon--bold 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 icon--28">
|
||||
{% tablericon "flame" "Popular" %}
|
||||
<div class="ml-1">Popular posts</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -5,15 +5,15 @@
|
|||
</h3>
|
||||
</a>
|
||||
<div class="flex flex-row justify-center items-center">
|
||||
<a class="link--icon icon--h-20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
|
||||
<a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
|
||||
{% tablericon "arrow-left" "Previous site" %}
|
||||
</a>
|
||||
<div class="flex justify-center">
|
||||
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500 icon--h-24">
|
||||
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500 icon--24">
|
||||
{% tablericon "dice-3" "Random site" %}
|
||||
</a>
|
||||
</div>
|
||||
<a class="link--icon icon--h-20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
|
||||
<a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
|
||||
{% tablericon "arrow-right" "Next site" %}
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
</h3>
|
||||
<div class="flex justify-center">
|
||||
<a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
|
||||
<span class="icon--bold pt-1 md:pt-0 mr-1 icon--h-20">
|
||||
<span class="icon--bold pt-1 md:pt-0 mr-1 icon--20">
|
||||
{% tablericon "user-plus" "Join!" %}
|
||||
</span>
|
||||
<span>Join!</span>
|
||||
|
|
|
|||
Reference in a new issue