troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: switch back to previous favicon

Browse source
This commit is contained in:
Troy 2025-02-17 20:51:13 +00:00
parent f135fd62e2
commit 26a406b900
Signed by: troy
GPG key ID: DFC06C02ED3B4711
7 changed files with 18 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
public/favicon.svg
View file

@ -1,17 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="51mm" height="51mm" version="1.1" viewBox="0 0 51 51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="c" x1="85.455" x2="120.81" y1="158.91" y2="123.55" gradientUnits="userSpaceOnUse">
<stop stop-color="#fb5246" offset="0"/>
<stop stop-color="#fb5246" offset=".5"/>
<stop stop-color="#ff9068" offset="1"/>
</linearGradient>
<linearGradient id="b" x1="77.63" x2="128.63" y1="141.23" y2="141.23" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity=".095618" offset="0"/>
<stop stop-color="#fff" stop-opacity="0" offset="1"/>
</linearGradient>
</defs>
<g transform="translate(-77.63 -115.73)">
<circle cx="103.13" cy="141.23" r="25" fill="url(#c)" stroke="url(#b)" stroke-opacity=".095618"/>
</g>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="M 31.999999,0 A 32,31.999999 0 0 0 0,31.999999 V 95.999997 A 32,31.999999 0 0 0 31.999999,128 h 64 A 32,31.999999 0 0 0 128,95.999997 V 31.999999 A 32,31.999999 0 0 0 95.999999,0 Z m 9.813477,32.85327 H 86.186522 V 44.373292 H 70.399903 V 95.146726 H 57.600098 V 44.373292 H 41.813476 Z" />
<style>
path { fill: black; }
@media (prefers-color-scheme: dark) {
path { fill: white; }
}
</style>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 827 B

After

Width:  |  Height:  |  Size: 507 B

2
src/components/Article.astro
View file

@ -36,7 +36,7 @@ const listFormatter = new Intl.ListFormat("en-GB", {
>
</h1>
<div
class="animate-reveal text-tertiary flex flex-row flex-wrap items-start gap-2 opacity-0 [animation-delay:0.1s]"
class="animate-reveal text-tertiary flex flex-row flex-wrap items-start gap-2 font-medium opacity-0 [animation-delay:0.1s]"
>
<div class="flex items-center gap-2">
<Icon name="mdi:calendar" />

3
src/components/Header.astro
View file

@ -13,7 +13,8 @@ const currentPath = pathname.replace(/\/$/, "");
<a href="/" aria-label={SITE.TITLE} title={SITE.TITLE} class="group">
<Icon
name="icon"
class="size-8 transition-transform ease-in-out group-hover:scale-105"
title={SITE.TITLE}
class="hover:text-tertiary h-8 w-auto transition-colors duration-500 ease-in-out"
/>
</a>
</div>

23
src/components/Hero.astro
View file

@ -1,8 +1,3 @@
---
import { SITE } from "@consts";
import Link from "@components/Link.astro";
---
<section class="animate-reveal flex flex-col gap-6 opacity-0">
<h1
class="flex w-full flex-col text-start text-7xl leading-[1] font-semibold tracking-[-2px] lowercase"
@ -21,23 +16,11 @@ import Link from "@components/Link.astro";
</div>
<div class="text-tertiary text-lg font-medium">
Think I could help with a project you're working on?
<Link
<a
href="mailto:hello@troylusty.com"
class="hover:text-secondary lowercase underline decoration-wavy underline-offset-2 transition-colors duration-300"
class="bg-gradient-end/20 text-gradient-end ring-gradient-end ml-1 w-fit rounded-full px-2 py-1 text-sm ring"
>
Send me a message
</Link>
</div>
<div class="flex flex-row gap-4">
{
SITE.LINKS.map((i) => (
<Link
href={i.href}
class="text-tertiary hover:text-secondary text-lg font-medium lowercase decoration-wavy underline-offset-2 transition-colors duration-300 hover:underline"
>
{i.name}
</Link>
))
}
</a>
</div>
</section>

2
src/components/Prose.astro
View file

@ -1,5 +1,5 @@
<div
class="prose prose-headings:text-secondary prose-h1:text-xl prose-h1:font-bold prose-p:max-w-full prose-p:text-pretty prose-p:break-words prose-p:text-secondary/70 prose-a:text-secondary prose-a:underline prose-a:decoration-tertiary prose-a:decoration-wavy prose-strong:text-secondary prose-code:whitespace-pre-wrap prose-code:font-medium prose-code:text-secondary prose-code:before:content-none prose-code:after:content-none prose-li:text-secondary prose-li:marker:text-secondary prose-img:max-h-[90vh] prose-img:w-auto prose-img:max-w-full prose-img:rounded-sm prose-video:max-h-[90vh] prose-video:w-auto prose-video:max-w-full prose-video:rounded-sm max-w-full"
class="prose prose-neutral dark:prose-invert prose-lg prose-img:max-h-[90svh] prose-img:rounded-sm prose-img:w-auto prose-img:max-w-full prose-video:max-h-[90svh] prose-video:rounded-sm prose-video:w-auto prose-video::max-w-full prose-a:decoration-wavy"
>
<slot />
</div>

2
src/components/ShowcasePost.astro
View file

@ -15,7 +15,7 @@ const { collection } = Astro.props;
>
<article class="flex flex-col">
<div class="flex flex-col justify-between md:flex-row md:items-center">
<h3 class="text-secondary mb-1 font-semibold text-nowrap">
<h3 class="text-secondary mb-1 text-lg font-semibold text-nowrap">
{collection.data.title}
</h3>
<FormattedDate

18
src/icons/icon.svg
View file

@ -1,17 +1,3 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="51mm" height="51mm" version="1.1" viewBox="0 0 51 51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="c" x1="85.455" x2="120.81" y1="158.91" y2="123.55" gradientUnits="userSpaceOnUse">
<stop stop-color="#fb5246" offset="0"/>
<stop stop-color="#fb5246" offset=".5"/>
<stop stop-color="#ff9068" offset="1"/>
</linearGradient>
<linearGradient id="b" x1="77.63" x2="128.63" y1="141.23" y2="141.23" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff" stop-opacity=".095618" offset="0"/>
<stop stop-color="#fff" stop-opacity="0" offset="1"/>
</linearGradient>
</defs>
<g transform="translate(-77.63 -115.73)">
<circle cx="103.13" cy="141.23" r="25" fill="url(#c)" stroke="url(#b)" stroke-opacity=".095618"/>
</g>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="M 31.999999,0 A 32,31.999999 0 0 0 0,31.999999 V 95.999997 A 32,31.999999 0 0 0 31.999999,128 h 64 A 32,31.999999 0 0 0 128,95.999997 V 31.999999 A 32,31.999999 0 0 0 95.999999,0 Z m 9.813477,32.85327 H 86.186522 V 44.373292 H 70.399903 V 95.146726 H 57.600098 V 44.373292 H 41.813476 Z" fill="currentColor" />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 827 B

After

Width:  |  Height:  |  Size: 404 B