diff --git a/src/webapp/src/App.vue b/src/webapp/src/App.vue
index 5a1cef6..72e9705 100644
--- a/src/webapp/src/App.vue
+++ b/src/webapp/src/App.vue
@@ -23,42 +23,27 @@
 </template>
 
 <style>
-:root, :root.light {
-    --primary-color: #2c3e50;
-    --accent-background: rgb(30, 30, 82);
-    --secondary-color: white;
-    --background-color: white;
-    --popup-color: rgb(224, 224, 224);
-    --accent-color: #42b983;
-    --hover-color: rgb(165, 165, 165);
-    --accent-background-hover: #4380a8;
-    --overlay-color: rgba(37, 37, 37, 0.575);
-    --inactive-color: rgb(100, 100, 100);
-    --highlight-backdrop: rgb(143, 134, 192);
-    --PI: 3.14159265358979;
-}
+    :root, :root.light {
+        --primary-color: #2c3e50;
+        --accent-background: rgb(30, 30, 82);
+        --secondary-color: white;
+        --background-color: white;
+        --popup-color: rgb(224, 224, 224);
+        --accent-color: #42b983;
+        --hover-color: rgb(165, 165, 165);
+        --accent-background-hover: #4380a8;
+        --overlay-color: rgba(37, 37, 37, 0.575);
+        --inactive-color: rgb(100, 100, 100);
+        --highlight-backdrop: rgb(143, 134, 192);
+        --PI: 3.14159265358979;
+    }
 
-:root.dark {
-    --primary-color: white;
-    --accent-background: rgb(56, 56, 112);
-    --secondary-color: white;
-    --background-color: rgb(32, 32, 32);
-    --popup-color: rgb(58, 58, 58);
-    --accent-color: #42b983;
-    --hover-color: rgb(83, 83, 83);
-    --accent-background-hover: #4380a8;
-    --overlay-color: rgba(104, 104, 104, 0.575);
-    --inactive-color: rgb(190, 190, 190);
-    --highlight-backdrop: rgb(85, 63, 207);
-}
-
-@media ( prefers-color-scheme: dark ) {
-    :root {
+    :root.dark {
         --primary-color: white;
-        --popup-color: rgb(58, 58, 58);
         --accent-background: rgb(56, 56, 112);
         --secondary-color: white;
         --background-color: rgb(32, 32, 32);
+        --popup-color: rgb(58, 58, 58);
         --accent-color: #42b983;
         --hover-color: rgb(83, 83, 83);
         --accent-background-hover: #4380a8;
@@ -66,85 +51,104 @@
         --inactive-color: rgb(190, 190, 190);
         --highlight-backdrop: rgb(85, 63, 207);
     }
-}
 
-::selection {
-    background-color: var( --highlight-backdrop );
-    color: var( --secondary-color );
-}
+    @media ( prefers-color-scheme: dark ) {
+        :root {
+            --primary-color: white;
+            --popup-color: rgb(58, 58, 58);
+            --accent-background: rgb(56, 56, 112);
+            --secondary-color: white;
+            --background-color: rgb(32, 32, 32);
+            --accent-color: #42b983;
+            --hover-color: rgb(83, 83, 83);
+            --accent-background-hover: #4380a8;
+            --overlay-color: rgba(104, 104, 104, 0.575);
+            --inactive-color: rgb(190, 190, 190);
+            --highlight-backdrop: rgb(85, 63, 207);
+        }
+    }
 
-#themeSelector {
-    background-color: rgba( 0, 0, 0, 0 );
-    color: var( --primary-color );
-    font-size: 130%;
-    padding: 0;
-    margin: 0;
-    border: none;
-    cursor: pointer;
-}
+    ::selection {
+        background-color: var( --highlight-backdrop );
+        color: var( --secondary-color );
+    }
 
-html,
-body {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-}
+    #themeSelector {
+        background-color: rgba( 0, 0, 0, 0 );
+        color: var( --primary-color );
+        font-size: 130%;
+        padding: 0;
+        margin: 0;
+        border: none;
+        cursor: pointer;
+    }
 
-#app {
-    transition: 0.5s;
-    background-color: var( --background-color );
-    font-family: Avenir, Helvetica, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-align: center;
-    color: var( --primary-color );
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-}
+    html,
+    body {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+    }
 
-nav {
-    padding: 30px;
-}
+    #app {
+        transition: 0.5s;
+        background-color: var( --background-color );
+        font-family: Avenir, Helvetica, Arial, sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        text-align: center;
+        color: var( --primary-color );
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
 
-nav a {
-    font-weight: bold;
-    color: var( --primary-color );
-}
+    nav {
+        padding: 30px;
+    }
 
