221 lines
384 KiB
HTML
221 lines
384 KiB
HTML
|
<!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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="box">
|
||
|
|
<div>
|
||
|
|
<!--BIG GIF -->
|
||
|
|
<img src="data:image/gif;base64,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
|
||
|
|
</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>
|
||
|
|
<div class="container">
|
||
|
|
<div class="epfl">
|
||
|
|
<header>CS-438<sub>(DSE)</sub></header>
|
||
|
|
<a href="https://web.speakup.info/ng/room/5f5f1f90120b9b2192654db8">SpeakUp</a>
|
||
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=15483">Moodle</a>
|
||
|
|
<a href="https://epfl.zoom.us/j/96978098543?pwd=Sm5SVUtwNnhBS2lEbys2OW1KaTI1dz09">Zoom</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="epfl">
|
||
|
|
<header>CS-451<sub>(DA)</sub></header>
|
||
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=14333">Moodle</a>
|
||
|
|
<a href="https://epfl.zoom.us/s/96829531750">Zoom</a>
|
||
|
|
<a href="https://github.com/LPD-EPFL/CS451-2020-project">ProjectGit</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="epfl">
|
||
|
|
<header>COM-402<sub>(ISP)</sub></header>
|
||
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=15812">Moodle</a>
|
||
|
|
<a href="https://epfl.zoom.us/j/99468995505?pwd=b1pva0o1MFY2WUpucmgraUxETUVsUT09">Zoom</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="epfl">
|
||
|
|
<header>COM-407<sub>(TCP/IP)</sub></header>
|
||
|
|
<a href="https://web.speakup.info/ng/room/5f3ceb5feb1bce2211462882">SpeakUp</a>
|
||
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=523">Moodle</a>
|
||
|
|
<a href="https://epfl.zoom.us/j/97454900991">Zoom</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="epfl">
|
||
|
|
<header>CS-453<sub>(CA)</sub></header>
|
||
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=14334">Moodle</a>
|
||
|
|
<a href="https://epfl.zoom.us/s/91288249786">Zoom</a>
|
||
|
|
<a href="https://dcl.epfl.ch/site/education/ca_2020">Website</a>
|
||
|
|
<a href="https://github.com/LPD-EPFL/CS453-2020-project">ProjectGit</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="epfl">
|
||
|
|
<header>CS-473<sub>(ES)</sub></header>
|
||
|
|
<a href="https://moodle.epfl.ch/course/view.php?id=1231">Moodle</a>
|
||
|
|
<a href="https://epfl.zoom.us/j/91526725436">Zoom</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="social">
|
||
|
|
<header>SOCIAL</header>
|
||
|
|
<a href="https://www.youtube.com">YouTube</a>
|
||
|
|
<a href="https://www.reddit.com">Reddit</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|