Update index.html
Browse files- index.html +17 -6
index.html
CHANGED
@@ -8,12 +8,10 @@
|
|
8 |
<meta name="author" content="SenY">
|
9 |
<meta name="generator" content="vscode">
|
10 |
<title>Galgame UI Editor</title>
|
11 |
-
<link rel="canonical" href="https://
|
12 |
-
<!-- Bootstrap core CSS -->
|
13 |
<link href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
|
14 |
<link href="https://unpkg.com/[email protected]/css/font-awesome.min.css" rel="stylesheet">
|
15 |
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
|
16 |
-
<!-- Favicons -->
|
17 |
<meta name="theme-color" content="#7952b3">
|
18 |
<style>
|
19 |
.wf-notosansjapanese {
|
@@ -111,6 +109,13 @@
|
|
111 |
height: 100%;
|
112 |
}
|
113 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
114 |
#left * {
|
115 |
text-align: center;
|
116 |
font-weight: 900;
|
@@ -194,7 +199,7 @@
|
|
194 |
</div>
|
195 |
</div>
|
196 |
</div>
|
197 |
-
<div id="right" class="col-9
|
198 |
<div class="h-100 p-0" id="rightTexts">
|
199 |
<div class="row2 row2-25">
|
200 |
<input name="text1" class="text-light" value="(1st Line)">
|
@@ -233,7 +238,7 @@
|
|
233 |
<div class="input-group">
|
234 |
<button id="render" type="button" class="btn btn-success">Render</button>
|
235 |
</div>
|
236 |
-
<h6>Image
|
237 |
<div class="input-group">
|
238 |
<label for="upload">
|
239 |
<button id="uploadButton" type="button" class="btn btn-primary">Set Image</button>
|
@@ -248,7 +253,7 @@
|
|
248 |
<button id="faceRemoveButton" type="button" class="btn btn-danger">Remove Icon</button>
|
249 |
</label>
|
250 |
</div>
|
251 |
-
<h6>
|
252 |
<div class="input-group">
|
253 |
<span class="input-group-text">TopColor</span>
|
254 |
<input name="topColor" type="color" class="form-control form-control-color" id="topColor"
|
@@ -293,6 +298,9 @@
|
|
293 |
<span class="input-group-text">WindowSize</span>
|
294 |
<input name="windowSize" type="range" class="form-control form-range" id="windowSize" value="25"
|
295 |
step="1" min="16" max="30">
|
|
|
|
|
|
|
296 |
</div>
|
297 |
<div class="input-group">
|
298 |
<span class="input-group-text">Render Scale</span>
|
@@ -337,6 +345,9 @@
|
|
337 |
}
|
338 |
document.getElementById("edit").style.width = width + 'px';
|
339 |
document.getElementById("edit").style.height = height + 'px';
|
|
|
|
|
|
|
340 |
document.querySelectorAll("#right input, #left input").forEach(el => {
|
341 |
el.style.fontSize = (el.parentNode.offsetHeight * document.querySelector("#fontSizeInput").value) + "px";
|
342 |
});
|
|
|
8 |
<meta name="author" content="SenY">
|
9 |
<meta name="generator" content="vscode">
|
10 |
<title>Galgame UI Editor</title>
|
11 |
+
<link rel="canonical" href="https://huggingface.co/spaces/SenY/GalGameUI">
|
|
|
12 |
<link href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
|
13 |
<link href="https://unpkg.com/[email protected]/css/font-awesome.min.css" rel="stylesheet">
|
14 |
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
|
|
|
15 |
<meta name="theme-color" content="#7952b3">
|
16 |
<style>
|
17 |
.wf-notosansjapanese {
|
|
|
109 |
height: 100%;
|
110 |
}
|
111 |
|
112 |
+
#right {
|
113 |
+
padding-left: 0;
|
114 |
+
padding-right: 0;
|
115 |
+
padding-top: 0;
|
116 |
+
padding-bottom: 0;
|
117 |
+
}
|
118 |
+
|
119 |
#left * {
|
120 |
text-align: center;
|
121 |
font-weight: 900;
|
|
|
199 |
</div>
|
200 |
</div>
|
201 |
</div>
|
202 |
+
<div id="right" class="col-9 m-0">
|
203 |
<div class="h-100 p-0" id="rightTexts">
|
204 |
<div class="row2 row2-25">
|
205 |
<input name="text1" class="text-light" value="(1st Line)">
|
|
|
238 |
<div class="input-group">
|
239 |
<button id="render" type="button" class="btn btn-success">Render</button>
|
240 |
</div>
|
241 |
+
<h6>Image</h6>
|
242 |
<div class="input-group">
|
243 |
<label for="upload">
|
244 |
<button id="uploadButton" type="button" class="btn btn-primary">Set Image</button>
|
|
|
253 |
<button id="faceRemoveButton" type="button" class="btn btn-danger">Remove Icon</button>
|
254 |
</label>
|
255 |
</div>
|
256 |
+
<h6>Window Color</h6>
|
257 |
<div class="input-group">
|
258 |
<span class="input-group-text">TopColor</span>
|
259 |
<input name="topColor" type="color" class="form-control form-control-color" id="topColor"
|
|
|
298 |
<span class="input-group-text">WindowSize</span>
|
299 |
<input name="windowSize" type="range" class="form-control form-range" id="windowSize" value="25"
|
300 |
step="1" min="16" max="30">
|
301 |
+
<span class="input-group-text">Padding</span>
|
302 |
+
<input name="mainMessagePaddingSize" type="range" class="form-control form-range" id="mainMessagePaddingSize" value="0"
|
303 |
+
step="0.1" min="0" max="2">
|
304 |
</div>
|
305 |
<div class="input-group">
|
306 |
<span class="input-group-text">Render Scale</span>
|
|
|
345 |
}
|
346 |
document.getElementById("edit").style.width = width + 'px';
|
347 |
document.getElementById("edit").style.height = height + 'px';
|
348 |
+
document.getElementById("right").style.paddingTop = document.getElementById("mainMessagePaddingSize").value + 'rem';
|
349 |
+
document.getElementById("right").style.paddingBottom = document.getElementById("mainMessagePaddingSize").value + 'rem';
|
350 |
+
|
351 |
document.querySelectorAll("#right input, #left input").forEach(el => {
|
352 |
el.style.fontSize = (el.parentNode.offsetHeight * document.querySelector("#fontSizeInput").value) + "px";
|
353 |
});
|