-nav a.router-link-exact-active {
-    color: #42b983;
-}
+    nav a {
+        font-weight: bold;
+        color: var( --primary-color );
+    }
 
-.scale-enter-active,
-.scale-leave-active {
-    transition: all 0.5s ease;
-}
+    nav a.router-link-exact-active {
+        color: #42b983;
+    }
 
-.scale-enter-from,
-.scale-leave-to {
-    opacity: 0;
-    transform: scale(0.9);
-}
+    .scale-enter-active,
+    .scale-leave-active {
+        transition: all 0.5s ease;
+    }
 
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity 0.4s ease;
-}
+    .scale-enter-from,
+    .scale-leave-to {
+        opacity: 0;
+        transform: scale(0.9);
+    }
 
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
+    .fade-enter-active,
+    .fade-leave-active {
+        transition: opacity 0.4s ease;
+    }
 
-.material-symbols-outlined {
-    font-variation-settings:
-    'FILL' 0,
-    'wght' 400,
-    'GRAD' 0,
-    'opsz' 48
-}
+    .fade-enter-from,
+    .fade-leave-to {
+        opacity: 0;
+    }
+
+    .material-symbols-outlined {
+        font-variation-settings:
+        'FILL' 0,
+        'wght' 400,
+        'GRAD' 0,
+        'opsz' 48
+    }
+
+    .clr-open {
+        border: black solid 1px !important;
+    }
 </style>
 
 <script>
diff --git a/src/webapp/src/components/seatplan/seatplanComponents/stage/stages.vue b/src/webapp/src/components/seatplan/seatplanComponents/stage/stages.vue
index 95fa83a..f2ace16 100644
--- a/src/webapp/src/components/seatplan/seatplanComponents/stage/stages.vue
+++ b/src/webapp/src/components/seatplan/seatplanComponents/stage/stages.vue
@@ -11,7 +11,7 @@
     <div id="stages" class="stages">
         <div id="rectangular" v-if="shape == 'rectangular'" class="stages"></div>
         <div id="trapezoid" v-else-if="shape == 'trapezoid'" class="stages"><div id="trapezoid-ingredient"></div></div>
-        <div id="circular" v-else-if="shape == 'circular'" class="stages">Stage</div>
+        <div id="circular" v-else-if="shape == 'circular'" class="stages"><div id="circular-ingredient"></div></div>
     </div>
 </template>
 
@@ -25,7 +25,7 @@
     border: solid black 2px;
 }
 
-#trapezoid {
+#trapezoid, #circular {
     overflow: hidden;
 }
 
@@ -38,6 +38,16 @@
     top: 29vh;
     right: 120vh;
 }
+
+#circular-ingredient {
+    border: solid black 2px;
+    border-radius: 100%;
+    height: 199%;
+    width: 199%;
+    position: relative;
+    top: 0;
+    right: 100%;
+}
 </style>
 
 <script>
diff --git a/src/webapp/src/components/seatplan/seatplanComponents/stand/standing.vue b/src/webapp/src/components/seatplan/seatplanComponents/stand/standing.vue
index c063721..c289069 100644
--- a/src/webapp/src/components/seatplan/seatplanComponents/stand/standing.vue
+++ b/src/webapp/src/components/seatplan/seatplanComponents/stand/standing.vue
@@ -11,7 +11,7 @@
     <div id="stages">
         <div id="rectangular" v-if="shape == 'rectangular'"></div>
         <div id="trapezoid" v-if="shape == 'trapezoid'"></div>
-        <div id="circular" v-if="orishapegin == 'circular'"></div>
+        <div id="circular" v-if="origin == 'circular'"></div>
     </div>
 </template>
 
diff --git a/src/webapp/src/views/admin/events/EventsDetailsView.vue b/src/webapp/src/views/admin/events/EventsDetailsView.vue
index 45d92b9..666ca53 100644
--- a/src/webapp/src/views/admin/events/EventsDetailsView.vue
+++ b/src/webapp/src/views/admin/events/EventsDetailsView.vue
@@ -17,15 +17,29 @@
         </div>
         <div class="ticket-settings">
             <h3>Ticket Settings</h3>
-            <div class="category" v-for="category in event.categories">
+            <table class="category" v-for="category in event.categories">
                 {{ category.name }}:
-                <div v-for="price in category.price">
-                    {{ price.name }}:
-                    <input type="number" v-model="price.price">
-                </div>
-                {{ category.fg }}
-                {{ category.bg }}
-            </div>
+                <tr v-for="price in category.price">
+                    <td>
+                        {{ price.name }}:
+                    </td>
+                    <td>
+                        <input type="number" v-model="price.price">
+                    </td>
+                </tr>
+                <tr>
+                    <td>Foreground colour</td>
+                    <td>
+                        <input type="text" data-coloris v-model="category.fg" onkeydown="return false;">
+                    </td>
+                </tr>
+                <tr>
+                    <td>Background colour</td>
+                    <td>
+                        <input type="text" data-coloris v-model="category.bg" onkeydown="return false;">
+                    </td>
+                </tr>
+            </table>
         </div>
         <div class="special-settings">
             <h3>Special Settings</h3>
