Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-04 12:45: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"
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52 gap-2"
>
<li>
<button on:click={() => goto("/log")}>My Log</button>
</li>
<li>
<button on:click={() => goto("/planner")}>Planner</button>
</li>
{#if user}
<li>
<button on:click={() => goto("/log")}>My Log</button>
</li>
<li>
<button on:click={() => goto("/planner")}>Planner</button>
</li>
{/if}
<li>
<button on:click={() => goto("/worldtravel")}>World Travel</button>
</li>
@ -118,16 +120,18 @@
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1 gap-2">
<li>
<button class="btn btn-neutral" on:click={() => goto("/log")}
>My Log</button
>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto("/planner")}
>Planner</button
>
</li>
{#if user}
<li>
<button class="btn btn-neutral" on:click={() => goto("/log")}
>My Log</button
>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto("/planner")}
>Planner</button
>
</li>
{/if}
<li>
<button class="btn btn-neutral" on:click={() => goto("/worldtravel")}
>World Travel</button

6
src/routes/+page.svelte
View file

@ -6,6 +6,8 @@
import { goto } from "$app/navigation";
import campingDrawing from "$lib/assets/camping.svg";
import { visitCount } from "$lib/utils/stores/visitCountStore";
import AdventureOverlook from "$lib/assets/AdventureOverlook.webp";
import MapWithPins from "$lib/assets/MapWithPins.webp";
async function navToLog() {
goto("/log");
@ -45,7 +47,7 @@
</div>
</div>
<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"
height="550"
alt="Hero"
@ -82,7 +84,7 @@
>
<!-- svelte-ignore a11y-img-redundant-alt -->
<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"
height="310"
alt="Image"