SansCMS-FR/maintenance.html at master · starckio/SansCMS-FR · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8">
	<title>Maintenance...</title>
	<style>
		/* Font
		-------------------------------------------------- */
		@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,700);

		/* Reset & General
		-------------------------------------------------- */* {
			margin: 0;
			padding: 0;
			border: none;
			outline: none;
			font: inherit;
			color: inherit;
			line-height: inherit;
			vertical-align: baseline;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		html, body {
			min-height: 100%;
		}

		/* Body
		-------------------------------------------------- */
		body {
			margin: 10%;
			font: italic 400 20px/34px "Crimson Text", Georgia, Cambria, "Times New Roman", Times serif;
			letter-spacing: 0.15px;
			text-align: center;
			color: #333;
			background: #fff;
		}
		#timer {
			color: #bbb;
		}
	</style>
</head>
<body>
	<p>Je mets à jour mon site web en ce moment, mais il devrait être de retour dans une minute ou deux.</p>
	<p id="timer">— Actualisation automatique dans <span>60</span>s —</p>

	<script>

		var timer = document.getElementById("timer").getElementsByTagName('span')[0];

		setInterval(function() {

			var count = timer.innerHTML;

			if (timer.innerHTML <= 0) {
				location.reload();
			} else {
				timer.innerHTML = parseInt(count) - 1;
			}

		}, 1000);

	</script>

</body>
</html>