Updated colors and content
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
68
index.html
68
index.html
@ -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>
|
||||
|
Reference in New Issue
Block a user