Updated colors and content
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
soraefir
2023-05-27 12:03:50 +02:00
parent b48749f0a2
commit 64064a2ecb
3 changed files with 177 additions and 227 deletions

View File

@ -9,30 +9,31 @@
* {
margin: 0;
padding: 0;
--nord0: #2e3440;
--nord1: #3b4252;
--nord2: #434c5e;
--nord3: #4c566a;
--nord4: #d8dee9;
--nord5: #e5e9f0;
--nord6: #eceff4;
--nord7: #8fbcbb;
--nord8: #88c0d0;
--nord9: #81a1c1;
--blue: #5e81ac;
--red: #bf616a;
--orange: #d08770;
--yellow: #ebcb8b;
--green: #a3be8c;
--purple: #b48ead;
--color0: #030B12;
--color1: #0C1D2E;
--color2: #203A53;
--color3: #425F7C;
--color4: #93A9BE;
--color5: #B6C5D5;
--color6: #D6DFE8;
--color7: #F0F3F7;
--orange: #F5B97D;
--yellow: #F5F57D;
--green: #B9F57D;
--turquoise: #7DF5B9;
--blue: #7DB9F5;
--purple: #B97DF5;
--pink: #F57DB9;
--red: #F57D7D;
--fonts: 'IBMPlex Mono', sans-serif;
}
body {
font-family: var(--fonts);
background-color: var(--nord0);
color: var(--nord4);
background-color: var(--color0);
color: var(--color4);
}
img {
@ -53,8 +54,8 @@
padding: 0.5em;
border:none;
border-radius:0;
background-color: var(--nord1);
color: var(--nord4);
background-color: var(--color1);
color: var(--color4);
box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
}
@ -81,10 +82,10 @@
height: 6.7em;
width: 5em;
overflow-y:scroll;
scrollbar-color: var(--nord4) var(--nord1);
scrollbar-color: var(--color4) var(--color1);
scrollbar-width: thin;
box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
background-color: var(--nord1);
background-color: var(--color1);
}
.container>div{
@ -95,7 +96,7 @@
a,
a:visited {
display:block;
color: var(--nord4);
color: var(--color4);
text-decoration: none;
}
@ -159,15 +160,7 @@
<input class="input_box" type="text" name="q" autofocus placeholder="Search"/>
</form>
</div>
<div id="flex">
<div class="container">
<div class="epfl">
<header>EPFL</header>
<a href="https://isa.epfl.ch">ISA</a>
<a href="https://moodle.epfl.ch">Moodle</a>
</div>
</div>
<div id="flex">
<div class="container">
<div class="social">
<header>SOCIAL</header>
@ -178,11 +171,18 @@
</div>
</div>
<div class="container">
<div class="other">
<header>Other</header>
<div class="dev">
<header>Dev</header>
<a href="https://git.helcel.net">Git</a>
<a href="https://drone.helcel.net">Drone</a>
<a href="https://docker.helcel.net">Docker</a>
<a href="https://isa.epfl.ch">ISA</a>
</div>
</div>
<div class="container">
<div class="other">
<header>Other</header>
<a href="https://isa.epfl.ch">ISA</a>
</div>
</div>
</div>