Browse Source

accessibility?

master
NotNite 1 month ago
parent
commit
2290001280
Signed by: j <[email protected]> GPG Key ID: 6FFA26EC114BF88D
2 changed files with 24 additions and 17 deletions
  1. +14
    -7
      css.css
  2. +10
    -10
      index.html

+ 14
- 7
css.css View File

@@ -1,22 +1,29 @@
@media (prefers-color-scheme: no-preference) {
.panel { background: #EEEEEE }
.red { color: #cb2027 }
.blue { color: #634FC4 }
}

@media (prefers-color-scheme: light) {
.panel { background: #EEEEEE}
.panel { background: #EEEEEE }
.red { color: #cb2027 }
.blue { color: #634FC4 }

} /* changes background to light if user prefers it */

@media (prefers-color-scheme: dark) {
.panel { background: #1d2021 }
.red { color: #E65B62 }
.blue { color: #8D7DD4 }
} /* changes background to dark if user prefers it */

/* colors! */
.red { color: #cb2027 }
.blue { color: #634fc4 }

/* parallax scrolling */
.one { background-image: linear-gradient(#cb2027, #634fc4); }
.two { background-image: linear-gradient(#020c95, #57417d); }
.three { background-image: linear-gradient(#228c4e, #6a00be); }

h1 { margin: 0; }
p { font-size: 3vw; }
/* padding */
html,body {
padding: 0%;
@@ -48,7 +55,7 @@ html,body {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 250%;
font-size: 2.5vh;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
}


+ 10
- 10
index.html View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<!-- start of head -->

@@ -57,15 +57,15 @@
<div class="row">
<div class="right panel">
<div class="blue text">
<p><img src="res/youtube.svg" alt="YouTube" class="icon"> <a href="https://youtube.com/notnite" class="link blue">notnite</a></p>
<p><img src="res/twitch.svg" alt="Twitch" class="icon"> <a href="https://twitch.tv/notnitehere" class="link blue">notnitehere</a></p>
<p><img src="res/twitter.svg" alt="Twitter" class="icon"> <a href="https://twitter.com/notnite" class="link blue">notnite</a></p>
<p><img src="res/patreon.svg" alt="Patreon" class="icon"> <a href="https://patreon.com/notnite" class="link blue">notnite</a></p>
<p><img src="res/discord.svg" alt="Discord" class="icon"> <a href="https://discord.gg/kyvzAMj" class="link blue">NotNite#0001</a></p>
<p><img src="res/instagram.svg" alt="Instagram" class="icon"> <a href="https://instagram.com/notniteofficial" class="link blue">notniteofficial</a></p>
<p><img src="res/patreon.svg" alt="Patreon" class="icon"> <a href="https://patreon.com/notnite" class="link blue">notnite</a></p>
<p><img src="res/mastodon.svg" alt="Mastodon" class="icon"> <a rel="me" href="https://cybre.space/@notnite" class="link blue">[email protected]</a></p>
<p><img src="res/gmail.svg" alt="Mail" class="icon"> <a href="mailto:[email protected]" class="link blue">hi (at) notnite (dot) com</a></p>
<h4><img src="res/youtube.svg" alt="YouTube" class="icon"> <a href="https://youtube.com/notnite" class="link blue">notnite</a></h4>
<h4><img src="res/twitch.svg" alt="Twitch" class="icon"> <a href="https://twitch.tv/notnitehere" class="link blue">notnitehere</a></h4>
<h4><img src="res/twitter.svg" alt="Twitter" class="icon"> <a href="https://twitter.com/notnite" class="link blue">notnite</a></h4>
<h4><img src="res/patreon.svg" alt="Patreon" class="icon"> <a href="https://patreon.com/notnite" class="link blue">notnite</a></h4>
<h4><img src="res/discord.svg" alt="Discord" class="icon"> <a href="https://discord.gg/kyvzAMj" class="link blue">NotNite#0001</a></h4>
<h4><img src="res/instagram.svg" alt="Instagram" class="icon"> <a href="https://instagram.com/notniteofficial" class="link blue">notniteofficial</a></h4>
<h4><img src="res/patreon.svg" alt="Patreon" class="icon"> <a href="https://patreon.com/notnite" class="link blue">notnite</a></h4>
<h4><img src="res/mastodon.svg" alt="Mastodon" class="icon"> <a rel="me" href="https://cybre.space/@notnite" class="link blue">[email protected]</a></h4>
<h4><img src="res/gmail.svg" alt="Mail" class="icon"> <a href="mailto:[email protected]" class="link blue">hi (at) notnite (dot) com</a></h4>
</div>
</div>
<div class="parallax one"></div>


Loading…
Cancel
Save