-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
101 lines (89 loc) · 4.59 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
<!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 name="darkreader-lock">
<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();
// 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')";
} else if (hour >= 9 && hour < 12) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/9.webp')";
} else if (hour >= 12 && hour < 17) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/12.webp')";
} else if (hour >= 17 && hour < 20) {
document.body.style.backgroundImage = "url('./img/Others/Dynamic Backgrounds/17.webp')";
} 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')";
}
}
</script>
<body class="theme">
<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>