-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html
114 lines (101 loc) · 5.07 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="img/Coco/Logo.webp">
<title>The Best of Times</title>
<meta name="keywords" content="Fallout New Vegas, FNV, Fallout NV, Fallout, New Vegas, Fallout 4, FO4, Guide, Mod, Mods, Modding Guide, Bethesda, Stable, Performance, Fix, Help, DXVK, Fast, Easy, Tutorial, Mod Organizer, Nexus, Tale of Two Wastelands, TTW">
<meta name="description" content="The official installation guide for Tale of Two Wastelands and all essential mods.">
<meta http-equiv='content-language' content='en-us'>
<meta name="twitter:card" value="summary_large_image">
<meta property="og:site_name" content="ModdingLinked">
<meta property="og:title" content="The Best of Times">
<meta property="og:type" content="article">
<meta property="og:url" content="https://thebestoftimes.moddinglinked.com">
<meta property="og:image" content="https://thebestoftimes.moddinglinked.com/img/Others/Card.webp">
<meta property="og:description" content="The official installation guide for Tale of Two Wastelands and all essential mods.">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#202524">
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<meta http-equiv='clear-site-data' content='cache'>
<script src="javascript.js"></script>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/cards.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/guideColors.css">
<link rel="stylesheet" href="css/sidebar.css">
<link rel="stylesheet" href="css/images.css">
<link rel="stylesheet" href="css/frontPage.css">
</head>
<script>
window.addEventListener('load', setBackgroundByTime);
function setBackgroundByTime() {
const date = new Date();
const hour = date.getHours();
const headerTitle = document.getElementById('headerTitle');
const button = document.getElementById('sideButton');
var updateColor = 0;
// set the background image based on the current time
if (hour >= 0 && hour < 7) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/0.webp')";
} else if (hour >= 7 && hour < 9) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/7.webp')";
updateColor = 1;
} else if (hour >= 9 && hour < 12) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/9.webp')";
updateColor = 1;
} else if (hour >= 12 && hour < 17) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/12.webp')";
updateColor = 1;
} else if (hour >= 17 && hour < 20) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/17.webp')";
updateColor = 1;
} else if (hour >= 20 && hour < 23) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/20.webp')";
} else {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/23.webp')";
}
const headerLinks = document.getElementById('headerLinks');
// TODO
// Could probs just force a color theme change
if (updateColor) {
button.style.color = "rgba(0, 0, 0, 0.75)";
}
}
</script>
<body class="theme dark-scheme">
<div style="overflow:auto">
<div class="header">
<div class="headerTitle">
<img src="./img/Coco/Logo.webp" alt="Logo" id="logo">
<a href="./index.html" id="headerTitle">The Best of Times</a>
</div>
<div class="guideLinks" id="headerLinks">
<a href="https://vivanewvegas.moddinglinked.com" target="_blank" rel="nofollow">Fallout: New Vegas</a>
<a href="https://themidnightride.moddinglinked.com" target="_blank" rel="nofollow">Fallout 4</a>
</div>
</div>
</div>
<div id="backdrop" class="welcomeContent">
<div class="titleContainer">
<img src="img/Coco/Full.webp" alt="Background Image" class="backgroundImage">
<h1 id="title">Welcome to <br>The Best of Times!</h1>
</div>
<div class="buttonContainer">
<div class="buttonWrapper">
<a id="next" class="welcomeButton" href="./intro.html"><strong>Text Guide</strong></a>
<span class="buttonText">​</span>
</div>
<div class="buttonWrapper">
<a class="welcomeButtonYT disabledButton"><strong>Video Guide</strong></a>
<span class="buttonText">
Unavailable - Currently being updated
</span>
</div>
</div>
</div>
</body>
</html>