Will be awesome one day, I guarantee you
Signed-off-by: Cldprv <dubois.cnm@tutanota.com>
+35
-8
+5
-8
index.html
+5
-8
index.html
···
4
4
<meta charset="UTF-8">
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
<title>Hmmm Yup? I'm here!</title>
7
+
<link rel="stylesheet" href="styles.css">
7
8
</head>
8
9
<body>
9
10
<div id="content">
10
-
<h1>WIP</h1>
11
+
<h1>Bonjour le monde</h1>
11
12
<p>Hosted with love by <a href="https://www.tangled.org">tangled.org</a> I suppose?</p>
12
13
<p>Come back later, I'm busy!</p>
13
-
<button onclick="
14
-
document.getElementById('content').style.transform='rotate(0.5turn)';
15
-
document.getElementById('nepastoucher').style.display='none';
16
-
document.getElementById('prevention').style.display='block';
17
-
18
-
" id="nepastoucher">N'appuyez pas ici.</button>
19
-
<p style="display:none;color:red;" id="prevention">Vous êtiez prévenus.</p>
14
+
<button id="nepastoucher">N'appuyez pas ici.</button>
15
+
<p style="display:none;color:red;" id="prevention">Vous étiez prévenus.</p>
20
16
</div>
17
+
<script src="script.js"></script>
21
18
</body>
22
19
</html>
+22
script.js
+22
script.js
···
1
+
function applyEffect() {
2
+
document.getElementById('content').style.transform = 'rotate(0.5turn)';
3
+
document.getElementById('nepastoucher').style.display = 'none';
4
+
document.getElementById('prevention').style.display = 'block';
5
+
}
6
+
7
+
window.addEventListener('load', function() {
8
+
const storedTime = localStorage.getItem('nepastoucherTime');
9
+
if (storedTime) {
10
+
const elapsed = Date.now() - parseInt(storedTime);
11
+
if (elapsed < 10 * 60 * 1000) { // 10 minutes
12
+
applyEffect();
13
+
} else {
14
+
localStorage.removeItem('nepastoucherTime');
15
+
}
16
+
}
17
+
});
18
+
19
+
document.getElementById('nepastoucher').addEventListener('click', function() {
20
+
localStorage.setItem('nepastoucherTime', Date.now());
21
+
applyEffect();
22
+
});