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

feat: test dot as favicon

Browse source
This commit is contained in:
Troy 2025-02-17 00:14:50 +00:00
parent b512b29808
commit f135fd62e2
Signed by: troy
GPG key ID: DFC06C02ED3B4711
8 changed files with 53 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Footer.astro
View file

@ -5,7 +5,7 @@ import { SITE } from "@consts";
<footer class="w-full">
<span class="text-tertiary"
>&copy; {new Date().getFullYear()}
<a href="/" class="hover:text-secondary transition-colors duration-300"
<a href="#top" class="hover:text-secondary transition-colors duration-300"
>{SITE.TITLE}</a
>. All rights reserved.
</span>

9
src/components/Header.astro
View file

@ -1,6 +1,7 @@
---
import { SITE } from "@consts";
import Button from "@components/Button.astro";
import { Icon } from "astro-icon/components";
const pathname = new URL(Astro.request.url).pathname;
const currentPath = pathname.replace(/\/$/, "");
@ -10,10 +11,10 @@ const currentPath = pathname.replace(/\/$/, "");
<nav class="flex w-full justify-between">
<div class="flex w-fit items-center justify-between">
<a href="/" aria-label={SITE.TITLE} title={SITE.TITLE} class="group">
<div
class="ring-secondary/10 size-8 rounded-full bg-linear-45 from-[#FF5907] from-50% to-[#FF8548] ring-1 transition-transform ease-in-out ring-inset group-hover:scale-105"
>
</div>
<Icon
name="icon"
class="size-8 transition-transform ease-in-out group-hover:scale-105"
/>
</a>
</div>
<ul class="flex w-fit flex-row items-center gap-4">

18
src/components/Hero.astro
View file

@ -5,33 +5,35 @@ 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-medium tracking-[-2px] lowercase sm:tracking-[-4px]"
class="flex w-full flex-col text-start text-7xl leading-[1] font-semibold tracking-[-2px] lowercase"
>
<span class="text-nowrap">Troy Lusty</span>
<span class="text-tertiary text-pretty">Digital Designer</span>
</h1>
<div class="text-secondary/70 text-lg font-medium">
I am in my final year of studying on a Game Arts and Design BA (Hons) degree
and on the side I manage online operations for a
<Link href="/projects/camouflage-store" class="underline underline-offset-2"
>family run business</Link
and on the side I manage online operations for a family run
<a
href="/projects/camouflage-store"
class="hover:text-gradient-start hover:decoration-gradient-start underline decoration-wavy underline-offset-2 transition-colors duration-300"
>outdoor apparel business</a
>.
</div>
<div class="text-tertiary text-lg font-medium">
Want to chat?
Think I could help with a project you're working on?
<Link
href="mailto:hello@troylusty.com"
class="lowercase underline underline-offset-2"
class="hover:text-secondary lowercase underline decoration-wavy underline-offset-2 transition-colors duration-300"
>
Send me a message
</Link>
</div>
<div id="social-links" class="flex flex-row gap-4">
<div class="flex flex-row gap-4">
{
SITE.LINKS.map((i) => (
<Link
href={i.href}
class="text-tertiary hover:text-accent text-lg font-medium lowercase underline-offset-2 hover:underline"
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>

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 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-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"
>
<slot />
</div>

2
src/components/ShowcasePost.astro
View file

@ -20,7 +20,7 @@ const { collection } = Astro.props;
</h3>
<FormattedDate
date={collection.data.date}
className="text-accent block text-nowrap"
className="text-tertiary block text-nowrap"
/>
</div>
<p class="text-tertiary text-pretty">{collection.data.description}</p>