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

add prev & next article buttons (#3)

Browse source 
solution inspired by https://github.com/markhorn-dev/astro-sphere
This commit is contained in:
Troy 2024-12-26 15:02:43 +00:00 • committed by GitHub
parent 93d8c4f67d
commit 3aa7ca486b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 212 additions and 753 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/cv.astro
View file

@ -20,9 +20,7 @@ import Prose from "@components/Prose.astro";
<div
class="mt-4 flex flex-col items-start gap-2 text-lg text-tertiary md:flex-row"
>
<div
class="flex animate-reveal items-center gap-2 opacity-0 [animation-delay:0.3s]"
>
<div class="flex animate-reveal items-center gap-2 opacity-0">
<Icon name="mdi:email" />
<Link href="mailto:hello@troylusty.com">
<p>hello@troylusty.com</p>
@ -35,7 +33,7 @@ import Prose from "@components/Prose.astro";
</div>
</div>
</section>
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.4s]">
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.1s]">
<Prose>
<h2>About me</h2>
<p>
@ -56,13 +54,13 @@ import Prose from "@components/Prose.astro";
</p>
</Prose>
</section>
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.5s]">
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.2s]">
<Prose>
<h2>Education</h2>
<Education />
</Prose>
</section>
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.6s]">
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.3s]">
<Prose>
<h2>Skills</h2>
<p>
@ -71,12 +69,11 @@ import Prose from "@components/Prose.astro";
Engine. Using either real-time or offline rendering techniques. In
addition to this, I am also very interested in web development.
</p>
<p>Please note, this skills section is a only placeholder.</p>
<Skills />
<ul><li>Full drivers licence for cars and motorbikes</li></ul>
</Prose>
</section>
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.7s]">
<section class="mt-16 animate-reveal opacity-0 [animation-delay:0.4s]">
<Prose>
<h2>Experience</h2>
<Work />