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">
<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">
                                                                                                                                                                                                                                                                                                                                                                                                           
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                                                                                                                                                                                                                                                                                                                                                                                                           

14
styles/elements/banners.css
View File

@@ -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 {

4
styles/elements/sections.css
View File

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