first commit

2024-03-21 23:20:24 +03:00
commit c4fb3c9070
29 changed files with 2185 additions and 0 deletions
--- a/public/manage.css
+++ b/public/manage.css
@ -0,0 +1,108 @@
+main a {
+  display: flex;
+  flex-direction: column;
+
+  font-size: 15px;
+  color: var(--bright-main);
+  text-align: right;
+  margin-bottom: 10px;
+}
+
+main a:hover {
+  color: var(--bright-second);
+}
+
+form {
+  background: var(--dark-second);
+  padding: 30px;
+  border: solid 1px var(--bright-main);
+
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  margin-bottom: 20px;
+}
+
+form button {
+  flex-grow: 1;
+  background: var(--dark-main);
+  padding: 10px;
+  border: solid 1px var(--bright-third);
+  color: white;
+  font-size: 15px; 
+  cursor: pointer;
+}
+
+form input {
+  flex-grow: 1;
+  background: var(--dark-main);
+  padding: 10px;
+  border: solid 1px var(--bright-third);
+  color: white;
+  font-size: 15px; 
+  outline: none;
+}
+
+form textarea {
+  flex-grow: 1;
+  background: var(--dark-main);
+  padding: 10px;
+  border: solid 1px var(--bright-third);
+  color: white;
+  font-size: 15px; 
+  outline: none;
+  resize: vertical;
+}
+
+form h1 {
+  padding-top: 0;
+  margin-top: 0;
+  margin-bottom: 10px;
+  font-family: JetBrainsMono;
+  font-size: 25px;
+  color: var(--bright-main);
+}
+
+form select {
+  appearance: none;
+  flex-grow: 1;
+  font-size: 15px;
+  color: white;
+  background: var(--dark-main);
+  padding: 10px;
+  outline: none;
+  cursor: pointer;
+  display: grid;
+  border: none;
+  border: solid 1px var(--bright-third);
+
+  margin: 0;      
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+
+ background-image:
+    linear-gradient(45deg, transparent 50%, var(--bright-main) 50%),
+    linear-gradient(135deg, var(--bright-main) 50%, transparent 50%),
+    linear-gradient(to right, var(--dark-third), var(--dark-third));
+  background-position:
+    calc(100% - 20px) calc(1em + 2px),
+    calc(100% - 15px) calc(1em + 2px),
+    100% 0;
+  background-size:
+    5px 5px,
+    5px 5px,
+    2.5em 2.5em;
+  background-repeat: no-repeat;
+}
+
+form select::-ms-expand{
+  display: none;
+}
+
+form label {
+  margin-top: 15px;
+  color: var(--bright-second);
+}