-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (149 loc) · 4.94 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1"
/>
<title>Banchan Art | The Co-operative Commissions Platform</title>
<meta property="og:site_name" content="Banchan Art" />
<meta property="og:title" content="Banchan Art" />
<meta
property="og:description"
content="The Co-operative Commissions Platform"
/>
<meta
property="twitter:description"
content="The Co-operative Commissions Platform"
/>
<meta
property="og:image"
content="https://banchan.art/assets/images/card.png"
/>
<meta
name="twitter:image:src"
content="https://banchan.art/assets/images/card.png"
/>
<meta name="twitter:image:width" content="640" />
<meta name="twitter:image:height" content="360" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@BanchanArt" />
<link
rel="apple-touch-icon"
sizes="76x76"
href="/assets/images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/assets/images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/assets/images/favicon-16x16.png"
/>
<link rel="manifest" href="/site.webmanifest" />
<meta name="msapplication-TileColor" content="#da532c" />
<script
defer
data-domain="banchan.art"
src="https://plausible.io/js/plausible.outbound-links.js"
></script>
<link rel="stylesheet" href="/assets/css/styles.css" />
<script>
function updateThemedElements(newTheme) {
const oldTheme = newTheme === "dark" ? "light" : "dark";
[...document.querySelectorAll(".themed")].forEach((el) => {
if (el.classList.contains(oldTheme)) {
el.classList.add("hidden");
} else {
el.classList.remove("hidden");
}
});
}
// Stuff for dark/light mode toggling.
document.addEventListener("DOMContentLoaded", () => {
let theme = localStorage.getItem("theme");
if (!theme) {
theme = window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: "light";
}
document.documentElement.setAttribute("data-theme", theme);
updateThemedElements(theme);
const toggle = document.querySelector("#mode-toggle");
toggle.checked = theme === "dark";
toggle.addEventListener("change", (ev) => {
const newTheme = ev.target.checked ? "dark" : "light";
document.documentElement.setAttribute("data-theme", newTheme);
updateThemedElements(newTheme);
});
});
</script>
</head>
<body class="flex flex-col bg-base-100 relative">
<nav
id="header"
class="navbar bg-base-100 opacity-100 top-0 left-0 w-full absolute z-10"
>
<a href="/" class="flex-1 flex flex-row place-items-center gap-2">
<img src="/assets/images/favicon-32x32.png" class="rounded-full w-8" />
<div class="font-semibold text-lg">Banchan Art</div>
</a>
<div class="flex-none">
<ul class="menu menu-horizontal p-0">
<li class="text-xl">
<label class="swap swap-rotate">
<input id="mode-toggle" type="checkbox" class="hidden" />
<i class="swap-on fas fa-moon"></i>
<i class="swap-off fas fa-sun"></i>
</label>
</li>
<li>
<a
href="https://twitter.com/BanchanArt"
target="_blank"
rel="noopener noreferrer"
><i class="fab fa-twitter text-xl"></i
></a>
</li>
<li>
<a
href="https://instagram.com/BanchanArt"
target="_blank"
rel="noopener noreferrer"
><i class="fab fa-instagram text-xl"></i
></a>
</li>
</ul>
</div>
</nav>
<div id="above-fold" class="md:px-4">
<div class="min-h-screen hero">
<div class="hero-content flex flex-col md:flex-row">
<div class="flex flex-col gap-4 items-center max-w-2xl">
<div class="text-5xl font-bold">
Coming <span class="text-primary font-bold">Soon</span>
</div>
<div class="text-lg">
<a href="/beta" class="text-primary link">Learn More →</a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-center p-10 bg-base-200 text-base-content">
<div class="flex flex-row">
<a href="/privacy-policy" class="link">Privacy Policy</a>
<a href="mailto:[email protected]" class="link">Contact Us</a>
</div>
<div>
<p>Copyright © 2022 - All right reserved by Digital Workers Guild LLC</p>
</div>
</footer>
</body>
</html>