-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvccAdd.html
102 lines (94 loc) · 2.83 KB
/
vccAdd.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="readme_images/PhotoFrameIcon.png" type="image/x-icon"/>
<title>Photo Frame Manager VCC Add</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
<style>
:root {
--background: oklch(0.95 0.025 350);
--text: oklch(0.15 0.035 350);
--gradient001: oklch(0.9 0.06 350);
--gradient002: oklch(0.84 0.1 350);
--button: oklch(0.79 0.14 350);
--button-hover: oklch(0.72 0.17 350);
}
@media (prefers-color-scheme: dark) {
:root {
--background: oklch(0.15 0.035 350 / 1);
--text: oklch(0.95 0.02 350);
--gradient001: oklch(0.27 0.07 350);
--gradient002: oklch(0.35 0.09 350);
--button: oklch(0.39 0.14 350);
--button-hover: oklch(0.46 0.17 350);
}
}
* {
font-family: 'Roboto', sans-serif;
color: var(--text);
}
html {
height: 100%;
display: flex;
}
body {
background: var(--background);
flex-grow: 1;
display: grid;
justify-content: center;
align-items: center;
}
a {
text-decoration: none;
}
.main-box {
background: linear-gradient(135deg, var(--gradient001) 25%, var(--gradient002));
border-radius: 5px;
}
.main-box-header {
margin: 50px;
}
.codec-logo {
height: 0.8em;
padding-inline: 2px;
fill: var(--text);
}
.action-button {
background: var(--button);
padding: 15px;
border-radius: 0 0 5px 5px;
display: block;
text-align: center;
font-weight: bold;
}
.action-button:hover {
background: var(--button-hover);
}
</style>
<script>
const installUrl = 'vcc://vpm/addRepo?url=' + encodeURIComponent('https://codec-xyz.github.io/photo_frame_manager/index.json');
document.addEventListener('DOMContentLoaded', () => {
document.getElementById('add-again-link').href = installUrl;
setTimeout(() => window.location.href = installUrl, 5);
});
</script>
</head>
<body>
<div class="main-box">
<div class="main-box-header">
<div style="text-align: right;">Adding... should launch <a href="https://vcc.docs.vrchat.com/"><b>VCC</b></a></div>
<div style="font-weight: bold; font-size: 2em;"><a href="https://github.com/codec-xyz/photo_frame_manager">Photo Frame Manager</a></div>
<div><a href="https://github.com/codec-xyz/">by
<svg class="codec-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 4" role="img" aria-label="codec logo">
<path d="M0 4h2v-2h-2z M3 4h2v-2h-2z M6 4h2v-4h-1v2h-1z M9 4h2v-2h-2z M12 4h2v-2h-2z"></path>
</svg>
</a></div>
</div>
<a class="action-button" id="add-again-link">Try adding again</a>
</div>
</body>
</html>