lukeonline - commit 58dfb1c

diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 4c41f61..55febc1 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,7 +1,7 @@ <footer> - <span class="w-full text-center text-sm text-gray-500" + <span class="w-full text-center text-sm text-gray-600" >&copy; 2024-2026 lukeonline.net - Licensed under <a - class="text-blue-500" + class="text-blue-800" href="https://spdx.org/licenses/GPL-2.0-or-later.html" target="_blank" rel="noopener noreferrer">GPL-2.0-or-later</a diff --git a/src/components/LargeButton.astro b/src/components/LargeButton.astro index f82b44c..8004409 100644 --- a/src/components/LargeButton.astro +++ b/src/components/LargeButton.astro @@ -11,7 +11,7 @@ const buttonStyling = BUTTON_STYLING_SHARED + ' flex-col ' <img src={image.link} alt={image.alt} - class="aspect-4/5 w-full object-cover" + class="aspect-4/5 w-full rounded-sm object-cover shadow-sm ring ring-gray-400" /> ) } diff --git a/src/consts.ts b/src/consts.ts index 7a12228..c451c22 100644 --- a/src/consts.ts +++ b/src/consts.ts @@ -14,3 +14,8 @@ export const BUTTON_STYLING_SHARED = ` ${BUTTON_ACTIVE_GRADIENT} active:shadow-none ${BUTTON_ACTIVE_INSET}` + ' transition duration-150' + ' active:duration-50' + +export const BASE_LAYOUT_STYLING = + 'flex flex-col gap-3 p-6' + + ' rounded border border-gray-600 shadow-lg' + + ' bg-linear-to-t from-gray-100 to-white' diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 2dcc4ee..4978efd 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -6,7 +6,7 @@ import Header from '../components/Header.astro' import Footer from '../components/Footer.astro' import Heading from '../components/Heading.astro' -import { SITE_TITLE } from '../consts.ts' +import { BASE_LAYOUT_STYLING, SITE_TITLE } from '../consts.ts' const { ...props } = Astro.props --- @@ -17,7 +17,7 @@ const { ...props } = Astro.props class="flex w-full flex-col gap-3 p-2 text-base md:m-auto md:w-3xl md:p-8" > <span class="text-3xl font-bold">Luke Jones</span> - <div class="flex flex-col gap-3 border border-solid bg-white p-6"> + <div class={`${BASE_LAYOUT_STYLING}`}> <Header /> <main class="flex flex-col gap-3"> <Heading level={1}>{props.title}</Heading> diff --git a/src/pages/about/index.astro b/src/pages/about/index.astro index ea025c1..9de56af 100644 --- a/src/pages/about/index.astro +++ b/src/pages/about/index.astro @@ -40,5 +40,5 @@ const contactMethods = [ <LargeButtonCol entries={contactMethods} /> - <span class="text-gray-500 italic">Last Updated August 2026</span> + <span class="text-gray-600 italic">Last Updated August 2026</span> </Base>