forked from appleneko2001/bluearchive-logo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (138 loc) · 7.33 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
<!doctype html>
<html lang="en">
<head>
<!-- https://vitejs.dev/logo.svg-->
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="https://vitejs.dev/logo.svg">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="common.css" />
<link rel="stylesheet" type="text/css" href="https://tmp.nulla.top/ba-logo/fonts/RoGSans_sliced/font.css" />
<link rel="stylesheet" type="text/css" href="fonts/GlowSans/font.css" />
<title>Blue Archive Logo Generater</title>
</head>
<body>
<header>
<h1 class="i18n mt-24 mb-20 text-center font-bold" data-i18n="title">BlueArchive-Style Logo Generater</h1>
</header>
<section class="canvas-wrapper flex place-content-center">
<div class="relative checkerboard">
<canvas id="canvas" height="250" width="900"></canvas>
<div id='loading' class="absolute w-full h-full top-0 left-0 backdrop-blur-sm bg-slate-400/5 z-50 hidden">
<div class="flex place-content-center h-full">
<span class="loading loading-spinner loading-lg mx-auto"></span>
</div>
</div>
</div>
</section>
<section id="errorbox" class="flex place-content-center mt-8">
<div class="errorbox relative p-4">
<div id="errorbox-text">
Error
</div>
</div>
</section>
<section class="w-full mx-auto my-6 flex flex-col sm:w-[32rem]">
<div class="flex justify-center my-4 px-2">
<input id="textL" type="text" placeholder="Type here" value="Blue"
class="input input-bordered input-md input-primary mr-1 w-40 max-w-[14rem] flex-1" />
<input id="textR" type="text" placeholder="Type here" value="Archive"
class="input input-bordered input-md input-secondary ml-1 w-40 max-w-[14rem] flex-1" />
</div>
<div class="my-2">
<label class="cursor-pointer label justify-start mx-10">
<input type="checkbox" class="toggle toggle-primary" id="transparent" />
<span class="i18n label-text text-base ml-4 mr-16" data-i18n="transparent-background">Transparent
Background</span>
</label>
</div>
<div class="mx-6 my-4">
<div class="collapse collapse-arrow bg-base-100">
<input type="checkbox" />
<div class="i18n collapse-title font-medium" data-i18n="advance">Advance settings</div>
<div class="collapse-content">
<div class="i18n" data-i18n="halo-cross">Halo & Cross position</div>
<div class="flex justify-evenly my-4">
<span class="flex-1"><span class="mr-2">X</span><input type="number" placeholder="Type here" value="-18"
class="input input-bordered input-sm input-primary w-32 mr-2" id="graphX" /></span>
<span class="flex-1"><span class="mr-2">Y</span><input type="number" placeholder="Type here" value="0"
class="input input-bordered input-sm input-primary w-32" id="graphY" /></span>
</div>
<label class="cursor-pointer label justify-start">
<input type="checkbox" class="toggle toggle-primary" id="gloweffect" />
<span class="i18n label-text text-base ml-4 mr-16" data-i18n="glow-effect"></span>
</label>
<label class="cursor-pointer label justify-start">
<input type="checkbox" class="toggle toggle-primary" id="secondline" />
<span class="i18n label-text text-base ml-4 mr-16" data-i18n="second-line">Is enabled</span>
</label>
<label class="cursor-pointer label justify-start">
<input type="checkbox" class="toggle toggle-primary" id="secondlineclip" />
<span class="i18n label-text text-base ml-4 mr-16" data-i18n="second-line-clip-switch">Clip area</span>
</label>
<label class="cursor-pointer label justify-start">
<span class="i18n label-text text-base" data-i18n="second-line-fonts">Fonts</span>
<input id="text2Fonts" type="text" placeholder="Fonts" value="RoGSanSrfStd-Bd, GlowSansSC-Normal-Heavy_diff, apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif"
class="input input-bordered input-md input-secondary ml-4" />
</label>
<input id="textS" type="text" placeholder="Second line text" value="second"
class="input input-bordered input-md input-secondary " />
<div class="flex justify-evenly my-4">
<span class="flex-1"><span class="mr-2">X</span><input type="number" placeholder="Type here" value="100"
class="input input-bordered input-sm input-primary w-32 mr-2" id="text2X" /></span>
<span class="flex-1"><span class="mr-2">Y</span><input type="number" placeholder="Type here" value="32"
class="input input-bordered input-sm input-primary w-32" id="text2Y" /></span>
</div>
<div>Debug</div>
<label class="cursor-pointer label justify-start">
<input type="checkbox" class="toggle toggle-primary" id="debugswitch" />
<span class="i18n label-text text-base ml-4 mr-16" data-i18n="debug-switch"></span>
</label>
</div>
</div>
</div>
<div class="flex justify-evenly my-4">
<span><button class="i18n btn btn-primary" id="save" data-i18n="save">Save</button></span>
<span><button class="i18n btn btn-primary" id="copy" data-i18n="copy">Copy</button></span>
</div>
<label class="swap cursor-default">
<input type="checkbox" disabled id="message-switch" />
<div class="alert alert-success swap-on">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span class="i18n font-medium" data-i18n="copy-success">Image copied</span>
</div>
</label>
</section>
<footer>
<section class="w-full mx-auto my-8 sm:w-96 px-4">
<h2 class="i18n text-2xl font-bold leading-loose" data-i18n="font-title">Used Fonts</h2>
<ul class="list-disc leading-relaxed text-lg font-normal mb-8 px-6">
<li>
<span class="i18n" data-i18n="main-font">Main font: </span>
<a href="https://www.morisawa.co.jp/fonts/specimen/1646" target="_blank">RoG2サンセリフStd B</a>
</li>
<li>
<span class="i18n" data-i18n="fallback-font">Fallback font: </span>
<a href="https://github.com/welai/glow-sans" target="_blank" class="i18n" data-i18n="glow">Wêlai Glow Sans</a>
</li>
</ul>
</section>
<section class="flex flex-col place-content-center my-16">
<div class="flex place-content-center my-4">
<a href="https://tmp.nulla.top/ba-logo/" target="_blank"
class="text-md">this generator is based on nulla2011's BlueArchive-logo</a>
</div>
<div class="flex place-content-center">
<a href="https://github.com/appleneko2001/bluearchive-logo" target="_blank"
class="text-md">Mod created by github@appleneko2001</a>
<span> - </span>
<a href="https://github.com/Menci/bluearchive-logo" target="_blank"
class="text-md">based on PR from Menci</a>
</div>
</section>
</footer>
<script type="module" src="/src/main.ts"></script>
</body>
</html>