Will be awesome one day, I guarantee you
y
+39
-4
+9
-4
index.html
+9
-4
index.html
···
8
8
</head>
9
9
<body>
10
10
<div id="content">
11
-
<h1>Bonjour le monde</h1>
12
-
<p>Hosted with love by <a href="https://www.tangled.org">tangled.org</a> I suppose?</p>
13
-
<p>Come back later, I'm busy!</p>
11
+
<header>
12
+
<h1>WIP - Revenez plus tard?</h1>
13
+
<div>
14
+
<p>Version: 29.04.2026.1</p>
15
+
<p>Copyright: Cld</p>
16
+
</div>
17
+
</header>
18
+
<p>Hébergé par <a href="https://www.tangled.org">tangled.org</a></p>
14
19
<button id="nepastoucher">N'appuyez pas ici.</button>
15
-
<p style="display:none;color:red;" id="prevention">Vous étiez prévenus.</p>
20
+
<p style="display:none;color:red;" id="prevention">Vous étiez prévenu.</p>
16
21
</div>
17
22
<script src="script.js"></script>
18
23
</body>
+30
style.css
+30
style.css
···
1
+
body {
2
+
font-family: monospace;
3
+
margin: 0px 20px 20px 20px
4
+
}
5
+
h1{
6
+
font-weight: 200;
7
+
letter-spacing: 4px;
8
+
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
9
+
}
10
+
header {
11
+
display: flex;
12
+
justify-content: space-between;
13
+
align-items: center;
14
+
}
15
+
header div {
16
+
display: flex;
17
+
flex-direction: column;
18
+
}
19
+
header p {
20
+
margin: 2px;
21
+
}
22
+
@media (max-width: 600px) {
23
+
header {
24
+
flex-direction: column;
25
+
align-items: flex-start;
26
+
}
27
+
h1 {
28
+
font-size: 1.2em;
29
+
}
30
+
}
1
31
#content {
2
32
transition: transform;
3
33
}