1
0
Fork 0

feat: pride month

This commit is contained in:
Henri Saudubray 2025-06-01 17:49:11 +02:00
parent 2ae36fe3d3
commit 15da2d89f7
Signed by: hms
GPG key ID: 7065F57ED8856128
6 changed files with 57 additions and 0 deletions

View file

@ -14,6 +14,23 @@ html {
min-height: 100vh;
}
#pride-banner {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 20px;
}
.color.red { background-color: rgb(228, 3, 3); height: 16.66%; }
.color.orange { background-color: rgb(255, 140, 0); height: 16.66%; }
.color.yellow { background-color: rgb(255, 237, 0); height: 16.66%; }
.color.green { background-color: rgb(0, 128, 38); height: 16.66%; }
.color.blue { background-color: rgb(0, 76, 255); height: 16.66%; }
.color.purple { background-color: rgb(115, 41, 130); height: 16.66%; }
header { padding-top: 25px; }
::selection {
background-color: var(--fg-color);
color: var(--bg-color);

View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color purple"></div>
</div>
<header>THE FISH &gt;&lt;&gt;</header>
<main>
<div>

View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color purple"></div>
</div>
<header>HELLO THERE :)</header>
<main>
<div class="section">

View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color purple"></div>
</div>
<header>THE LINKS</header>
<main>
<ul>

View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color purple"></div>
</div>
<header>
<span>HENRI(1)</span>
<span>User information</span>

View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="pride-banner">
<div class="color red"></div>
<div class="color orange"></div>
<div class="color yellow"></div>
<div class="color green"></div>
<div class="color blue"></div>
<div class="color purple"></div>
</div>
<header>THE TILES</header>
<main>
<div>