From fc61d7f2e6ff97120f098f08423c45398649afeb Mon Sep 17 00:00:00 2001 From: Joel Parker Henderson Date: Mon, 19 Aug 2024 14:46:44 +0100 Subject: [PATCH] Add nav --- index.html | 103 ++++++++++++++++++++++++++--------------------------- 1 file changed, 51 insertions(+), 52 deletions(-) diff --git a/index.html b/index.html index 56cc3c46..b7578034 100644 --- a/index.html +++ b/index.html @@ -47,13 +47,11 @@ } main { } - nav { - } .pure-menu-link { margin: 0.2em; - font-size: 4vw; - padding: 5px; - border: 1px solid black; + border: none; + background: white; + /*border: 1px solid black;*/ } .pure-menu-link i { margin-right: 0.25em; @@ -61,9 +59,11 @@ a.pure-menu-link:hover { color: black; text-shadow: 0 0; - } + }, .pure-u-box { - padding: 1em; + } + .center { + justify-content: center; } .splash { margin: 0; @@ -85,6 +85,22 @@ font-size: 5.0vw; text-shadow: 2px 2px 2px #000, -0.5px -0.5px 1px #000, -0.5px 0.5px 1px #000, 0.5px -0.5px 1px #000; } + nav { + margin-bottom: 2em; + } + .nav-box { + padding: 0em; + } + .nav-box-emoji { + font-size: 5vw; + } + .nav-box-label { + font-size: 1.5vw; + font-weight: bold; + } + .group-box { + padding: 1em; + } @@ -101,6 +117,17 @@

www.Aberystwyth.info

document.addEventListener('alpine:init', () => { Alpine.data('data', () => ({ + navBoxes: [ + {emoji: '🍅', label: 'Eat'}, + {emoji: '💧', label: 'Drink'}, + {emoji: '🛍', label: 'Shop'}, + {emoji: '🛎', label: 'Stay'}, + {emoji: '🏫', label: 'Indoors'}, + {emoji: '🏞', label: 'Outdoors'}, + {emoji: '🏢', label: 'Businesses'}, + {emoji: '🚕', label: 'Taxis', search: '🚕'}, + ], + shuffleArrayInPlace(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); @@ -155,48 +182,22 @@

www.Aberystwyth.info

-
-

Aberystwyth Directory

- - - - - -