-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
69 lines (64 loc) · 3.96 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Days until Elden Ring release</title>
<link rel="shortcut icon" type="image/png" href="resources/fav.png" />
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/slider.css">
<link rel="stylesheet" href="styles/checkbox.css">
<link rel="stylesheet" href="styles/button.css">
<link rel="stylesheet" href="styles/select.css">
<link rel="stylesheet" href="styles/input.css">
<link rel="stylesheet" href="styles/radio.css">
</head>
<body style="background-color: black;">
<div id="app">
<canvas id="sparks" v-show="settings.sparksPlaying"></canvas>
<div class="content" :style="{ backgroundColor: `rgba(0,0,0,${1 - contentOpacity})` }">
<div class="center mainText" :style="textStyle">
<h1>
<span v-if="!secondsRemaining()" class="multiply-bg">{{
(countdown.days > 0) ? 'days until'
: (countdown.hours > 0) ? 'hours until'
: 'minutes until'
}}<br></span>
<picture v-if="!secondsRemaining() || distance() < 0" style="pointer-events: none;">
<!-- <source srcset="resources/logo.avif" type="image/avif"> -->
<img src="resources/dlc-logo.png" alt="logo">
</picture><br>
<span v-if="!secondsRemaining()" class="multiply-bg">release<br></span>
<span v-else-if="distance() < 0" class="multiply-bg" style="font-size: 100px"><br>has officially been released</span>
<div :key="countdownUpdate" class="multiply-bg countdownText">
<span class="nowrap" v-if="distance() >= 24 * 3600 * 1000">{{ formatValue(countdown.days, 'day') }}</span>
<span class="nowrap" v-if="distance() >= 3600 * 1000 && countdown.hours > 0">{{ formatValue(countdown.hours, 'hour') }}</span>
<span class="nowrap" v-if="distance() >= 60 * 1000 && countdown.minutes > 0">{{ formatValue(countdown.minutes, 'minute') }}</span>
<span class="nowrap" v-if="distance() >= 60 * 1000">{{ formatValue(countdown.seconds, 'second') }}</span>
<span class="nowrap" v-else-if="distance() >= 0 && distance() <= 60 * 1000" style="font-size: 70px">{{ countdown.seconds }}</span>
</div>
</h1>
</div>
<div class="multiply-bg toast" :style="toastStyle">
{{ toastMessage }}
</div>
</div>
<div class="hidden-bar" :style="{ display: hiddenBarVisible ? 'block' : 'none',
padding: settings.bigTaskbar ? '30px' : '15px', width: settings.bigTaskbar ? '96%' : '97%',
opacity: textStyle.opacity, filter: textStyle.filter, bottom: settings.topBar === 'true' ? '' : '0' }">
<button class="multiply-bg hidden-bar-separator">*</button>
<button class="multiply-bg hidden-bar-button" @click="settingsClick">settings</button>
<button class="multiply-bg hidden-bar-separator">*</button>
<button class="multiply-bg hidden-bar-button"
@click="iframeClick('https://www.youtube-nocookie.com/embed/a8k8R0Q2ubY')">trailer</button>
<button class="multiply-bg hidden-bar-separator">*</button>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js'
integrity='sha512-UXumZrZNiOwnTcZSHLOfcTs0aos2MzBWHXOHOuB0J/R44QB0dwY5JgfbvljXcklVf65Gc4El6RjZ+lnwd2az2g=='
crossorigin='anonymous'></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.9/vue.js'></script>
<script src="/script.js" type="module"></script>
</body>
</html>