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;
|
||||
justify-content: space-between;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1lh;
|
||||
}
|
||||
header { margin-bottom: 1lh; }
|
||||
|
||||
.section { margin-bottom: 1lh; }
|
||||
|
||||
.content { padding-left: 8ch; }
|
||||
.description { padding-left: 4ch; }
|
||||
|
||||
|
||||
ul {
|
||||
list-style-type: '';
|
||||
padding-left: 0;
|
||||
|
|
@ -51,10 +49,3 @@ li { margin-bottom: 1lh; }
|
|||
font-weight: bold;
|
||||
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>
|
||||
<meta name="description" content="Etudiant en M1 MPRI">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="./js/man.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
|
|
@ -97,7 +96,9 @@
|
|||
>FGES - Université Catholique de Lille</a>
|
||||
- September 2020 to May 2023
|
||||
</div>
|
||||
<div class="description">Licence Sciences du Numérique (SDN)</div>
|
||||
<div class="description">
|
||||
Licence Sciences du Numérique (SDN)
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -137,12 +138,19 @@
|
|||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
<footer>
|
||||
<span>1.0.0</span>
|
||||
<span>2024-05-06 </span>
|
||||
<span>HENRI(1)</span>
|
||||
</footer>
|
||||
<mark id="message"></mark>
|
||||
</body>
|
||||
</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