-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
88 lines (88 loc) · 2.95 KB
/
index.html
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Famous Last Words</title>
<meta
name="description"
content="We, as engineers, designers, etc. hear a lot of madness in technology startups. We voiceless see the reaper coming before management does. We know when a project is doomed to fail. This is a recollection of things people famously say mere moments before the end. It is our utmost duty to document these for the next generations…"
/>
<link rel="icon" href="/favicon.png?1" />
<link rel="manifest" href="/manifest.json?1" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap"
rel="stylesheet"
/>
<style>
body {
background: #000;
font-family: "Roboto Slab", Verdana, Geneva, Tahoma, sans-serif;
letter-spacing: 0.1em;
}
h1 {
text-align: center;
color: rgb(253, 253, 126);
padding-top: 30vh;
font-size: 6vw;
text-shadow: rgba(128, 128, 255, 0.3) 0px 54px 55px,
rgba(128, 128, 255, 1) 0px -12px 30px,
rgba(128, 128, 0, 0.2) 0px 4px 6px,
rgba(128, 255, 255, 0.3) 0px 12px 13px,
rgba(128, 128, 0, 0.1) 0px -3px 5px;
cursor: pointer;
}
footer a {
position: absolute;
right: 0.5em;
bottom: 0.5em;
color: gray;
text-decoration: none;
}
footer a:hover {
color: white;
}
</style>
<script>
window.module = {}; // dirty // pio vromiko apo kantina stin palaia ethniki odo athinon lamias
</script>
<script src="/dist/famous-last-words.js?1"></script>
<script>
window.famousLastWordsQuotes = window.module.exports;
</script>
</head>
<body>
<h1>Loading...</h1>
<footer>
<a
href="https://github.com/cherouvim/famous-last-words.com/"
rel="nofollow external noopener noreferrer"
target="_blank"
>GitHub</a
>
</footer>
<script>
const randomizedFamousLastWordsQuotes = famousLastWordsQuotes.sort(
function () {
return Math.random() - 0.5;
}
);
const h1 = window.document.querySelector("h1");
let nextRandomLastWordsQuoteIndex = 0;
window.renderNextRandomLastWordsQuote = function () {
h1.innerHTML = famousLastWordsQuotes[nextRandomLastWordsQuoteIndex];
nextRandomLastWordsQuoteIndex++;
if (
nextRandomLastWordsQuoteIndex >=
randomizedFamousLastWordsQuotes.length
) {
nextRandomLastWordsQuoteIndex = 0;
}
};
window.document.onclick = renderNextRandomLastWordsQuote;
window.renderNextRandomLastWordsQuote();
</script>
</body>
</html>