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

SHADOWS

Browse Source 
+ Add in some nice hover shadow to make it feela a bit more alive
This commit is contained in:
Nick Bland 2024-04-20 23:04:44 +10:00
parent 4e6245dd12
commit e4fc38e11a
Signed by: NickBland
GPG Key ID: 31CADD9E5FDD798C
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/navbar/navbar.svelte
View File

@ -17,12 +17,14 @@
<li><a href="/portfolio">Portfolio</a></li> <li><a href="/portfolio">Portfolio</a></li>
</ul> </ul>
</div> </div>
<a class="btn btn-ghost text-xl" href="/">nickbland.dev</a> <a class="btn btn-ghost text-xl hover:shadow-lg" href="/">nickbland.dev</a>
</div> </div>
<div class="navbar-center hidden lg:flex"> <div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1"> <ul class="menu menu-horizontal px-1">
<li><a href="/" class="text-lg">Home</a></li> <li><a href="/" class="btn btn-ghost text-lg hover:shadow-lg">Home</a></li>
<li><a href="/portfolio" class="text-lg">Portfolio</a></li> <li>
<a href="/portfolio" class="btn btn-ghost text-lg hover:shadow-lg">Portfolio</a>
</li>
</ul> </ul>
</div> </div>
<div class="navbar-end"> <div class="navbar-end">

4
src/components/navbar/themeController.svelte
View File

@ -7,7 +7,7 @@
<!-- this hidden checkbox controls the state --> <!-- this hidden checkbox controls the state -->
<input type="checkbox" class="theme-controller" value="winter" /> <input type="checkbox" class="theme-controller" value="winter" />
<Sun class="w-7 h-7 swap-on fill-current" /> <Sun class="w-7 h-7 swap-on fill-current hover:shadow-lg" />
<Moon class="w-7 h-7 swap-off fill-current" /> <Moon class="w-7 h-7 swap-off fill-current hover:shadow-lg" />
</label> </label>

6
src/components/timeline.svelte
View File

@ -6,7 +6,7 @@
<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-base-300" /></div>
<div class="timeline-end timeline-box bg-base-300 mb-10 max-w-3xl"> <div class="timeline-end timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg">
<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>
@ -46,7 +46,7 @@
<li> <li>
<hr /> <hr />
<div class="timeline-middle"><Circle class="fill-base-300" /></div> <div class="timeline-middle"><Circle class="fill-base-300" /></div>
<div class="timeline-start timeline-box bg-base-300 mb-10 max-w-3xl"> <div class="timeline-start timeline-box bg-base-300 mb-10 max-w-3xl shadow-lg">
<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>
@ -86,7 +86,7 @@
<li> <li>
<hr /> <hr />
<div class="timeline-middle"><Circle class="fill-base-300" /></div> <div class="timeline-middle"><Circle class="fill-base-300" /></div>
<div class="timeline-end timeline-box bg-base-300 max-w-3xl"> <div class="timeline-end timeline-box bg-base-300 max-w-3xl shadow-lg">
<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>