-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchangelog.html
161 lines (137 loc) · 5.05 KB
/
changelog.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body,
html {
padding: 0;
margin: 0;
font-family: SFPro, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
@font-face {
font-family: SFPro;
src: url(resc/SF-Pro.ttf);
}
.changelog {
position: absolute;
top: 0;
left: 0;
margin: 0 !important;
width: 100%;
height: 100%;
overflow-y: scroll;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
display: flex;
flex-direction: column;
/* text-align: right; */
}
.changelog.darkModeOn {
color: white !important;
}
.changelog>p {
margin: 0;
padding: 0;
font-size: 13px;
}
.changelog p:first-of-type {
margin-bottom: 20px;
}
.changelog ul {
margin: 0;
margin-left: 20px !important;
padding: 0;
margin-bottom: 10px;
}
.li-head {
font-weight: 600;
font-size: 12px;
list-style-type: none;
margin-left: -15px !important;
margin-bottom: 2px;
}
.li-bullet {
font-size: 12px;
margin-left: 0px !important;
}
.li-sub {
font-size: 12px;
margin-left: 10px !important;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="changelog">
<!-- Heading: -->
<!-- - Bulleted item -->
<!-- -- Bulleted sub-item -->
New:
- You can now select a 'user image' to be displayed throughout the UI
-- Appears on timedate button & in new About Me card
-- Change from control panel
- User information page in control panel; change your user image or name
- The weatherCard will now display the user's city, if available
- Music Launcher Card
-- Launch a music app of your choice with a fun parallax card
-- Change music app choice from context menu
- Nametag Card
-- Display your user image and name in a 3D nametag
- (Experimental) Your Photos
-- Upload and rotate through images of your choosing
-- Buggy, this card is still in development
Changes:
- Card deck:
-- Cards can now have multiple categories; will appear in both when sorted
-- Refined deck-view cards
- assistantCard
-- Will now open the respective target (unavailable for Siri) when clicked
-- Finalized Gemini animation
</div>
<script>
$(document).ready(function () {
$(".changelog").each(function () {
var lines = $(this).text().split("\n");
$(this).empty();
var currentList = null;
for (var i = 0; i < lines.length; i++) {
var line = lines[i];
var isList = line.endsWith(":");
var isListItem = line.startsWith(" - ") && currentList;
var isListSubItem = line.startsWith(" -- ") && currentList;
if (isList) {
currentList = $("<ul>").appendTo(this);
currentList.append("<li class='li-head'>" + line.substring(0, line.length - 1) + "</li>");
} else if (isListItem) {
currentList.append("<li class='li-bullet'>" + line.substring(10) + "</li>");
} else if (isListSubItem) {
currentList.append("<li class='li-bullet li-sub'>" + line.substring(11) + "</li>");
} else {
var newParagraph = $("<p>" + line + "</p>");
if (newParagraph.text().trim() !== "") {
$(this).append(newParagraph);
}
currentList = null;
}
}
});
if (localStorage.getItem('theme') == 'light') {
$('.changelog').removeClass('darkModeOn');
} else if (localStorage.getItem('theme') == 'dark') {
$('.changelog').addClass('darkModeOn');
} else if (localStorage.getItem('theme') == 'auto') {
$('.changelog').removeClass('darkModeOn');
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
$('.changelog').addClass('darkModeOn');
} else {
$('.changelog').removeClass('darkModeOn');
}
} else {
$('.changelog').removeClass('darkModeOn');
}
});
</script>
</body>
</html>