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

Add users first name to home page when logged in.

Browse source
This commit is contained in:
Sean Morley 2024-05-13 21:42:14 +00:00
parent 1ccf582b85
commit 01cd12d0e3
1 changed files with 24 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/routes/+page.svelte
View file

@ -7,6 +7,7 @@
import campingDrawing from "$lib/assets/camping.svg"; import campingDrawing from "$lib/assets/camping.svg";
import AdventureOverlook from "$lib/assets/AdventureOverlook.webp"; import AdventureOverlook from "$lib/assets/AdventureOverlook.webp";
import MapWithPins from "$lib/assets/MapWithPins.webp"; import MapWithPins from "$lib/assets/MapWithPins.webp";
import { onMount } from "svelte";
async function navToLog() { async function navToLog() {
goto("/log"); goto("/log");
@ -27,11 +28,29 @@
> >
<div class="flex flex-col justify-center space-y-4"> <div class="flex flex-col justify-center space-y-4">
<div class="space-y-2"> <div class="space-y-2">
{#if data.user}
{#if data.user.first_name && data.user.first_name !== null}
<h1
class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4"
>
{data.user.first_name.charAt(0).toUpperCase() +
data.user.first_name.slice(1)}, Discover the World's Most
Thrilling Adventures
</h1>
{:else}
<h1 <h1
class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4" class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4"
> >
Discover the World's Most Thrilling Adventures Discover the World's Most Thrilling Adventures
</h1> </h1>
{/if}
{:else}
<h1
class="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-4"
>
Discover the World's Most Thrilling Adventures
</h1>
{/if}
<p class="max-w-[600px] text-gray-500 md:text-xl dark:text-gray-400"> <p class="max-w-[600px] text-gray-500 md:text-xl dark:text-gray-400">
Discover and plan your next epic adventure with our cutting-edge Discover and plan your next epic adventure with our cutting-edge
travel app. Explore breathtaking destinations, create custom travel app. Explore breathtaking destinations, create custom