feat: pride month
This commit is contained in:
parent
2ae36fe3d3
commit
15da2d89f7
6 changed files with 57 additions and 0 deletions
17
css/base.css
17
css/base.css
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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 ><></header>
|
||||
<main>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
8
man.html
8
man.html
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue