NickBland/website-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust colouring of timeline Details

Browse Source
This commit is contained in:
Nick Bland 2024-10-15 19:48:45 +10:00
parent 7c959769f7
commit 9798ae913f
Signed by: NickBland
GPG Key ID: 31CADD9E5FDD798C
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/lib/components/portfolio/timeline.svelte
View File

@ -5,8 +5,10 @@
<h3 class="p-5 text-4xl text-center">Work Experience</h3> <h3 class="p-5 text-4xl text-center">Work Experience</h3>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical pb-8"> <ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical pb-8">
<li> <li>
<div class="timeline-middle"><Circle class="fill-base-300" /></div> <div class="timeline-middle"><Circle class="fill-neutral" /></div>
<div class="timeline-end timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg"> <div
class="timeline-end timeline-box bg-neutral mb-10 max-w-3xl shadow-lg text-neutral-content"
>
<time class="font-mono" datetime="2020-3">Mar 2020 - Jul 2020</time> <time class="font-mono" datetime="2020-3">Mar 2020 - Jul 2020</time>
<div class="text-xl">Villanova College</div> <div class="text-xl">Villanova College</div>
<div class="text-sm">Information Technology Officer</div> <div class="text-sm">Information Technology Officer</div>
@ -41,12 +43,14 @@
</li> </li>
</ul> </ul>
</div> </div>
<hr /> <hr class="bg-neutral-content" />
</li> </li>
<li> <li>
<hr /> <hr class="bg-neutral-content" />
<div class="timeline-middle"><Circle class="fill-base-300" /></div> <div class="timeline-middle"><Circle class="fill-neutral" /></div>
<div class="timeline-start timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg"> <div
class="timeline-start timeline-box bg-neutral mb-10 max-w-3xl shadow-lg text-neutral-content"
>
<div class="md:text-end"> <div class="md:text-end">
<time class="font-mono" datetime="2020-8">Aug 2020 - Oct 2022</time> <time class="font-mono" datetime="2020-8">Aug 2020 - Oct 2022</time>
<div class="text-xl">St Pauls School</div> <div class="text-xl">St Pauls School</div>
@ -81,12 +85,14 @@
</li> </li>
</ul> </ul>
</div> </div>
<hr /> <hr class="bg-neutral-content" />
</li> </li>
<li> <li>
<hr /> <hr class="bg-neutral-content" />
<div class="timeline-middle"><Circle class="fill-base-300" /></div> <div class="timeline-middle"><Circle class="fill-neutral" /></div>
<div class="timeline-end timeline-box bg-base-300 max-w-3xl shadow-lg"> <div
class="timeline-end timeline-box bg-neutral max-w-3xl shadow-lg text-neutral-content"
>
<time class="font-mono" datetime="2022-10">Oct 2022 - Feb 2023</time> <time class="font-mono" datetime="2022-10">Oct 2022 - Feb 2023</time>
<div class="text-xl">St Pauls School</div> <div class="text-xl">St Pauls School</div>
<div class="text-sm pb-2">System Administrator</div> <div class="text-sm pb-2">System Administrator</div>