From 644671d1abc6aaa807efd7306fb3055d89b01ca0 Mon Sep 17 00:00:00 2001 From: Tobias Hilfiker Date: Thu, 22 Dec 2022 20:04:03 +0100 Subject: [PATCH] make nav responsive and fix styling --- Webauftritt/eportfolio/impressions.html | 6 +- Webauftritt/eportfolio/main.js | 4 ++ Webauftritt/eportfolio/partials/nav.hbs | 61 ++++++++++++++++++--- Webauftritt/eportfolio/public/close.svg | 1 + Webauftritt/eportfolio/public/menu.svg | 1 + Webauftritt/eportfolio/rules.html | 10 ++-- Webauftritt/eportfolio/spiritofcurling.html | 6 +- Webauftritt/eportfolio/tailwind.config.cjs | 4 +- 8 files changed, 75 insertions(+), 18 deletions(-) create mode 100644 Webauftritt/eportfolio/public/close.svg create mode 100644 Webauftritt/eportfolio/public/menu.svg diff --git a/Webauftritt/eportfolio/impressions.html b/Webauftritt/eportfolio/impressions.html index 47f472c..0e31145 100644 --- a/Webauftritt/eportfolio/impressions.html +++ b/Webauftritt/eportfolio/impressions.html @@ -1,8 +1,10 @@ - - Beispiele + + + + Curling E-Portfolio diff --git a/Webauftritt/eportfolio/main.js b/Webauftritt/eportfolio/main.js index 19c9d72..00b9849 100644 --- a/Webauftritt/eportfolio/main.js +++ b/Webauftritt/eportfolio/main.js @@ -1,2 +1,6 @@ import './style.scss'; +function Menu(e) { + let list = document.querySelector('ul'); + e.name === 'menu' ? (e.name = "close", list.classList.add('top-[80px]') , list.classList.add('opacity-100')) : (e.name = "menu" , list.classList.remove('top-[80px]'), list.classList.remove('opacity-100')) +} \ No newline at end of file diff --git a/Webauftritt/eportfolio/partials/nav.hbs b/Webauftritt/eportfolio/partials/nav.hbs index a68e116..f93596c 100644 --- a/Webauftritt/eportfolio/partials/nav.hbs +++ b/Webauftritt/eportfolio/partials/nav.hbs @@ -1,9 +1,56 @@ -