diff --git a/generator.html b/generator.html
index a0ba0f8..cac6edb 100644
--- a/generator.html
+++ b/generator.html
@@ -4,7 +4,8 @@
Command Generator
-
+
@@ -48,126 +49,147 @@
-
+
-
+
-
+
-
+
+
+
+
+
@@ -350,13 +372,13 @@
.to(".text p", 0.1, { color: "#FFF" }, 0.1);
animate
- .set(".circle", { backgroundColor: "rgba(0,0,0,0)" },0.2)
+ .set(".circle", { backgroundColor: "rgba(0,0,0,0)" }, 0.2)
.to(".toggle-button", 0.1, { scale: 0.7 }, 0)
.set(".toggle", { backgroundColor: "#FFF" })
.to(".moon-mask", 0.2, { translateY: 20, translateX: -10 }, 0.3)
.to(".toggle-button", 0.1, { translateY: 49 }, 0.1)
.to(".toggle-button", 0.1, { scale: 0.9 })
-
+
document.getElementsByClassName("switch")[0].addEventListener("click", () => {
if (toggle) {
animate.restart();
@@ -368,6 +390,22 @@
toggle = !toggle;
changeColor()
});
+
+ function insert(pos, id, placeholder) {
+ let input = document.createElement('input')
+ input.type = 'text'
+ input.id = id
+ input.placeholder = placeholder
+ input.oninput = () => { generate('generator_body') }
+ document.querySelector(pos).appendChild(input)
+ }
+ function removeLast(pos) {
+ console.log(document.querySelector(pos).lastChild.tagName);
+ if (document.querySelector(pos).lastChild.tagName != 'INPUT') {
+ return
+ }
+ document.querySelector(pos).removeChild(document.querySelector(pos).lastChild)
+ }
function generate(params) {
let form = document.getElementById(params)
// console.log(form)
@@ -383,7 +421,6 @@
} else {
finalArgs.push('"' + element.value + '"')
-
}
}
break;
@@ -542,6 +579,7 @@
.form label {
color: var(--main-text-color);
+ user-select: none;
font-size: 1.2rem;
font-weight: 500;
}
@@ -601,6 +639,7 @@
.select-box select {
width: 100%;
height: 100%;
+ padding: 0px 0px;
outline: none;
border: none;
color: var(--main-text-color);
@@ -666,10 +705,34 @@
}
}
- ::-webkit-scrollbar{
+ ::-webkit-scrollbar {
display: none;
}
+ label.button {
+ z-index: 0;
+ padding: 0 8px;
+ width: 20px;
+ height: 20px;
+ background-color: var(--accent-color);
+ border-radius: 40px;
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
/* ***** Colors - Start ***** */
/* ***** Colors - End ***** */
/* ***** Global Styles - Start ***** */
@@ -689,7 +752,7 @@
/* ***** Global Styles - End ***** */
/* ***** Specific Styles - Start ***** */
-
+
.switch {
width: 60px;
@@ -797,6 +860,6 @@
flex-grow: 0;
top: -30px;
left: 10px;
- transform:scale(0.7) rotateZ(-90deg);
+ transform: scale(0.7) rotateZ(-90deg);
}
\ No newline at end of file