-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathupdate.html
99 lines (86 loc) · 2.43 KB
/
update.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>
<head>
<title>Update Available!</title>
<link rel="stylesheet" href="https://cdn.cache.lol/css/style.css?v=2023-01-29">
<style>
.logotype {
font-family: 'VC Honey Black Banner';
}
h1 {
font-size: 1.5em;
}
p {
margin-top: -1em;
}
body {
background: var(--gray-8) !important;
color: var(--gray-1) !important;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
background: var(--gray-9);
padding: 2em;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
width: 100%;
box-sizing: border-box;
}
.changelog h2 {
margin: 0 0 1em 0;
font-size: 1.5em;
}
.changelog p {
margin: 0;
margin-top: -1em;
margin-bottom: 2em;
}
.update-button {
display: block;
margin-top: 2em;
padding: 0.5em 1em;
font-size: 1em;
color: var(--gray-1);
background-color: var(--blue-7);
border: none;
border-radius: .75em;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.update-button i {
margin-right: 0.5em;
}
.update-button:hover {
background-color: var(--blue-6);
}
#version-content {
display: inline-flex;
}
</style>
</head>
<body>
<div class="container">
<div style="margin-bottom: 0.5em; font-size: 2em;" class="logotype">
<span class="blue-4-fg">status</span><span class="blue-7-fg">.</span><span class="blue-4-fg">lol Bookmarklet</span>
<img src="https://static.omg.lol/img/blue-prami.svg" style="width: 1.3em; margin-left: 0.2em; margin-bottom: -0.3em;" alt="Prami">
</div>
<br>
<p>v<span id="version-content"></span> of the status.lol bookmarklet extension is available. Please update to the latest version.</p>
<div class="changelog">
<h2><i class="fa-duotone fa-solid fa-sparkles" style="color: var(--yellow-3);"></i> What's New:</h2>
<p id="changelog-content"></p>
</div>
<button id="update-button" class="update-button">
<i class="fa-solid fa-heart"></i> Update Now
</button>
</div>
<script src="update.js"></script>
</body>
</html>