From c084f348d92401e52391d90fa7f17af68dff2169 Mon Sep 17 00:00:00 2001 From: Sean Morley Date: Thu, 17 Oct 2024 21:35:55 -0400 Subject: [PATCH] New login screen with featured images --- frontend/src/lib/index.ts | 8 +- frontend/src/lib/json/backgrounds.json | 24 ++++ frontend/src/routes/login/+page.svelte | 122 +++++++++++------- .../backgrounds/adventurelog_showcase_1.webp | Bin 0 -> 792924 bytes .../backgrounds/adventurelog_showcase_2.webp | Bin 0 -> 908482 bytes .../backgrounds/adventurelog_showcase_3.webp | Bin 0 -> 202178 bytes .../backgrounds/adventurelog_showcase_4.webp | Bin 0 -> 297970 bytes 7 files changed, 105 insertions(+), 49 deletions(-) create mode 100644 frontend/src/lib/json/backgrounds.json create mode 100644 frontend/static/backgrounds/adventurelog_showcase_1.webp create mode 100644 frontend/static/backgrounds/adventurelog_showcase_2.webp create mode 100644 frontend/static/backgrounds/adventurelog_showcase_3.webp create mode 100644 frontend/static/backgrounds/adventurelog_showcase_4.webp diff --git a/frontend/src/lib/index.ts b/frontend/src/lib/index.ts index ff6b9bb2..6e228d7a 100644 --- a/frontend/src/lib/index.ts +++ b/frontend/src/lib/index.ts @@ -1,4 +1,5 @@ import inspirationalQuotes from './json/quotes.json'; +import randomBackgrounds from './json/backgrounds.json'; import type { Adventure, Checklist, Collection, Note, Transportation, User } from './types'; export function getRandomQuote() { @@ -6,7 +7,7 @@ export function getRandomQuote() { const randomIndex = Math.floor(Math.random() * quotes.length); let quoteString = quotes[randomIndex].quote; let authorString = quotes[randomIndex].author; - return '"' + quoteString + '" - ' + authorString; + return { quote: quoteString, author: authorString }; } export function getFlag(size: number, country: string) { @@ -274,3 +275,8 @@ export function isAdventureVisited(adventure: Adventure) { }) ); } + +export function getRandomBackground() { + const randomIndex = Math.floor(Math.random() * randomBackgrounds.backgrounds.length); + return randomBackgrounds.backgrounds[randomIndex]; +} diff --git a/frontend/src/lib/json/backgrounds.json b/frontend/src/lib/json/backgrounds.json new file mode 100644 index 00000000..d1b60c53 --- /dev/null +++ b/frontend/src/lib/json/backgrounds.json @@ -0,0 +1,24 @@ +{ + "backgrounds": [ + { + "url": "backgrounds/adventurelog_showcase_1.webp", + "author": "Sean Morley", + "location": "Franconia Notch State Park, New Hampshire, USA" + }, + { + "url": "backgrounds/adventurelog_showcase_2.webp", + "author": "Sean Morley", + "location": "Tumbledown Mountain, Maine, USA" + }, + { + "url": "backgrounds/adventurelog_showcase_3.webp", + "author": "Sean Morley", + "location": "Philmont Scout Ranch, New Mexico, USA" + }, + { + "url": "backgrounds/adventurelog_showcase_4.webp", + "author": "Sean Morley", + "location": "Great Sand Dunes National Park, Colorado, USA" + } + ] +} diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte index e22c3922..276aa549 100644 --- a/frontend/src/routes/login/+page.svelte +++ b/frontend/src/routes/login/+page.svelte @@ -1,18 +1,21 @@