From 2fd55eb75b018c833c5c0ec9cc15093288c0476c Mon Sep 17 00:00:00 2001 From: Tom Daamen Date: Fri, 1 Nov 2024 09:30:09 +0100 Subject: [PATCH] ++ Added Nav nearly everywhere. --- v2/Flags/style.css | 40 +++++++++++++++++++++++- v2/fragen/Password/OmisRezept/index.html | 11 +++++-- v2/fragen/Password/index.html | 8 +++++ v2/fragen/Password/style.css | 37 +++++++++++++++++++++- v2/fragen/css/style.css | 36 +++++++++++++++++++++ v2/fragen/falsch.html | 12 ++++--- v2/fragen/frage1.html | 9 +++++- v2/fragen/frage10.html | 8 +++++ v2/fragen/frage2.html | 8 +++++ v2/fragen/frage3.html | 8 +++++ v2/fragen/frage4.html | 8 +++++ v2/fragen/frage5.html | 8 +++++ v2/fragen/frage6.html | 8 +++++ v2/fragen/frage7.html | 8 +++++ v2/fragen/frage8.html | 8 +++++ v2/fragen/frage9.html | 8 +++++ v2/fragen/style.css | 36 +++++++++++++++++++++ 17 files changed, 252 insertions(+), 9 deletions(-) diff --git a/v2/Flags/style.css b/v2/Flags/style.css index dbaae19..51d07eb 100644 --- a/v2/Flags/style.css +++ b/v2/Flags/style.css @@ -88,4 +88,42 @@ p { #restart-btn:hover { background-color: #00d312; transform: scale(1.05); -} \ No newline at end of file +} + +/* TODO: Revamp to allow for non centered stuff LOL */ + +nav { + background-color: #34495e; + overflow: hidden; + z-index: 2; +} + +nav ul { + display: flex; + justify-content: center; + list-style-type: none; + margin: 0; + padding: 0; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: #ecf0f1; + display: block; + font-size: 1rem; + padding: 14px 16px; + text-align: center; + text-decoration: none; + transition: transform 0.2s, background-color 0.3s, color 0.3s; +} + +nav ul li a:hover { + background-color: #2c3e50; + border-radius: 4px; + color: #ffffff; + transform: scale(1.1); + z-index: 2; +} diff --git a/v2/fragen/Password/OmisRezept/index.html b/v2/fragen/Password/OmisRezept/index.html index b5bfd8a..594c452 100644 --- a/v2/fragen/Password/OmisRezept/index.html +++ b/v2/fragen/Password/OmisRezept/index.html @@ -1,7 +1,6 @@ - Omas Apfelkuchen rezept @@ -38,6 +37,14 @@ +
+ +

Die Idee

+

Omas Apfelkuchen!

Omis Kuchen @@ -49,7 +56,7 @@

Omas Apfelkuchen!

title="YouTube video player" width="560" > -

Zutaten:

+

Zutaten: