hms/web
1
0
Fork 0
Code Activity Actions

feat: pride month

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

17
css/base.css
View file

@ -14,6 +14,23 @@ html {
min-height: 100vh; 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 { ::selection {
background-color: var(--fg-color); background-color: var(--fg-color);
color: var(--bg-color); color: var(--bg-color);

8
fish.html
View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <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> <header>THE FISH &gt;&lt;&gt;</header>
<main> <main>
<div> <div>

8
index.html
View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <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> <header>HELLO THERE :)</header>
<main> <main>
<div class="section"> <div class="section">

8
links.html
View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <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> <header>THE LINKS</header>
<main> <main>
<ul> <ul>

8
man.html
View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <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> <header>
<span>HENRI(1)</span> <span>HENRI(1)</span>
<span>User information</span> <span>User information</span>

8
tiles.html
View file

@ -9,6 +9,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <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> <header>THE TILES</header>
<main> <main>
<div> <div>