cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: rework color scheme

Browse source
This commit is contained in:
Cory Dransfeldt 2023-05-06 14:43:19 -07:00
parent 1e25e460fc
commit f44efd5171
No known key found for this signature in database
29 changed files with 163 additions and 406 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/base.liquid
View file

@ -15,7 +15,7 @@
<meta property="og:type" content="article" />
<meta property="og:url" content="https://coryd.dev{{ page.url }}" />
<meta property="og:image" content="{{ post | getFirstAttachment }}">
<meta name="theme-color" content="#bd93f9" />
<meta name="theme-color" content="#a855f7" />
<link
rel="icon"
type="image/x-icon"

4
src/_includes/footer.liquid
View file

@ -9,8 +9,8 @@
{% include "icons/oku.liquid" %}
</div>
<p class="text-sm text-gray-500 dark:text-gray-100 text-center pb-8">
<a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/uses/' %} active{% endif %}" href="/uses">Uses</a>
<a class="text-gray-700 hover:text-purple-400 dark:text-gray-200{% if page.url == '/uses/' %} active{% endif %}" href="/uses">Uses</a>
•
<a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/referrals/' %} active{% endif %}" href="/referrals">Referrals</a>
<a class="text-gray-700 hover:text-purple-400 dark:text-gray-200{% if page.url == '/referrals/' %} active{% endif %}" href="/referrals">Referrals</a>
• Cory Dransfeldt • © {{ "now" | date: "%Y" }}</p>
</footer>

4
src/_includes/nav.liquid
View file

@ -1,10 +1,10 @@
<nav>
<ul class="flex">
<li class="mr-6">
<a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/now/' %} active{% endif %}" href="/now">Now</a>
<a class="text-gray-700 hover:text-purple-400 dark:text-gray-200 dark:hover:text-purple-400{% if page.url == '/now/' %} active{% endif %}" href="/now">Now</a>
</li>
<li class="mr-6">
<a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/about/' %} active{% endif %}" href="/about">About</a>
<a class="text-gray-700 hover:text-purple-400 dark:text-gray-200 dark:hover:text-purple-400{% if page.url == '/about/' %} active{% endif %}" href="/about">About</a>
</li>
<li class="mr-6">
{% include "icons/coffee.liquid" %}

2
src/_includes/now-topper.liquid
View file

@ -1,6 +1,6 @@
<div class="border-b border-gray-200 pb-8 dark:border-gray-700 mb-8 pb-8 dark:text-white text-gray-800">
<a class="no-underline" href="/now">
<h2 class="m-0 text-xl font-black leading-tight tracking-normal md:text-2xl text-primary-500 hover:text-primary-400 mb-4">Now</h2>
<h2 class="m-0 text-xl font-black leading-tight tracking-normal md:text-2xl text-purple-500 hover:text-purple-400 mb-4">Now</h2>
</a>
<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">{{ status.emoji }} {{ status.content }}</p>

6
src/_includes/now.liquid
View file

@ -48,7 +48,7 @@ layout: main
{% for artist in artists %}
<a href="{{artist.url}}" title="{{artist.name | escape}}">
<div class="relative block">
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div>
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-500 hover:border-purple-400 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
<div class="absolute left-1 bottom-2 drop-shadow-md">
<div class="px-1 text-xs font-bold text-white">{{ artist.name }}</div>
<div class="px-1 text-xs text-white">
@ -78,7 +78,7 @@ layout: main
{% for album in albums %}
<a href="{{album.url}}" title="{{album.name | escape}}">
<div class="relative block">
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div>
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-500 hover:border-purple-400 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
<div class="absolute left-1 bottom-2 drop-shadow-md">
<div class="px-1 text-xs font-bold text-white">{{ album.name }}</div>
<div class="px-1 text-xs text-white">
@ -140,7 +140,7 @@ layout: main
{% for movie in movies %}
<a href="{{movie.link}}" title="{{movie.title | escape}}">
<div class="relative block" style="max-width:226px">
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div>
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-500 hover:border-purple-400 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
<div class="absolute left-1 bottom-2 drop-shadow-md">
<div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div>
</div>

6
src/_includes/paginator.liquid
View file

@ -1,7 +1,7 @@
<nav class="flex justify-between mt-8 items-center">
{% if pagination.href.previous %}
<a href="{{ pagination.href.previous }}">
<button class="py-2 pr-4 text-primary-500 hover:text-primary-400" aria-label="Previous page">
<button class="py-2 pr-4 text-purple-500 hover:text-purple-400" aria-label="Previous page">
{% heroicon "solid" "arrow-left" "Prevous" "width=20 height=20" %}
</button>
</a>
@ -17,7 +17,7 @@
<div class="flex flex-row items-center">
<select
id="pagination"
class="block w-12 h-12 rounded-full text-white dark:text-gray-900 bg-primary-500 hover:bg-primary-500 dark:hover:bg-primary-300 mr-1 focus-visible:outline-none focus-visible:bg-primary-400 appearance-none text-center"
class="block cursor-pointer w-12 h-12 rounded-full text-white dark:text-gray-900 bg-purple-500 hover:bg-purple-500 dark:hover:bg-purple-300 mr-1 focus-visible:outline-none focus-visible:bg-purple-400 appearance-none text-center"
style="text-align-last:center">
{% for pageEntry in pagination.pages %}
<option {% if page.url == pagination.hrefs[forloop.index0] %}selected{% endif %} value="{{ forloop.index }}">{{ forloop.index }}</option>
@ -30,7 +30,7 @@
{% if pagination.href.next %}
<a href="{{ pagination.href.next }}">
<button class="py-2 pl-4 text-primary-500 hover:text-primary-400" aria-label="Next page">
<button class="py-2 pl-4 text-purple-500 hover:text-purple-400" aria-label="Next page">
{% heroicon "solid" "arrow-right" "Next" "width=20 height=20" %}
</button>
</a>

10
src/_includes/webmentions.liquid
View file

@ -11,7 +11,7 @@
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
class="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-300"
loading="lazy" />
</a>
</li>
@ -29,7 +29,7 @@
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-primary-500 dark:hover:border-primary-300"
class="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-300"
loading="lazy" />
</a>
</li>
@ -46,11 +46,11 @@
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="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-primary-500 dark:group-hover:border-primary-300"
class="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-300"
loading="lazy" />
<div class="ml-3">
<p class="text-sm group-hover:text-primary-500 dark:group-hover:text-primary-300">{{ mention.content.text }}</p>
<p class="mt-1 text-xs group-hover:text-primary-500 dark:group-hover:text-primary-300">{{ mention.published | isoDateOnly }}</p>
<p class="text-sm group-hover:text-purple-500 dark:group-hover:text-purple-300">{{ mention.content.text }}</p>
<p class="mt-1 text-xs group-hover:text-purple-500 dark:group-hover:text-purple-300">{{ mention.published | isoDateOnly }}</p>
</div>
</a>
</div>