16 files changed, 282 insertions, 0 deletions
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..61eb2fe
--- /dev/null
+++ b/README.md
@@ -0,0 +1,7 @@
+# ComXII - UI
+
+This is the front end code for ComXII, a comic/multimedia hosting platform written in basic HTML, JS (with JSDoc), and CSS.
+
+`index.html` - Main page
+`scripts` - JS files
+`styles` - CSS files
+\ No newline at end of file
diff --git a/assets/comxii.svg b/assets/comxii.svg
new file mode 100644
index 0000000..536e691
--- /dev/null
+++ b/assets/comxii.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="90mm"
+   height="30mm"
+   viewBox="0 0 89.999999 30.000001"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <g
+       id="g5"
+       transform="translate(1.4006064)">
+      <path
+         style="font-weight:bold;font-size:26.4516px;font-family:'ComicShannsMono Nerd Font';-inkscape-font-specification:'ComicShannsMono Nerd Font Bold';stroke:#ffffff;stroke-width:0.928445"
+         d="m 5.5461558,17.711289 c 0,-4.840643 3.4916108,-8.940641 5.8987052,-8.940641 h 0.02645 c 0.290967,0 0.343871,0.02645 1.16387,0.581935 -0.02645,0.423226 -0.02645,0.687742 -0.02645,0.846452 0,1.031612 1.084515,1.401934 1.560644,1.401934 1.137419,0 1.639999,-1.349031 1.639999,-1.98387 v -1.16387 c 0,-0.529032 -0.07935,-1.110967 -0.211613,-1.798709 -0.158709,-0.793548 -0.872902,-1.190321 -1.534192,-1.190321 -0.529032,0 -1.058064,0.264516 -1.349032,0.793548 -0.581935,-0.132258 -1.137419,-0.132258 -1.454838,-0.132258 -4.0206419,0 -8.8348329,5.158062 -8.8348329,12.379348 0,2.98903 2.2483859,6.004514 5.8458035,6.030964 0.105806,0 0.185161,0 0.264515,0 1.7987084,0 3.1741914,-0.343871 4.2058044,-0.819999 1.216773,-0.529032 2.909676,-1.745806 2.909676,-2.962579 0,-0.66129 -0.581936,-1.243226 -1.216774,-1.243226 -1.296128,0 -2.433547,2.116128 -5.8458024,2.116128 -1.772257,0 -3.0419338,-2.116128 -3.0419328,-3.914836 z M 21.073223,11.389356 c -2.936128,1.349032 -3.597418,4.232256 -3.597418,6.6129 0,0.767097 0.105807,1.534193 0.343871,2.248386 0.978709,3.068386 3.359353,4.205804 5.607739,4.205804 1.798709,0 3.491611,-0.714193 4.390966,-1.692902 1.349031,-1.534193 1.692902,-3.597417 1.692902,-5.29032 0,-2.803869 -0.952258,-4.576126 -2.274838,-5.554836 -1.058064,-0.819999 -2.301289,-1.084515 -3.438708,-1.084515 -1.031612,0 -1.930966,0.185161 -2.724514,0.555483 z m 2.512902,10.950963 c -1.296129,-0.07935 -2.036773,-0.502581 -2.380644,-1.190322 -0.343871,-0.740645 -0.529032,-1.64 -0.529032,-2.750967 0,-0.608387 0.105806,-3.068385 1.137419,-4.258707 0.396774,-0.449677 0.899354,-0.714193 1.613547,-0.714193 0.925806,0 1.613548,0.317419 2.169031,1.031612 0.476129,0.581935 0.740645,1.639999 0.740645,3.121289 0,1.930966 -0.423226,3.30645 -1.005161,4.020643 -0.370322,0.449677 -0.872903,0.740645 -1.613547,0.740645 -0.02645,0 -0.07935,0 -0.132258,0 z m 14.601262,1.983869 c 0.608387,0 1.005161,-0.317419 1.16387,-0.714193 0.15871,-0.290967 0.15871,-0.581935 0.15871,-0.819999 0,0 -0.02645,-0.793548 -0.02645,-1.269677 0,-1.32258 0.15871,-2.354192 0.15871,-4.073546 0,-0.476129 -0.02645,-1.005161 -0.0529,-1.613548 0.317419,-0.978709 0.978709,-2.274837 1.798708,-2.354192 0.07936,0.264516 0.15871,0.740645 0.15871,2.830321 0,1.745805 -0.02645,3.544514 -0.02645,4.576127 0,2.169031 0.132258,2.777417 0.66129,3.121288 0.317419,0.185161 0.634839,0.317419 0.978709,0.317419 1.296129,0 1.375484,-1.058064 1.375484,-1.613547 0,-0.07935 0,-0.15871 0,-0.238064 0,-0.211613 0,-0.238065 0,0 v 0 c -0.02645,-0.714194 -0.0529,-1.428387 -0.0529,-2.169032 0,-0.02645 0.0529,-3.174192 0.0529,-3.253546 0,-4.999353 -0.714194,-5.898707 -1.825161,-5.898707 -1.031612,0 -1.904515,0.264516 -2.592256,0.872903 -0.396774,0.370322 -0.740645,0.740645 -1.031613,1.110967 -0.581935,-1.904515 -1.32258,-1.98387 -1.639999,-1.98387 -1.190322,0 -2.089676,0.555484 -2.724515,1.32258 0,-0.0529 0,-0.07935 0,-0.105806 0,-1.058064 -0.529032,-1.613548 -1.375483,-1.613548 -0.132258,0 -0.449677,0.02645 -0.793548,0.211613 -0.449677,0.238064 -0.846451,0.740645 -0.872903,1.639999 -0.02645,1.692902 -0.0529,3.121289 -0.0529,4.311611 0,1.454838 0.02645,3.888385 0.185161,5.819352 0,0 0,0.02645 0,0.02645 0,0.185161 0,0.449677 0.105807,0.714193 0.264516,0.714193 0.925806,0.846451 1.269677,0.872903 h 0.02645 c 0.767097,0 1.216774,-0.423226 1.375483,-0.846451 0.132258,-0.290968 0.132258,-0.581935 0.132258,-0.740645 0,0 0,-0.02645 0,-0.02645 0,-0.0529 -0.105806,-2.856773 -0.105806,-3.62387 v 0 -0.02645 c -0.02645,-0.476129 -0.0529,-1.216774 -0.0529,-1.878064 0,-0.264516 0.02645,-0.529032 0.02645,-0.740644 0.608387,-1.296129 1.428387,-2.354193 2.036773,-2.354193 0.02645,0 0.02645,0.02645 0.0529,0.02645 0.158709,0.238064 0.158709,1.454838 0.158709,3.041934 0,2.592256 -0.238064,3.279998 -0.238064,4.708384 0,2.221935 0.714193,2.433547 1.587096,2.433547 z"
+         id="text1"
+         aria-label="Com" />
+      <path
+         id="path3"
+         style="font-size:30.8167px;font-family:Amiri;-inkscape-font-specification:Amiri;fill:#ffffff;stroke-width:9.96814"
+         d="m 47.881813,5.000095 c -0.08218,0.08218 -0.12299,0.246462 -0.12299,0.492993 0,0.246533 0.04081,0.369486 0.12299,0.369486 0.1849,0 0.441783,0.04133 0.770495,0.123507 0.349256,0.06163 0.657413,0.174642 0.924492,0.338998 0.410889,0.246533 0.760376,0.523823 1.047998,0.83199 0.308167,0.308167 0.626269,0.729333 0.95498,1.263489 l 0.308509,0.492993 c 0.225989,0.328712 0.503279,0.749877 0.83199,1.263489 0.349256,0.513612 0.708687,1.068192 1.078487,1.663981 0.390346,0.595789 0.760237,1.171292 1.109493,1.725993 0.3698,0.534156 0.667497,0.986189 0.893486,1.355989 -0.719057,0.96559 -1.386645,1.869656 -2.002979,2.711979 -0.595789,0.821779 -1.202159,1.643188 -1.818493,2.464966 -0.616334,0.821779 -1.304328,1.725845 -2.064474,2.711979 -0.267078,0.349256 -0.647431,0.626546 -1.140499,0.831991 -0.472522,0.1849 -0.924039,0.318314 -1.355472,0.400492 -0.409947,0.06149 -0.656749,0.09236 -0.73949,0.0925 h -5.17e-4 c -0.02054,0.04109 -0.04095,0.175021 -0.0615,0.401009 -0.04109,0.205445 -0.04109,0.359265 0,0.461988 h 7.118429 5.16e-4 5.731433 5.17e-4 7.518921 1.324984 5.17e-4 7.087422 2.650485 7.087939 c 0.08218,-0.08218 0.113047,-0.226054 0.0925,-0.431499 0,-0.205444 -0.03087,-0.34932 -0.0925,-0.431498 -0.123267,0 -0.349283,-0.0099 -0.677995,-0.03049 -0.328706,-0.04109 -0.636864,-0.102822 -0.924486,-0.185 -0.287625,-0.08218 -0.452423,-0.174779 -0.49351,-0.277502 -0.06163,-0.205445 -0.102443,-0.462329 -0.12299,-0.770496 V 21.794935 21.609934 21.424932 8.574554 8.389552 8.20455 7.126063 c 0.02054,-0.328711 0.06136,-0.59554 0.12299,-0.800984 0.04109,-0.123268 0.205887,-0.21587 0.49351,-0.277503 0.287622,-0.06163 0.59578,-0.102443 0.924491,-0.12299 0.328712,-0.04109 0.554728,-0.06201 0.677995,-0.06201 0.06163,-0.08218 0.0925,-0.226053 0.0925,-0.431498 0.02054,-0.205444 -0.01032,-0.348804 -0.0925,-0.430981 h -5.17e-4 z m 6.756177,0.987536 h 6.523632 c 0.206728,0.04497 0.36166,0.106268 0.464572,0.183452 0.246534,0.1849 0.369486,0.349182 0.369486,0.492993 0,0.02054 -0.0099,0.08228 -0.03049,0.185002 0,0.102722 -0.03087,0.205268 -0.0925,0.307991 -0.369801,0.595789 -0.965709,1.42766 -1.787488,2.495972 -0.821778,1.068312 -1.684516,2.208856 -2.588472,3.42098 L 54.014255,7.711557 c -0.246533,-0.3698 -0.369486,-0.667496 -0.369486,-0.893485 0,-0.267078 0.122953,-0.462228 0.369486,-0.585494 0.195004,-0.113755 0.403023,-0.195464 0.623735,-0.244947 z m 11.012764,0 h 3.937744 c 0.112008,0.01718 0.220726,0.03715 0.327112,0.05995 0.308165,0.06163 0.472963,0.154235 0.49351,0.277503 0.08218,0.246533 0.12299,0.575097 0.12299,0.985986 0.02055,0.390345 0.03101,0.81151 0.03101,1.263489 v 12.850373 c 0,0.451978 -0.01046,0.873144 -0.03101,1.263489 0,0.390345 -0.04081,0.708964 -0.12299,0.955497 -0.02054,0.102723 -0.185343,0.195325 -0.49351,0.277502 -0.287623,0.08218 -0.59578,0.143915 -0.924491,0.185002 -0.328712,0.02055 -0.554728,0.03049 -0.677995,0.03049 h -1.35754 c -0.49255,-2.44e-4 -1.036424,-0.09233 -1.631425,-0.276985 -0.595789,-0.1849 -1.037361,-0.493058 -1.324984,-0.924492 l -5.916951,-8.875427 c 0.719056,-0.96559 1.345832,-1.79746 1.879988,-2.495972 0.534157,-0.698512 1.078275,-1.387023 1.632976,-2.06499 0.575244,-0.677967 1.242833,-1.47897 2.002978,-2.403471 0.308168,-0.349256 0.647192,-0.60614 1.016992,-0.770495 0.385169,-0.182451 0.73044,-0.295024 1.035596,-0.337449 z m 8.475452,0 h 5.200199 c 0.112008,0.01718 0.221243,0.03715 0.327629,0.05995 0.308164,0.06163 0.472446,0.154235 0.492993,0.277503 0.08218,0.246533 0.12299,0.575097 0.12299,0.985986 0.02055,0.390345 0.03101,0.81151 0.03101,1.263489 v 12.850373 c 0,0.451978 -0.01046,0.873144 -0.03101,1.263489 0,0.390345 -0.04081,0.708964 -0.12299,0.955497 -0.02055,0.102723 -0.184827,0.195325 -0.492993,0.277502 -0.287623,0.08218 -0.59578,0.143915 -0.924492,0.185002 -0.328711,0.02055 -0.554728,0.03049 -0.677994,0.03049 h -2.650485 c -0.123266,0 -0.349283,-0.0099 -0.677994,-0.03049 -0.328712,-0.04109 -0.636869,-0.102824 -0.924492,-0.185002 -0.287625,-0.08218 -0.451906,-0.174779 -0.492993,-0.277502 -0.06163,-0.205445 -0.102443,-0.462329 -0.12299,-0.770496 V 21.794935 21.609934 21.424932 8.574554 8.389552 8.20455 7.126063 c 0.02055,-0.328711 0.06136,-0.59554 0.12299,-0.800984 0.04109,-0.123268 0.20537,-0.21587 0.492993,-0.277503 0.106373,-0.02279 0.215635,-0.04277 0.327629,-0.05995 z m -17.646468,9.859864 4.591451,7.087939 c 0.04109,0.04109 0.07195,0.102307 0.0925,0.184485 0.04109,0.06164 0.06201,0.113426 0.06201,0.154513 0,0.1849 -0.12347,0.349181 -0.370003,0.492993 -0.246534,0.123266 -0.513363,0.215352 -0.800985,0.276985 -0.266466,0.06149 -0.461664,0.09236 -0.584977,0.0925 h -5.798096 c -0.840319,-2.15e-4 -1.434622,-0.07189 -1.783353,-0.215491 -0.349256,-0.164355 -0.523999,-0.339098 -0.523999,-0.523999 0,-0.102722 0.02041,-0.195324 0.0615,-0.277502 0.04109,-0.08218 0.07195,-0.143398 0.0925,-0.184485 0.123267,-0.205445 0.359228,-0.575337 0.708484,-1.109493 0.349256,-0.534156 0.770422,-1.150471 1.263489,-1.848983 0.493067,-0.698512 0.99689,-1.407428 1.510502,-2.126485 0.534156,-0.7396 1.027002,-1.407189 1.47898,-2.002978 z" />
+    </g>
+  </g>
+</svg>
diff --git a/comic/index.html b/comic/index.html
new file mode 100644
index 0000000..6d5647b
--- /dev/null
+++ b/comic/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Comic Index</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/comic/viewer.html b/comic/viewer.html
new file mode 100644
index 0000000..33d81f9
--- /dev/null
+++ b/comic/viewer.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Comic Viewer</title>
+
+    <link type="text/css" rel="stylesheet" href="/styles/base.css" />
+</head>
+<body>
+    <nav>
+        <!-- Logo for ComXII -->
+        <div>
+            <a id="comic-link" href="/">
+                <img id="logo" alt="Comic Index" src="/assets/comxii.svg" />
+            </a>
+        </div>
+
+        <!-- Nav menu -->
+        <div id="main-nav">
+
+        </div>
+
+        <!-- User profile -->
+        <div id="user-menu">
+            
+        </div>
+    </nav>
+
+    <content>
+
+    </content>
+
+    <footer>
+        (C) ComXII 2026
+    </footer>
+
+    <script src="/scripts/viewer.js"></script>
+</body>
+</html>
+\ No newline at end of file
diff --git a/create/edit.html b/create/edit.html
new file mode 100644
index 0000000..6e66ae8
--- /dev/null
+++ b/create/edit.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Edit Comic</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/create/index.html b/create/index.html
new file mode 100644
index 0000000..8af2da8
--- /dev/null
+++ b/create/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Publish New Comic</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9d7e3bf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ComXII</title>
+
+    <link type="text/css" rel="stylesheet" href="/styles/base.css" />
+</head>
+<body>
+    <nav>
+        <!-- Logo for ComXII -->
+        <div>
+            <a href="/">
+                <img id="logo" alt="ComXII Home Page" src="/assets/comxii.svg" />
+            </a>
+        </div>
+
+        <!-- Nav menu -->
+        <div id="main-nav">
+
+        </div>
+
+        <!-- User profile -->
+        <div id="user-menu">
+            
+        </div>
+    </nav>
+
+    <content>
+
+    </content>
+
+    <footer>
+        (C) ComXII 2026
+    </footer>
+</body>
+</html>
+\ No newline at end of file
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..3d4dca1
--- /dev/null
+++ b/login.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/scripts/viewer.js b/scripts/viewer.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/scripts/viewer.js
diff --git a/search/comic.html b/search/comic.html
new file mode 100644
index 0000000..db8748f
--- /dev/null
+++ b/search/comic.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Search - Comic</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/search/index.html b/search/index.html
new file mode 100644
index 0000000..c1992b5
--- /dev/null
+++ b/search/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Search</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/search/list.html b/search/list.html
new file mode 100644
index 0000000..ace8791
--- /dev/null
+++ b/search/list.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>List</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/search/user.html b/search/user.html
new file mode 100644
index 0000000..587cf9b
--- /dev/null
+++ b/search/user.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Search - User</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/styles/base.css b/styles/base.css
new file mode 100644
index 0000000..338b19f
--- /dev/null
+++ b/styles/base.css
@@ -0,0 +1,57 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
+
+html, body {
+    display: block;
+    padding: 0;
+    margin: 0;
+    min-width:100vw;
+    min-height:100vh;
+}
+
+* {
+    font-family: "Nunito", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-style: normal;
+
+    box-sizing: border-box;
+}
+
+
+
+nav {
+    display: flex;
+    background-color: #9f3050;
+
+    height: 64px;
+}
+
+#logo {
+    height: 100%;
+}
+
+
+
+content {
+    display:flex;
+    width: 100vw;
+    min-height: calc(100vh - 128px);
+    padding: 10px 10px 10px 10px;
+
+    background-color: #ffecdc;
+}
+
+
+
+footer {
+    display: flex;
+    
+    width:100vw;
+    height:64px;
+    bottom:0;
+    
+    padding: 10px;
+
+    background-color: #777;
+    color: #eee;   
+}
+\ No newline at end of file
diff --git a/user/index.html b/user/index.html
new file mode 100644
index 0000000..e8ef4a9
--- /dev/null
+++ b/user/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Profile</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file
diff --git a/user/profile.html b/user/profile.html
new file mode 100644
index 0000000..015db48
--- /dev/null
+++ b/user/profile.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>User Profile</title>
+</head>
+<body>
+    
+</body>
+</html>
+\ No newline at end of file