-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
99 lines (91 loc) · 3.43 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
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<meta property="og:title" content="Satisgraphtory | Factory Building Graph Simulation" />
<meta property="og:site_name" content="satisgraphtory.com" />
<meta property="og:image" content="https://i.imgur.com/DPEmxE0.png" />
<meta property="og:description" content="Feature-rich factory optimization and calculation tool for Satisfactory game" />
<meta property="og:url " content="https://satisgraphtory.com" />
<title>Satisgraphtory | Factory Building Graph Simulation</title>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Kreon|Roboto+Mono" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js"
integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ"
crossorigin="anonymous"></script>
<style>
@keyframes slide {
100% {
background-position: 100% 100%;
}
}
.loader-spinner:empty {
position: absolute;
top: 50%;
height: 2em;
width: 100vw;
background-size: 200% 200%;
background-image: repeating-linear-gradient(
-45deg,
#FF9800,
#FF9800 1em,
#333 1em,
#333 2em
);
animation: slide 16s linear infinite;
}
.loader-spinner:empty + .align-loading {
display: flex;
}
.loader-spinner + .align-loading {
display: none;
}
.align-loading {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.align-loading-text {
margin-top: 10em;
max-width: 50%;
}
.dark-bg {
background-color: #555555;
}
.dark-text {
color: white;
}
</style>
<link rel="shortcut icon" href="favicon.ico"><link href="vendors.css" rel="stylesheet"><link href="main.css" rel="stylesheet"></head>
<body id='body'>
<div class="full-div loader-spinner" id="app"></div>
<div class="align-loading">
<div class="loading-text align-loading-text" id='loading-text'>
<script>
if (window.localStorage.getItem('nightMode') === 'dark') {
document.getElementById('body').classList.add('dark-bg');
document.getElementById('loading-text').classList.add('dark-text')
}
var loading = [
'Loading...',
'Burning Coal...',
'Deleting Steam Keys...',
'Exploiting Resources...',
'Petting Lizard Doggo...',
'Adding Pipes...',
'Adding Mana...',
'Spilling Coffee...',
'Becoming A Goat...',
'Charging Batteries...',
'Reticulating Splines...'
];
document.write(loading[Math.floor(Math.random() * loading.length)])
</script>
</div>
</div>
<script type="text/javascript" src="vendors.a2a868d34d28ee9afb93.js"></script><script type="text/javascript" src="main.f6cb1104cb6e009e012e.js"></script></body>
</html>