From 7484bd869797045994ba3cb90174552ad3a42f49 Mon Sep 17 00:00:00 2001
From: asus <asus@example.com>
Date: Wed, 20 Dec 2023 14:56:27 +0100
Subject: [PATCH] fixed banner selector and overflow hidden

---
 index.html                   |  4 ++--
 styles/elements/banners.css  | 14 +++++++-------
 styles/elements/sections.css |  4 ++++
 3 files changed, 13 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
index 97b2230..d47d056 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="fr" dir="ltr">
 	<head>
 		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 		<!-- create "fake" favicon : https://stackoverflow.com/questions/1321878/how-to-prevent-favicon-ico-requests -->
 		<link rel="icon" href="data:;base64,iVBORw0KGgo=">
 		<title>hugulumu.fr</title>
@@ -160,7 +160,7 @@
 </pre>
 			</div>
 			<div id="banner_1" class="banner" role="img" aria-label="banner delimitation in ASCII art">
-<pre class="banner" aria-hidden="true">
+<pre class="pre_banner" aria-hidden="true">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
diff --git a/styles/elements/banners.css b/styles/elements/banners.css
index c4c7275..9cb5450 100644
--- a/styles/elements/banners.css
+++ b/styles/elements/banners.css
@@ -1,5 +1,5 @@
 
-pre.banner {
+.pre_banner {
 	position: relative;
 	margin: 10px 0px 10px -100px;
 	animation-name: slide;
@@ -8,22 +8,22 @@ pre.banner {
 	animation-timing-function: linear;
 	animation-direction: normal;
 }
-pre.banner.pause {
+.pre_banner.pause {
 	animation-play-state: paused;
 }
-pre.banner.reverse {
+.pre_banner.reverse {
 	animation-direction: reverse;
 }
-pre.banner.t05 {
+.pre_banner.t05 {
 	animation-duration: 0.5s;
 }
-pre.banner.t10 {
+.pre_banner.t10 {
 	animation-duration: 1s;
 }
-pre.banner.t15 {
+.pre_banner.t15 {
 	animation-duration: 1.5s;
 }
-pre.banner.t20 {
+.pre_banner.t20 {
 	animation-duration: 2s;
 }
 @keyframes slide {
diff --git a/styles/elements/sections.css b/styles/elements/sections.css
index ec0f864..ea95c05 100644
--- a/styles/elements/sections.css
+++ b/styles/elements/sections.css
@@ -35,3 +35,7 @@ section header h1 {
 	justify-content: center;
 }
 
+section .banner {
+	overflow-x: hidden;
+}
+
