feat: add Dockerfile and static html
Signed-off-by: Julien CLEMENT <julien.clement@epita.fr>
This commit is contained in:
commit
930747c9d7
7
Dockerfile
Normal file
7
Dockerfile
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
FROM nginx:1.21.4
|
||||||
|
|
||||||
|
LABEL maintainer="Julien CLEMENT <julien.clement@epita.fr>"
|
||||||
|
|
||||||
|
EXPOSE 80
|
||||||
|
|
||||||
|
COPY html /usr/share/nginx/html
|
||||||
123
html/assets/style.css
Normal file
123
html/assets/style.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
17
html/blog/article.html
Normal file
17
html/blog/article.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Juju</title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=0.6">
|
||||||
|
<link rel="stylesheet" href="../assets/style.css">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<article>
|
||||||
|
<h1>Article</h1>
|
||||||
|
<p>Test</p>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
17
html/blog/index.html
Normal file
17
html/blog/index.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Juju</title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=0.6">
|
||||||
|
<link rel="stylesheet" href="../assets/style.css">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Articles</h1>
|
||||||
|
<li>
|
||||||
|
<a href=article.html>article</a>
|
||||||
|
</li>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
BIN
html/favicon.ico
Normal file
BIN
html/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
53
html/index.html
Normal file
53
html/index.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<!--
|
||||||
|
Credits where it's due, https://landryl.fr who allowed me to use his css
|
||||||
|
-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Juju</title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=0.6">
|
||||||
|
<link rel="stylesheet" href="assets/style.css">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<img src="juju.jpg" alt="Photo of myself">
|
||||||
|
<h1>Juju</h1>
|
||||||
|
<ul class="socials">
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/Azomasiel/">
|
||||||
|
<i class="ri-github-line"></i>
|
||||||
|
<span class="sr-only">Github profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://git.juju.re/explore/repos">
|
||||||
|
<i class="ri-open-source-line"></i>
|
||||||
|
<span class="sr-only">Github profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.linkedin.com/in/julien-clement-0891ab199/">
|
||||||
|
<i class="ri-linkedin-box-line"></i>
|
||||||
|
<span class="sr-only">Linkedin profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.root-me.org/Azomasiel">
|
||||||
|
<i class="ri-skull-line"></i>
|
||||||
|
<span class="sr-only">Root-me profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://cryptohack.org/user/Azomasiel/">
|
||||||
|
<i class="ri-shield-keyhole-line"></i>
|
||||||
|
<span class="sr-only">Cryptohack profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</header>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
html/juju.jpg
Normal file
BIN
html/juju.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Loading…
Reference in New Issue
Block a user