feat: webring de la tortue
This commit is contained in:
parent
fa48323386
commit
92b6b6fea9
3 changed files with 12 additions and 28 deletions
|
|
@ -30,15 +30,13 @@ header, footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 1lh;
|
|
||||||
}
|
}
|
||||||
|
header { margin-bottom: 1lh; }
|
||||||
|
|
||||||
.section { margin-bottom: 1lh; }
|
.section { margin-bottom: 1lh; }
|
||||||
|
|
||||||
.content { padding-left: 8ch; }
|
.content { padding-left: 8ch; }
|
||||||
.description { padding-left: 4ch; }
|
.description { padding-left: 4ch; }
|
||||||
|
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: '';
|
list-style-type: '';
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
@ -51,10 +49,3 @@ li { margin-bottom: 1lh; }
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
#message {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
background: var(--fg-color);
|
|
||||||
color: var(--bg-color);
|
|
||||||
}
|
|
||||||
|
|
|
||||||
14
index.html
14
index.html
|
|
@ -6,7 +6,6 @@
|
||||||
<title>Henri Saudubray</title>
|
<title>Henri Saudubray</title>
|
||||||
<meta name="description" content="Etudiant en M1 MPRI">
|
<meta name="description" content="Etudiant en M1 MPRI">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<script src="./js/man.js"></script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
|
|
@ -97,7 +96,9 @@
|
||||||
>FGES - Université Catholique de Lille</a>
|
>FGES - Université Catholique de Lille</a>
|
||||||
- September 2020 to May 2023
|
- September 2020 to May 2023
|
||||||
</div>
|
</div>
|
||||||
<div class="description">Licence Sciences du Numérique (SDN)</div>
|
<div class="description">
|
||||||
|
Licence Sciences du Numérique (SDN)
|
||||||
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -137,12 +138,19 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="section" id="webring">
|
||||||
|
<div class="section-title">Webring</div>
|
||||||
|
<div class="content" id="webring-content">
|
||||||
|
<span><a href="https://debauss.art">←</a></span>
|
||||||
|
<span>Webring de la tortue 🐢</span>
|
||||||
|
<span><a href="https://valeran-maytie.fr">→</a></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<span>1.0.0</span>
|
<span>1.0.0</span>
|
||||||
<span>2024-05-06 </span>
|
<span>2024-05-06 </span>
|
||||||
<span>HENRI(1)</span>
|
<span>HENRI(1)</span>
|
||||||
</footer>
|
</footer>
|
||||||
<mark id="message"></mark>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
15
js/man.js
15
js/man.js
|
|
@ -1,15 +0,0 @@
|
||||||
window.onload = () => {
|
|
||||||
const msg = document.querySelector("#message");
|
|
||||||
msg.innerHTML = "Manual page henri(1)";
|
|
||||||
document.onkeydown = (e) => {
|
|
||||||
e = e || window.event;
|
|
||||||
switch (e.keyCode) {
|
|
||||||
case 74:
|
|
||||||
window.scrollBy(0, msg.clientHeight); break;
|
|
||||||
case 75:
|
|
||||||
window.scrollBy(0, -msg.clientHeight); break;
|
|
||||||
default: break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue