2021-02-24 18:37:54 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>Start Page - HCL</title>
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
<link href="data:image/x-icon;base64,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" rel="icon" type="image/x-icon" />
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<style>
|
|
|
|
* {
|
|
|
|
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;
|
|
|
|
|
|
|
|
--fonts: 'IBMPlex Mono', sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
font-family: var(--fonts);
|
|
|
|
background-color: var(--nord0);
|
|
|
|
color: var(--nord4);
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
margin: 1em auto 1em auto;
|
|
|
|
width: 540px;
|
|
|
|
display: block;
|
|
|
|
box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
|
|
|
|
}
|
|
|
|
|
|
|
|
form {
|
|
|
|
margin: 1.5em auto 1em auto;
|
|
|
|
display:block;
|
|
|
|
width:400px;
|
|
|
|
|
|
|
|
}
|
|
|
|
input {
|
|
|
|
width: 100%;
|
|
|
|
padding: 0.5em;
|
|
|
|
border:none;
|
|
|
|
border-radius:0;
|
|
|
|
background-color: var(--nord1);
|
|
|
|
color: var(--nord4);
|
|
|
|
box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
|
|
|
|
}
|
|
|
|
|
|
|
|
#box {
|
|
|
|
height: 100vh;
|
|
|
|
width: 70vw;
|
|
|
|
margin: 0 auto 0 auto;
|
|
|
|
display: block;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#flex{
|
|
|
|
height:auto;
|
|
|
|
display:flex;
|
|
|
|
flex-flow:wrap;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
|
|
|
padding: 3em;
|
|
|
|
margin: 1.5% 3% 1.5% 3%;
|
|
|
|
height: 6.7em;
|
|
|
|
width: 5em;
|
|
|
|
overflow-y:scroll;
|
|
|
|
scrollbar-color: var(--nord4) var(--nord1);
|
|
|
|
scrollbar-width: thin;
|
|
|
|
box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
|
|
|
|
background-color: var(--nord1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.container>div{
|
|
|
|
margin-top:0;
|
|
|
|
margin-bottom:1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
a,
|
|
|
|
a:visited {
|
|
|
|
display:block;
|
|
|
|
color: var(--nord4);
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
|
|
|
padding-bottom: 8px;
|
|
|
|
font-weight: bold;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
sub{
|
|
|
|
font-weight:normal;
|
|
|
|
font-size:0.7em;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.epfl a:hover,
|
|
|
|
.epfl header {
|
|
|
|
color: var(--red);
|
|
|
|
}
|
|
|
|
|
|
|
|
.social a:hover,
|
|
|
|
.social header {
|
|
|
|
color: var(--purple);
|
|
|
|
}
|
|
|
|
|
|
|
|
.dev a:hover,
|
|
|
|
.dev header {
|
|
|
|
color: var(--yellow);
|
|
|
|
}
|
|
|
|
|
|
|
|
.other a:hover,
|
|
|
|
.other header {
|
|
|
|
color: var(--blue);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 620px) {
|
|
|
|
.container {
|
|
|
|
padding: 2em;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
2021-02-24 19:09:47 +01:00
|
|
|
|
|
|
|
#old {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
#showold:target #old {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
#showold:target #open {
|
|
|
|
display: none;
|
|
|
|
}
|
2021-02-24 18:37:54 +01:00
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="box">
|
|
|
|
<div>
|
|
|
|
<!--BIG GIF -->
|
2021-12-02 13:25:10 +01:00
|
|
|
<a href="https://helcel.net"><img src="data:image/gif;base64,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
|
2021-02-24 18:37:54 +01:00
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<form action="https://google.com/search" method="get">
|
|
|
|
<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>
|
2021-02-24 19:09:47 +01:00
|
|
|
<div class="container">
|
|
|
|
<div class="epfl">
|
|
|
|
<header>CS-470<sub>(ACA)</sub></header>
|
|
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=15017">Moodle</a>
|
2022-02-28 14:27:42 +01:00
|
|
|
<a href="https://moodlearchive.epfl.ch/2020-2021/course/view.php?id=15017">MoodleArchive</a>
|
2021-02-24 18:37:54 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="epfl">
|
2022-02-28 14:27:42 +01:00
|
|
|
<header>CS-476<sub>(RTES)</sub></header>
|
|
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=391">Moodle</a>
|
|
|
|
|
2021-02-24 18:37:54 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="epfl">
|
2022-02-28 14:27:42 +01:00
|
|
|
<header>ENG-466<sub>(DIS)</sub></header>
|
|
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=15472">Moodle</a>
|
|
|
|
|
2021-02-24 18:37:54 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="social">
|
|
|
|
<header>SOCIAL</header>
|
2021-11-30 13:29:36 +01:00
|
|
|
<a href="https://yt.helcel.net">YouTube</a>
|
2022-01-12 16:16:58 +01:00
|
|
|
<a href="https://flix.helcel.net">Flix</a>
|
2021-02-24 18:37:54 +01:00
|
|
|
<a href="https://www.reddit.com">Reddit</a>
|
2021-02-24 19:09:47 +01:00
|
|
|
<a href="https://www.twitch.tv">Twitch</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<div class="other">
|
|
|
|
<header>Other</header>
|
2022-01-12 16:16:58 +01:00
|
|
|
<a href="https://git.helcel.net">Git</a>
|
|
|
|
<a href="https://drone.helcel.net">Drone</a>
|
|
|
|
<a href="https://docker.helcel.net">Docker</a>
|
2021-02-24 18:37:54 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|