feat: add Dockerfile and static html

Signed-off-by: Julien CLEMENT <julien.clement@epita.fr>

html/assets/style.css

@@ -0,0 +1,123 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body, html {
+    height: 100%;
+}
+
+.sr-only {
+    position:absolute;
+    left:-10000px;
+    top:auto;
+    width:1px;
+    height:1px;
+    overflow:hidden;
+}
+
+::-moz-selection {
+  color: #000b13;
+  background: #c42337;
+}
+
+::selection {
+  color: #040404;
+  background: #d7d9ce;
+}
+
+body {
+    background-color: #040404;
+    color: #119da4;
+    font-family: monospace;
+    font-size: 1.0em;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+
+    max-width: 800px;
+    margin: auto;
+}
+
+header {
+    text-align: center;
+    font-size: 1.2em;
+}
+
+header h1 {
+    font-size: 4em;
+}
+
+header h2 {
+    font-size: 2em;
+}
+
+header img {
+    border-radius: 100%;
+    width: 220px;
+    margin: 10px;
+}
+
+header .socials {
+    margin-top: 5px;
+    list-style-type: none;
+    font-size: 1.4em;
+}
+
+header .socials li {
+    display: inline-block;
+}
+
+header .socials a {
+    color: inherit;
+    text-decoration: none;
+}
+
+header .socials a:hover {
+    color: #d7d9ce;
+}
+
+.articles {
+    margin-top: 50px;
+    font-size: 1.3em;
+}
+
+.articles h3 {
+    font-size: 1em;
+    font-weight: 800;
+    color: #f4b65c;
+}
+
+.articles ul {
+    list-style-type: none;
+}
+
+.articles li {
+    margin-top: 0.4em;
+    margin-bottom: 0.4em;
+}
+
+.articles a {
+    color: #7f8589;
+    text-decoration: none;
+}
+
+.articles a:hover {
+    color: #c42337;
+}
+
+article h1 {
+    color: #f4b65c;
+}
+
+article {
+    font-size: 1.3em;
+}
+
+article p {
+    padding-top: 3px;
+    padding-bottom: 3px;
+    text-align: justify;
+}