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

add link to projects slideshow

Browse source
This commit is contained in:
Troy 2025-02-11 10:58:38 +00:00
parent 41be978b54
commit aa1498d757
Signed by: troy
GPG key ID: DFC06C02ED3B4711
2 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Hero.astro
View file

@ -10,7 +10,7 @@ import borel from "@fontsource/borel/files/borel-latin-400-normal.woff2?url";
crossorigin="anonymous"
/>
<section class="mt-6 overflow-clip">
<section class="mt-16 overflow-clip mb-28">
<h1
class="--translate-y-full animate-logo mx-auto max-w-[20ch] text-center text-4xl font-bold text-pretty md:text-6xl"
>

19
src/pages/index.astro
View file

@ -27,7 +27,9 @@ const projectsJSON = JSON.stringify(projects);
<Layout title={HOME.TITLE} description={HOME.DESCRIPTION}>
<Hero />
<section aria-labelledby="featured-projects" class="container">
<div class="flex flex-row items-center justify-between">
<div
class="mx-auto flex max-w-[65ch] flex-row items-center justify-between"
>
<a href="/projects">
<h2
class="animate-reveal hover:text-tertiary text-2xl font-semibold break-words capitalize opacity-0 transition-colors duration-500"
@ -122,6 +124,10 @@ const projectsJSON = JSON.stringify(projects);
x-bind:src="slide.data.image.url.src"
x-bind:alt="slide.data.image.alt"
/>
<a
class="absolute inset-0 z-10"
x-bind:title="slide.data.title"
x-bind:href="'/' + slide.collection + '/' + slide.slug"></a>
</div>
</template>
</div>
@ -192,17 +198,6 @@ const projectsJSON = JSON.stringify(projects);
</div>
</section>
<!--
<span class="inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-gray-500/10 ring-inset">Badge</span>
<span class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 ring-1 ring-red-600/10 ring-inset">Badge</span>
<span class="inline-flex items-center rounded-md bg-yellow-50 px-2 py-1 text-xs font-medium text-yellow-800 ring-1 ring-yellow-600/20 ring-inset">Badge</span>
<span class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-green-600/20 ring-inset">Badge</span>
<span class="inline-flex items-center rounded-md bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-blue-700/10 ring-inset">Badge</span>
<span class="inline-flex items-center rounded-md bg-indigo-50 px-2 py-1 text-xs font-medium text-indigo-700 ring-1 ring-indigo-700/10 ring-inset">Badge</span>
<span class="inline-flex items-center rounded-md bg-purple-50 px-2 py-1 text-xs font-medium text-purple-700 ring-1 ring-purple-700/10 ring-inset">Badge</span>
<span class="inline-flex items-center rounded-md bg-pink-50 px-2 py-1 text-xs font-medium text-pink-700 ring-1 ring-pink-700/10 ring-inset">Badge</span>
-->
<section aria-labelledby="recent-posts" class="container max-w-[65ch]">
<div class="group flex w-fit flex-row items-center">
<a href="/posts">