-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_subpage.html
115 lines (113 loc) · 3.61 KB
/
_subpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="img/icon/logo-small-64.png" type="image/x-icon" />
<title>Kosumi Go | Page Title</title>
<style>
@import url("fonts.googleapis.com/css2?family=Flow+Rounded:wght@400&family=Lato:wght@300;400;700;900&family=Montserrat:wght@400;500;700;800;900&family=Consolas:wght@400;500;700&family=Roboto:wght@400;500;700&family=Noto+Sans:wght@400;700&display=swap");
:root {
--bg: #141414;
--secondary-bg: #ffffff;
--secondary-accent: #e2e2e2;
--secondary-accent-transparent: #e2e2e2aa;
--accent1: #eba419;
--accent2: #bc6b2c;
--text-primary: #ffffff;
--text-secondary: #ffaf38cc;
--on-secondary-bg: #141414;
--on-secondary-bg-alt: #14141466;
--lower-accent: #b2a481;
--sidebar-accent: #6d6142;
--shimmer-bg: #b2a481aa;
--shimmer-alt: #b2a481;
--shimmerbg-bg: #b2a48160;
--shimmerbg-alt: #b2a4816a;
}
html {
background-color: var(--bg);
background-image: url(../img/accents.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 100vh;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 400;
}
body {
padding: 20px;
margin: 0;
backdrop-filter: blur(20px);
width: 100vw;
height: 100vh;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
#page-content {
padding: 20px;
flex-grow: 1;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
max-width: 550px;
}
[onclick],
button {
cursor: pointer;
}
.accented-btn {
background: linear-gradient(to top right, var(--accent1) 0%, var(--accent2) 100%);
color: var(--secondary-bg);
font-weight: 500;
}
.accented-style,
.accented-style-dark {
background: linear-gradient(93.8deg, #ffeb38 0%, #ff8c38 94.44%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: 800;
max-width: 700px;
}
.accented-style-dark {
background: linear-gradient(93.8deg, hsl(29, 100%, 45%) 0%, hsl(51, 100%, 45%) 94.44%, hsla(61, 100%, 45%, 0.7) 94.44%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-weight: 800;
max-width: 700px;
}
.accented-text {
font-size: 64px;
line-height: 78px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WRXBCFQ1SH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-WRXBCFQ1SH");
</script>
<body>
<div id="page-content">
<div class="page-title accented-text accented-style">Page Title</div>
</div>
</body>
<script></script>
</html>