perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed banner selector and overflow hidden

Browse Source
This commit is contained in:
asus
2023-12-20 14:56:27 +01:00
parent 62d7b45822
commit 7484bd8697
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -2,7 +2,7 @@
<html lang="fr" dir="ltr"> <html lang="fr" dir="ltr">
<head> <head>
<meta charset="UTF-8"> <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 --> <!-- create "fake" favicon : https://stackoverflow.com/questions/1321878/how-to-prevent-favicon-ico-requests -->
<link rel="icon" href="data:;base64,iVBORw0KGgo="> <link rel="icon" href="data:;base64,iVBORw0KGgo=">
<title>hugulumu.fr</title> <title>hugulumu.fr</title>
@@ -160,7 +160,7 @@
</pre> </pre>
</div> </div>
<div id="banner_1" class="banner" role="img" aria-label="banner delimitation in ASCII art"> <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">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

14
styles/elements/banners.css
View File

@@ -1,5 +1,5 @@
pre.banner { .pre_banner {
position: relative; position: relative;
margin: 10px 0px 10px -100px; margin: 10px 0px 10px -100px;
animation-name: slide; animation-name: slide;
@@ -8,22 +8,22 @@ pre.banner {
animation-timing-function: linear; animation-timing-function: linear;
animation-direction: normal; animation-direction: normal;
} }
pre.banner.pause { .pre_banner.pause {
animation-play-state: paused; animation-play-state: paused;
} }
pre.banner.reverse { .pre_banner.reverse {
animation-direction: reverse; animation-direction: reverse;
} }
pre.banner.t05 { .pre_banner.t05 {
animation-duration: 0.5s; animation-duration: 0.5s;
} }
pre.banner.t10 { .pre_banner.t10 {
animation-duration: 1s; animation-duration: 1s;
} }
pre.banner.t15 { .pre_banner.t15 {
animation-duration: 1.5s; animation-duration: 1.5s;
} }
pre.banner.t20 { .pre_banner.t20 {
animation-duration: 2s; animation-duration: 2s;
} }
@keyframes slide { @keyframes slide {

4
styles/elements/sections.css
View File

@@ -35,3 +35,7 @@ section header h1 {
justify-content: center; justify-content: center;
} }
section .banner {
overflow-x: hidden;
}