The-Best-of-Times/index.html at main · ModdingLinked/The-Best-of-Times · 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
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
115
116
117
118
119
120
121
<!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/Head Logo.webp">

    <title>The Best of Times</title>

    <meta name="keywords" content="
    Mod, Modding, Mods, Guide, Mod Guide, Modding Guide, Resource, Resources,
    Stable, Stability, Performance, Fix, Fixes, FPS,
    Fast, Easy, Beginner,
    Nexus, Nexus Mods, NexusMods,
    Wabbajack, WJ, Installer,
    Mod Manager, Mod Organizer, MO2,
    Fallout, The Elder Scrolls, Bethesda, Bethesda Game Studios, BGS,
    Fallout New Vegas, Fallout NV, New Vegas, FNV,
    Fallout 4, FO4,
    Tale of Two Wastelands, TTW,
    Skyrim Special Edition, Skyrim SE, SSE">

    <meta name="description" content="The official installation guide for Tale of Two Wastelands.">
    <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.">

    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#202524">
    <meta name="darkreader-lock">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv='expires' content='0'>
    <meta http-equiv='pragma' content='no-cache'>
    <meta http-equiv='clear-site-data' content='cache'>

    <script src="submodule/shared/js/vramDiff.js"></script>
    <script src="submodule/shared/js/benchmarkCharts.js"></script>
    <script src="submodule/shared/js/download.js"></script>
    <script src="submodule/shared/js/expanders.js"></script>
    <script src="submodule/shared/js/fpsCalculator.js"></script>
    <script src="submodule/shared/js/highlight.js"></script>
    <script src="submodule/shared/js/imageGallery.js"></script>
    <script src="submodule/shared/js/imageSlider.js"></script>
    <script src="submodule/shared/js/imageViewer.js"></script>
    <script src="submodule/shared/js/javascript.js"></script>
    <script src="submodule/shared/js/perfguide.js"></script>
    <script src="submodule/shared/js/popup.js"></script>
    <script src="submodule/shared/js/recommendPreset.js"></script>
    <script src="submodule/shared/js/responsiveTitle.js"></script>
    <script src="submodule/shared/js/sidebar.js"></script>

    <link rel="stylesheet" href="main.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/Head 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>
                <a href="https://dragonbornsfate.moddinglinked.com" target="_blank" rel="nofollow">Skyrim SE</a>
            </div>
        </div>
    </div>

    <div id="backdrop" class="welcomeContent">
        <div class="titleContainer">
            <img src="img/Coco/Full 1.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">&#8203;</span>
            </div>
            <div class="buttonWrapper">
                <a class="welcomeButtonYT" href="https://youtu.be/Esxj5NeXIsY"><strong>Video Guide</strong></a>
                <span class="buttonText">&#8203;</span>
            </div>
        </div>
    </div>
</body>

</html>