From 4bff802740543f4124dd411b39e2fb185122d87a Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Thu, 11 Dec 2025 18:31:07 +0100 Subject: [PATCH 1/2] add a basic nav on top of page with links to Wiki, Forge and Matrix tools --- css/style.css | 14 ++++++++++++++ index.html | 8 ++++++++ 2 files changed, 22 insertions(+) diff --git a/css/style.css b/css/style.css index 3d2b9c0..e9471bf 100644 --- a/css/style.css +++ b/css/style.css @@ -24,6 +24,20 @@ h1, h2{ color:#ff0000; } +nav ul { + display: flex; + list-style: none; + padding: inherit; + margin: inherit; + justify-content: center; +} + +nav li a { + margin: 0.2em 0.5em; + line-height: 2em; + display: block; +} + header{ border-top: 20px solid #ff0000; } diff --git a/index.html b/index.html index 2a35dd8..a5744cb 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,14 @@ +

UNE INTRODUCTION AUX HACKERSPACES ET À LEURS ACTIVITÉS

From 594f50b98c2c8b231e8c9751ff2f07856aec0be6 Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Fri, 12 Dec 2025 20:28:47 +0100 Subject: [PATCH 2/2] hamburger menu --- css/style.css | 24 +++++++++++++++++++----- index.html | 18 +++++++++++------- 2 files changed, 30 insertions(+), 12 deletions(-) diff --git a/css/style.css b/css/style.css index e9471bf..1ba92b5 100644 --- a/css/style.css +++ b/css/style.css @@ -24,12 +24,24 @@ h1, h2{ color:#ff0000; } +nav { + text-align: center; +} + +summary { + cursor: pointer; + list-style: none; + background: #ff0000; + color: white; +} + nav ul { display: flex; list-style: none; padding: inherit; margin: inherit; justify-content: center; + border-bottom: solid 10px #ff0000; } nav li a { @@ -38,10 +50,6 @@ nav li a { display: block; } -header{ - border-top: 20px solid #ff0000; -} - footer{ border-bottom: 20px solid #ff0000; } @@ -74,4 +82,10 @@ hr {height: 40px; background: url('../images/separation.png') no-repeat 50% 50%; .page { margin: auto; max-width: 960px; -} \ No newline at end of file +} + +@media screen and (max-width: 700px) { + nav ul { + flex-direction: column; + } +} diff --git a/index.html b/index.html index a5744cb..d94b791 100644 --- a/index.html +++ b/index.html @@ -10,13 +10,17 @@ +
+ ☰ outils + +
+

UNE INTRODUCTION AUX HACKERSPACES ET À LEURS ACTIVITÉS