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

14
src/posts/2023/building-a-now-page-using-nextjs-and-social-apis.md
View file

@ -69,7 +69,7 @@ export default function Now(props) {
<p className="mt-2 text-lg leading-7 text-gray-500 dark:text-gray-100">
<CodeBracketIcon className="mr-1 inline h-6 w-6" />
Working at <Link
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
className="text-purple-500 hover:text-purple-600 dark:hover:text-purple-400"
href="https://hashicorp.com"
target="_blank"
rel="noopener noreferrer"
@ -81,7 +81,7 @@ export default function Now(props) {
<MegaphoneIcon className="mr-1 inline h-6 w-6" />
Rooting for the{` `}
<Link
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
className="text-purple-500 hover:text-purple-600 dark:hover:text-purple-400"
href="https://lakers.com"
target="_blank"
rel="noopener noreferrer"
@ -98,7 +98,7 @@ export default function Now(props) {
<p className="mt-2 text-lg leading-7 text-gray-500 dark:text-gray-100">
<CommandLineIcon className="mr-1 inline h-6 w-6" />
Hacking away on random projects like this page, my <Link
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
className="text-purple-500 hover:text-purple-600 dark:hover:text-purple-400"
href="/blog"
passHref
>
@ -114,7 +114,7 @@ export default function Now(props) {
<p className="pt-8 text-center text-xs text-gray-900 dark:text-gray-100">
(This is a{' '}
<Link
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
className="text-purple-500 hover:text-purple-600 dark:hover:text-purple-400"
href="https://nownownow.com/about"
target="_blank"
rel="noopener noreferrer"
@ -122,7 +122,7 @@ export default function Now(props) {
now page
</Link>
, and if you have your own site, <Link
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
className="text-purple-500 hover:text-purple-600 dark:hover:text-purple-400"
href="https://nownownow.com/about"
target="_blank"
rel="noopener noreferrer"
@ -309,14 +309,14 @@ const Cover = (props: { media: Media; type: 'artist' | 'album' }) => {
return (
<Link
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
className="text-purple-500 hover:text-purple-600 dark:hover:text-purple-400"
href={media.url}
target="_blank"
rel="noopener noreferrer"
title={media.name}
>
<div className="relative">
<div className="absolute left-0 top-0 h-full w-full rounded-lg border border-primary-500 bg-cover-gradient dark:border-gray-500"></div>
<div className="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-500 bg-cover-gradient dark:border-gray-500"></div>
<div className="absolute left-1 bottom-2 drop-shadow-md">
<div className="px-1 text-xs font-bold text-white">{media.name}</div>
<div className="px-1 text-xs text-white">

4
src/posts/2023/building-my-now-page-using-eleventy.md
View file

@ -56,7 +56,7 @@ The **Listening: albums** call is quite similar, swapping the `user.gettopartist
{% 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 bg-cover-gradient dark:border-gray-500"></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">
@ -106,7 +106,7 @@ These images are all cropped to `350x350` and hosted over on <a href="https://bu
{% 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 bg-cover-gradient dark:border-gray-500"></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">

4
src/posts/2023/client-side-webmentions-in-nextjs.md
View file

@ -76,7 +76,7 @@ const WebmentionsCore = () => {
<li key={mention['wm-id']} className="-ml-2">
<Link href={mention.url} target="_blank" rel="noopener noreferrer">
<Image
className="h-10 w-10 rounded-full border border-primary-500 dark:border-gray-500"
className="h-10 w-10 rounded-full border border-purple-500 dark:border-gray-500"
src={mention.author.photo}
alt={mention.author.name}
width="40"
@ -105,7 +105,7 @@ const WebmentionsCore = () => {
rel="noopener noreferrer"
>
<Image
className="h-12 w-12 rounded-full border border-primary-500 dark:border-gray-500"
className="h-12 w-12 rounded-full border border-purple-500 dark:border-gray-500"
src={mention.author.photo}
alt={mention.author.name}
width="48"

2
src/posts/2023/lazy-select-based-pagination-eleventy.md
View file

@ -15,7 +15,7 @@ Given that I was already iterating through all pages in my posts collection, my
<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 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>

10
src/posts/2023/webmentions-in-eleventy.md
View file

@ -79,7 +79,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="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="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>
@ -98,7 +98,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="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="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>
@ -116,12 +116,12 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
<img
src={{mention.author.photo}}
alt={{mention.author.name}}
class="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="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>