Add web client, update CLI client

2024-11-05 20:35:10 +11:00
parent 41c9e7f53f
commit a4b6721ebc
10 changed files with 312 additions and 3 deletions
--- a/client-web/index.css
+++ b/client-web/index.css
@@ -0,0 +1,137 @@
+@font-face {
+	font-family: "inter";
+    src: url("InterVariable.ttf");
+}
+
+body {
+    color: white;
+    background: rgb(231,255,68);
+    background: linear-gradient(336deg, rgba(231,255,68,0.67) 0%, rgba(73,255,145,0.67) 43%, rgba(104,79,255,1) 100%); 
+    font-family: inter;
+    background-attachment: fixed;
+    margin-left: 20px;
+    margin-right: 20px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+a {
+    color: white;
+}
+
+input {
+    color: white;
+    background: rgba(0, 0, 0, 0.5);
+    border: none;
+    border-radius: 10px;
+    padding: 5px;
+    font-family: "inter";
+    margin: 10px;
+}
+
+.tiny {
+    font-size: 5pt;
+}
+
+h1 {
+    font-size: 35pt;
+}
+
+h2 {
+    font-size: 20pt;
+}
+
+h3 {
+    font-size: 15pt;
+}
+
+p {
+    font-size: 12pt;
+}
+
+#messagebox {
+    overflow-y: auto;
+    border 0px;
+    padding: 20px;
+    margin: 10px 10px;
+}
+
+.section {
+    background-color: rgba(0, 0, 0, 0.1);
+    max-width: 50%;
+    border-radius: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    padding: 5px
+}
+
+.section h2 {
+    margin: 20px;
+}
+
+.box {
+    color: white;
+    background: rgba(0, 0, 0, 0.5);
+    max-width: 95%;
+    border-radius: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 5px;
+}
+
+.box p {
+    margin: 10px;
+}
+.box h3 {
+    margin: 10px;
+}
+.box img {
+    margin: 10px;
+}
+.box button {
+    margin: 10px;
+}
+
+.bluebutton {
+    color: white;
+    font-size: 12pt;
+    background: rgba(0, 0, 255, 0.3);
+    font-family: inter;
+    border-radius: 10px;
+    border: none;
+    padding: 5px;
+}
+.greenbutton {
+    color: white;
+    font-size: 12pt;
+    background: rgba(0, 255, 0, 0.3);
+    font-family: inter;
+    border-radius: 10px;
+    border: none;
+    padding: 5px;
+}
+.redbutton {
+    color: white;
+    font-size: 12pt;
+    background: rgba(255, 0, 0, 0.3);
+    font-family: inter;
+    border-radius: 10px;
+    border: none;
+    padding: 5px;
+}
+.backbutton {
+    color: white;
+    font-size: 12pt;
+    background: rgba(255, 0, 0, 0.3);
+    font-family: inter;
+    border-radius: 10px;
+    border: none;
+    padding: 5px;
+}
+.hidden {
+    display: none;
+}
+
+