From fe29563024210d16d29855058b248118386c1f9d Mon Sep 17 00:00:00 2001 From: nzambello Date: Sat, 10 Jun 2023 12:24:16 +0200 Subject: [PATCH] feat: add header nav mobile, header styles, greetings with emoji --- src/components/Greeting.astro | 11 +- src/components/Header.astro | 175 +++++++++++++++++++++++++++++--- src/components/HeaderLink.astro | 24 +++-- src/components/IconsTech.astro | 6 +- src/styles/global.css | 100 +++++++++++------- 5 files changed, 254 insertions(+), 62 deletions(-) diff --git a/src/components/Greeting.astro b/src/components/Greeting.astro index 4e9c026..71d38b5 100644 --- a/src/components/Greeting.astro +++ b/src/components/Greeting.astro @@ -1,6 +1,11 @@ --- -const messages = ['Hi', 'Hello', 'Howdy', 'Hey there'] -const randomMessage = messages[Math.floor(Math.random() * messages.length)] +const messages = ['Hi', 'Hello', 'Hey', 'Welcome', 'Ciao']; +const emojis = ['ðŸŧ', '🧑‍ðŸ’ŧ', '👋', 'ðŸĪŠ', '😎']; +const randomMessage = messages[Math.floor(Math.random() * messages.length)]; +const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)]; --- -

{randomMessage}!

+

+ {randomMessage}! + {randomEmoji} +

diff --git a/src/components/Header.astro b/src/components/Header.astro index c60ab44..921e306 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,23 +1,33 @@ --- -import HeaderLink from './HeaderLink.astro' -import ThemeIcon from './ThemeIcon.astro' -import Logo from './Logo.astro' +import HeaderLink from './HeaderLink.astro'; +import ThemeIcon from './ThemeIcon.astro'; +import Logo from './Logo.astro'; ---