Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-05 05:05:17 +02:00
Code Issues Releases Activity

Merge pull request #56 from seanmorley15/development

Browse source 
WEBP Image support
This commit is contained in:
Sean Morley 2024-05-05 16:01:49 -04:00 • committed by GitHub
commit 7f6b5d9abd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 24 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/lib/assets/AdventureOverlook.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 MiB

BIN
src/lib/assets/MapWithPins.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 288 KiB

36
src/lib/components/Navbar.svelte
View file

@ -91,12 +91,14 @@
tabindex="0" tabindex="0"
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52 gap-2" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52 gap-2"
> >
<li> {#if user}
<button on:click={() => goto("/log")}>My Log</button> <li>
</li> <button on:click={() => goto("/log")}>My Log</button>
<li> </li>
<button on:click={() => goto("/planner")}>Planner</button> <li>
</li> <button on:click={() => goto("/planner")}>Planner</button>
</li>
{/if}
<li> <li>
<button on:click={() => goto("/worldtravel")}>World Travel</button> <button on:click={() => goto("/worldtravel")}>World Travel</button>
</li> </li>
@ -118,16 +120,18 @@
</div> </div>
<div class="navbar-center hidden lg:flex"> <div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1 gap-2"> <ul class="menu menu-horizontal px-1 gap-2">
<li> {#if user}
<button class="btn btn-neutral" on:click={() => goto("/log")} <li>
>My Log</button <button class="btn btn-neutral" on:click={() => goto("/log")}
> >My Log</button
</li> >
<li> </li>
<button class="btn btn-neutral" on:click={() => goto("/planner")} <li>
>Planner</button <button class="btn btn-neutral" on:click={() => goto("/planner")}
> >Planner</button
</li> >
</li>
{/if}
<li> <li>
<button class="btn btn-neutral" on:click={() => goto("/worldtravel")} <button class="btn btn-neutral" on:click={() => goto("/worldtravel")}
>World Travel</button >World Travel</button

6
src/routes/+page.svelte
View file

@ -6,6 +6,8 @@
import { goto } from "$app/navigation"; import { goto } from "$app/navigation";
import campingDrawing from "$lib/assets/camping.svg"; import campingDrawing from "$lib/assets/camping.svg";
import { visitCount } from "$lib/utils/stores/visitCountStore"; import { visitCount } from "$lib/utils/stores/visitCountStore";
import AdventureOverlook from "$lib/assets/AdventureOverlook.webp";
import MapWithPins from "$lib/assets/MapWithPins.webp";
async function navToLog() { async function navToLog() {
goto("/log"); goto("/log");
@ -45,7 +47,7 @@
</div> </div>
</div> </div>
<img <img
src="https://images.unsplash.com/photo-1463693396721-8ca0cfa2b3b5?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" src={AdventureOverlook}
width="550" width="550"
height="550" height="550"
alt="Hero" alt="Hero"
@ -82,7 +84,7 @@
> >
<!-- svelte-ignore a11y-img-redundant-alt --> <!-- svelte-ignore a11y-img-redundant-alt -->
<img <img
src="https://images.unsplash.com/photo-1516738901171-8eb4fc13bd20?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" src={MapWithPins}
width="550" width="550"
height="310" height="310"
alt="Image" alt="Image"