diff --git a/website/build.js b/website/build.js
index d4e5261..855cbfb 100644
--- a/website/build.js
+++ b/website/build.js
@@ -7,19 +7,48 @@
 *
 */
 
-const prompt = require( 'prompt-sync' );
 const markdownIt = require( 'markdown-it' );
 const md2html = new markdownIt();
+const fs = require( 'fs' );
+const path = require( 'path' );
 
+buildNav( buildDocs() );
 
-if ( prompt( 'Do you want to rebuild the ' ).toLowercase === 'y' ) {
-    buildDocs();
-    buildNav();
-} 
-
-function buildNav () {
+function buildNav ( pathObject ) {
+    console.log( 'building nav ' + pathObject );
 }
 
 function buildDocs () {
+    let directoriesToScan = [];
+    let files = fs.readdirSync( path.join( __dirname + '/src/' ) );
+    for ( let file in files ) {
+        if ( files[ file ].substring( files[ file ].length - 3 ) == '.md' ) {
+            handleMD( files[ file ] );
+        } else {
+            directoriesToScan.push( files[ file ] );
+        }
+    }
+
+    let count = directoriesToScan.length;
+
+    while ( count > 0 ) {
+        for ( let missing in directoriesToScan ) {
+            let files = fs.readdirSync( path.join( __dirname + '/src/' + directoriesToScan[ missing ] ) );
+            count -= 1;
+            for ( let file in files ) {
+                if ( files[ file ].substring( files[ file ].length - 3 ) == '.md' ) {
+                    handleMD( files[ file ] );
+                } else {
+                    directoriesToScan.push( directoriesToScan[ missing ] + '/' + files[ file ] );
+                    count += 1;
+                }
+            }
+        }
+    }
     md2html.render( '#Test' );
+    return 'Hi';
+}
+
+function handleMD ( path ) {
+    console.log( 'md file', path );
 }
\ No newline at end of file
diff --git a/website/package-lock.json b/website/package-lock.json
index af9a224..b6f1917 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -9,16 +9,7 @@
       "version": "1.0.0",
       "license": "GPL-3.0-or-later",
       "dependencies": {
-        "markdown-it": "^13.0.1",
-        "prompt-sync": "^4.2.0"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
-      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
-      "engines": {
-        "node": ">=6"
+        "markdown-it": "^13.0.1"
       }
     },
     "node_modules/argparse": {
@@ -65,25 +56,6 @@
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
       "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
     },
-    "node_modules/prompt-sync": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/prompt-sync/-/prompt-sync-4.2.0.tgz",
-      "integrity": "sha512-BuEzzc5zptP5LsgV5MZETjDaKSWfchl5U9Luiu8SKp7iZWD5tZalOxvNcZRwv+d2phNFr8xlbxmFNcRKfJOzJw==",
-      "dependencies": {
-        "strip-ansi": "^5.0.0"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-      "dependencies": {
-        "ansi-regex": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
@@ -91,11 +63,6 @@
     }
   },
   "dependencies": {
-    "ansi-regex": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
-      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g=="
-    },
     "argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -131,22 +98,6 @@
       "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
       "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
     },
-    "prompt-sync": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/prompt-sync/-/prompt-sync-4.2.0.tgz",
-      "integrity": "sha512-BuEzzc5zptP5LsgV5MZETjDaKSWfchl5U9Luiu8SKp7iZWD5tZalOxvNcZRwv+d2phNFr8xlbxmFNcRKfJOzJw==",
-      "requires": {
-        "strip-ansi": "^5.0.0"
-      }
-    },
-    "strip-ansi": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-      "requires": {
-        "ansi-regex": "^4.1.0"
-      }
-    },
     "uc.micro": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
diff --git a/website/package.json b/website/package.json
index 5d3f2fa..fc4015a 100644
--- a/website/package.json
+++ b/website/package.json
@@ -4,7 +4,7 @@
   "description": "The website of libreevent",
   "main": "build.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "node build.js"
   },
   "repository": {
     "type": "git",
@@ -17,7 +17,6 @@
   },
   "homepage": "https://libreevent.janishutz.com",
   "dependencies": {
-    "markdown-it": "^13.0.1",
-    "prompt-sync": "^4.2.0"
+    "markdown-it": "^13.0.1"
   }
 }
diff --git a/website/src/admin-panel/test/test.md b/website/src/admin-panel/test/test.md
new file mode 100644
index 0000000..e69de29