Will be awesome one day, I guarantee you
hahahahahahhahahhahhahaha
+41
-13
+15
-3
index.html
+15
-3
index.html
···
11
11
<header>
12
12
<h1>WIP - Revenez plus tard?</h1>
13
13
<div>
14
-
<p>Version: 29.04.2026.1</p>
14
+
<p id="compteur">Version: 29.04.2026.1</p>
15
15
<p>Copyright: Cld</p>
16
16
</div>
17
17
</header>
18
18
<p>Hébergé par <a href="https://www.tangled.org">tangled.org</a></p>
19
-
<button id="nepastoucher">N'appuyez pas ici.</button>
20
-
<p style="display:none;color:red;" id="prevention">Vous étiez prévenu.</p>
19
+
<!--
20
+
<h2>De l'inutilité des concours de philosophie</h2>
21
+
<subscriptum><i><s>Essai</s> Texte distrayant</i></subscriptum>
22
+
-->
23
+
<h2>Ci-dessous un certain nombre de boutons <b style="background-color: rgb(132, 0, 0); color:white;">TOUS</b> fortement <b style="background-color: rgb(132, 0, 0); color:white;">déconseillés.</b></h2>
24
+
<div class="btns">
25
+
<button class="nepastoucher">On ne perd rien à essayer!</button>
26
+
<button class="nepastoucher">Par-ici!</button>
27
+
<button id="compteurplusun">APPUYEZ ICI</button>
28
+
<button id="achatautoclick">ICI C'EST MIEUX</button>
29
+
<button id="gameover" style="background-color: red;">Les boutons rouges c'est gameover.</button>
30
+
</div>
31
+
<p style="display:none;color:rgb(168, 0, 0); margin:15px;" id="prevention">Vous étiez prévenu;Pas de PITIÉ</p>
21
32
</div>
33
+
22
34
<script src="script.js"></script>
23
35
</body>
24
36
</html>
+26
-10
style.css
+26
-10
style.css
···
4
4
}
5
5
h1{
6
6
font-weight: 200;
7
-
letter-spacing: 4px;
8
7
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
8
+
}
9
+
h2 {
10
+
display: inline-block;
11
+
}
12
+
subscriptum {
13
+
display: inline;
9
14
}
10
15
header {
11
16
display: flex;
···
36
41
display: none;
37
42
color: red;
38
43
}
39
-
40
-
h1::after, h2::after {
41
-
content: '';
42
-
display: block;
43
-
height: 2px;
44
-
background-color: blue;
45
-
margin-top: 5px;
46
-
border-radius: 5px;
47
-
44
+
.btns {
45
+
margin: 0px -20px;
46
+
display:flex;
47
+
flex-wrap: wrap;
48
+
width: 100%;
49
+
}
50
+
.btns button {
51
+
display:inline;
52
+
margin:0;
53
+
padding: 10px 20px;
54
+
font-size: 1em;
55
+
cursor: pointer;
56
+
background-color: black;
57
+
color:white;
58
+
border-radius: none;
59
+
outline:none;
60
+
border:none;
61
+
}
62
+
button:hover {
63
+
background-color: #333;
48
64
}