initial setup of website

2025-11-25 13:24:24 +00:00 · 2023-03-10 18:38:27 +01:00
parent 0d4191eec3
commit 5ca3e383a6
26 changed files with 387 additions and 30 deletions
--- a/src/server/package.json
+++ b/src/server/package.json
@@ -65,5 +65,5 @@
  "bugs": {
    "url": "https://github.com/simplePCBuilding/myevent/issues"
  },
-  "homepage": "https://github.com/simplePCBuilding/myevent#readme"
+  "homepage": "https://myevent.janishutz.com"
 }
--- a/website/README.md
+++ b/website/README.md
@@ -5,8 +5,8 @@ The main website's pages are written in HTML & CSS whilst the doc pages are auto
 ## Links in the md files in [src/](src/)
 Please note that you are required to use either a link relative to the root folder with double forward slash (example: *//server/app.js*), to the website root with a single forward slash (example: */download*) or a full link (example: *https://myevent.janishutz.com/docs*). If you do not follow these patterns, the website won't build or the links will not work correctly. NOTE: Don't be confused if the root folder links don't work in the Markdown, as they use specific syntax for the build script.

-## Folder structure and file naming
-Please create an *index.md* file inside of a folder such that, when the website is compiled, the *.html* file extension disappears.
+## Folder structure, file naming and file structure
+Please note that the filename that is used for the md file is used to create a folder that contains an *index.html* so the *.html* file extension disappears. The build script uses the first level 1 title (marked with \# in md) as the page title and also for the navigation menu, so please choose the title appropriately and don't let it exceed 50 characters!

 ## Modifying the files in [dist/](dist/)
 You may modify all the files in the [dist/](dist/) directory except the files in [dist/docs/](dist/docs/).
--- a/website/build.js
+++ b/website/build.js
@@ -0,0 +1,25 @@
+/*
+*				myevent - build.js
+*
+*	Created by Janis Hutz 03/09/2023, Licensed under the GPL V3 License
+*			https://janishutz.com, development@janishutz.com
+*
+*
+*/
+
+const prompt = require( 'prompt-sync' );
+const markdownIt = require( 'markdown-it' );
+const md2html = new markdownIt();
+
+
+if ( prompt( 'Do you want to rebuild the ' ).toLowercase === 'y' ) {
+    buildDocs();
+    buildNav();
+} 
+
+function buildNav () {
+}
+
+function buildDocs () {
+    md2html.render( '#Test' );
+}
--- a/website/dist/assets/CSS3_logo_and_wordmark.svg
+++ b/website/dist/assets/CSS3_logo_and_wordmark.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="102.3716mm" height="144.49777mm" viewBox="0 0 362.73401 511.99998" id="svg3476" version="1.1" inkscape:version="0.91 r13725" sodipodi:docname="CSS3.svg">
+  <defs id="defs3478"/>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" inkscape:cx="181.367" inkscape:cy="256" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1366" inkscape:window-height="704" inkscape:window-x="0" inkscape:window-y="27" inkscape:window-maximized="1"/>
+  <metadata id="metadata3481">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g inkscape:label="Calque 1" inkscape:groupmode="layer" id="layer1" transform="translate(-193.633,-276.3622)">
+    <g id="g3013" transform="translate(119,276.3622)">
+      <polygon id="polygon2989" points="437.367,100.62 404.321,470.819 255.778,512 107.644,470.877 74.633,100.62 " style="fill:#264de4"/>
+      <polygon id="polygon2991" points="376.03,447.246 404.27,130.894 256,130.894 256,480.523 " style="fill:#2965f1"/>
+      <polygon id="polygon2993" points="150.31,268.217 154.38,313.627 256,313.627 256,268.217 " style="fill:#ebebeb"/>
+      <polygon id="polygon2995" points="256,176.305 255.843,176.305 142.132,176.305 146.26,221.716 256,221.716 " style="fill:#ebebeb"/>
+      <polygon id="polygon2997" points="256,433.399 256,386.153 255.801,386.206 205.227,372.55 201.994,336.333 177.419,336.333 156.409,336.333 162.771,407.634 255.791,433.457 " style="fill:#ebebeb"/>
+      <path id="path2999" d="m 160,0 55,0 0,23 -32,0 0,23 32,0 0,23 -55,0 z" inkscape:connector-curvature="0"/>
+      <path id="path3001" d="m 226,0 55,0 0,20 -32,0 0,4 32,0 0,46 -55,0 0,-21 32,0 0,-4 -32,0 z" inkscape:connector-curvature="0"/>
+      <path id="path3003" d="m 292,0 55,0 0,20 -32,0 0,4 32,0 0,46 -55,0 0,-21 32,0 0,-4 -32,0 z" inkscape:connector-curvature="0"/>
+      <polygon id="polygon3005" points="311.761,313.627 306.49,372.521 255.843,386.191 255.843,433.435 348.937,407.634 349.62,399.962 360.291,280.411 361.399,268.217 369.597,176.305 255.843,176.305 255.843,221.716 319.831,221.716 315.699,268.217 255.843,268.217 255.843,313.627 " style="fill:#ffffff"/>
+    </g>
+  </g>
+</svg>
--- a/website/dist/assets/HTML5_Logo.svg
+++ b/website/dist/assets/HTML5_Logo.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <title>HTML5 Logo</title>
+  
+  <polygon fill="#E44D26" points="107.644,470.877 74.633,100.62 437.367,100.62 404.321,470.819 255.778,512    "/>
+  <polygon fill="#F16529" points="256,480.523 376.03,447.246 404.27,130.894 256,130.894    "/>
+  <polygon fill="#EBEBEB" points="256,268.217 195.91,268.217 191.76,221.716 256,221.716 256,176.305 255.843,176.305 142.132,176.305 143.219,188.488 154.38,313.627 256,313.627"/>
+  <polygon fill="#EBEBEB" points="256,386.153 255.801,386.206 205.227,372.55 201.994,336.333 177.419,336.333 156.409,336.333 162.771,407.634 255.791,433.457 256,433.399"/>
+  <path d="M108.382,0h23.077v22.8h21.11V0h23.078v69.044H152.57v-23.12h-21.11v23.12h-23.077V0z"/>
+  <path d="M205.994,22.896h-20.316V0h63.72v22.896h-20.325v46.148h-23.078V22.896z"/>
+  <path d="M259.511,0h24.063l14.802,24.26L313.163,0h24.072v69.044h-22.982V34.822l-15.877,24.549h-0.397l-15.888-24.549v34.222h-22.58V0z"/>
+  <path d="M348.72,0h23.084v46.222h32.453v22.822H348.72V0z"/>
+  <polygon fill="#FFFFFF" points="255.843,268.217 255.843,313.627 311.761,313.627 306.49,372.521 255.843,386.191 255.843,433.435 348.937,407.634 349.62,399.962 360.291,280.411 361.399,268.217 349.162,268.217"/>
+  <polygon fill="#FFFFFF" points="255.843,176.305 255.843,204.509 255.843,221.605 255.843,221.716 365.385,221.716 365.385,221.716 365.531,221.716 366.442,211.509 368.511,188.488 369.597,176.305"/>
+</svg>
--- a/website/dist/assets/JavaScript-logo.png
+++ b/website/dist/assets/JavaScript-logo.png
--- a/website/dist/assets/Node.js_logo.svg
+++ b/website/dist/assets/Node.js_logo.svg
--- a/website/dist/assets/htmlCSSJS.png
+++ b/website/dist/assets/htmlCSSJS.png
--- a/website/dist/assets/htmlCSSJS.xcf
+++ b/website/dist/assets/htmlCSSJS.xcf
--- a/website/dist/css/home.css
+++ b/website/dist/css/home.css
@@ -19,10 +19,24 @@
 }

 .feature {
+    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
-    width: 40%;
+    width: 100%;
    padding: 2%;
 }
+
+
+.image {
+    width: 40%;
+    height: auto;
+    margin: 3%;
+}
+
+@media only screen and (min-width: 999px) {
+    .feature {
+        width: 40%;
+    }
+}
--- a/website/dist/css/style.css
+++ b/website/dist/css/style.css
@@ -30,6 +30,7 @@ body {
    */
    background-color: white;
    display: flex;
+    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
@@ -47,19 +48,43 @@ body {
    width: 90%;
    padding: 2%;
    margin: 3%;
-    background-color: rgba(255, 255, 255, 0.644);
+    background-color: rgba(142, 156, 237, 0.644);
    border-radius: 0px 0px 50px 50px;
-    margin-top: 0%;
+    margin-top: 0;
 }

 .button {
    background-color: rgb(24, 43, 61);
    color: white;
    text-decoration: none;
-    padding: 5%;
-    padding-bottom: 3%;
-    padding-top: 3%;
+    padding: 40px;
+    padding-bottom: 20px;
+    padding-top: 20px;
    border-radius: 30px;
    cursor: pointer;
    margin: 1.5%;
 }
+
+#nav {
+    position: relative;
+    z-index: 1;
+    height: 25vh;
+}
+
+@media only screen and (min-width: 999px) {
+    #nav {
+        height: 15vh;
+    }
+
+    .content, .title-wrapper {
+        width: 70%;
+        padding: 5%;
+        margin: 10%;
+        margin-top: 0;
+    }
+
+    .title-wrapper {
+        margin-top: 3%;
+        margin-bottom: 0;
+    }
+}
--- a/website/dist/download/index.html
+++ b/website/dist/download/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="description" content="Download myevent, the free and open source event management solution">
+        <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+        <script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+        <script defer src="/js/index.js"></script>
+        <title>Download - myevent</title>
+        <link rel="stylesheet" href="/css/style.css">
+    </head>
+    <body>
+        <div id="nav"></div>
+        <div class="title-wrapper">
+            <h1>Download myevent</h1>
+            <footer>Ready to downlaod?</footer>
+        </div>
+        <div class="content">
+            <p>There are a couple of options to download myevent. You may use npm or you may download it from the GitHub releases page. You may also clone the repository locally if you want to use upstream instead of a release</p>
+            <a href="https://github.com/simplePCBuilding/myevent" class="button">GitHub</a>
+            <p>You may download the iOS & Android apps from the AppStore / Google Play Store respectively.</p>
+        </div>
+        <div id="footer"></div>
+    </body>
+</html>
--- a/website/dist/footer.html
+++ b/website/dist/footer.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="/css/footerstyle.css">
+        <title>footer</title>
+    </head>
+    <body>
+        <div class="footer">
+            
+        </div>
+    </body>
+</html>
--- a/website/dist/index.html
+++ b/website/dist/index.html
@@ -1,11 +1,10 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
    <head>
        <title>myevent - Free & Open Source event management solution</title>
        <link rel="stylesheet" href="/css/style.css">
        <link rel="stylesheet" href="/css/home.css">
        <meta charset="utf-8">
-        <script src="/js/index.js"></script>
        <meta name="description" content="Looking for a free and open source event management solution you can host yourself? myevent is a project that does exactly that.">
        <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
        <script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@@ -21,6 +20,13 @@
            <footer>Free & Open Source self-hosted event management solution</footer>
        </div>
        <div class="content">
+            <h2>What is myevent?</h2>
+            <p>myevent is a free and fully open source self-hosted event management solution that you can use to sell tickets for your next event. It is written in Node.js, JavaScript, TypeScript, HTML and CSS. It uses Vue.js for the ticket purchasing system and features both an iOS and Android App you can download and use entirely for free. If you like this project, please consider giving it a star on GitHub and donating to help fund development of this project!</p>
+            <div class="image-group">
+                <a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/Node.js_logo.svg" class="image"></a>
+                <a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/htmlCSSJS.png" class="image"></a>
+            </div>
+            <h2 style="text-align: center; width: 100%; margin-bottom: 0;">Features</h2>
            <div class="feature-overview">
                <div class="feature">
                    <h4>Simple to set up</h4>
--- a/website/dist/js/index.js
+++ b/website/dist/js/index.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-undef */
 /*
 *				myevent - index.js
 *
@@ -9,4 +10,14 @@

 $( document ).ready( function () {
    $( '#nav' ).load( '/nav.html' );
+
+    $( '.button' ).mouseenter( function () { 
+        $( this ).stop();
+        $( this ).animate( { 'border-radius': '5px', 'background-color': 'rgb(60, 85, 140)' }, 200 );
+    } );
+
+    $( '.button' ).mouseleave( function () { 
+        $( this ).stop();
+        $( this ).animate( { 'border-radius': '30px', 'background-color': 'rgb(24, 43, 61)' }, 400 );
+    } );
 } );
--- a/website/dist/nav.html
+++ b/website/dist/nav.html
@@ -10,19 +10,17 @@
    <body>
        <div class="nav-container">
            <div class="mobile-wrapper">
-                <a class="logo-container" href="/"><img class="logo" src="/assets/apple-touch-icon.png" alt="impress-logo"></a>
+                <a class="logo-container" href="/"><img class="logo" src="/assets/logo.png" alt="impress-logo"></a>
                <div class="toggle-wrapper">
-                    <a class="listtoggle" onclick="togglelist()">&#9776</a>
+                    <a class="listtoggle" onclick="toggleList()">&#9776</a>
                </div>
            </div>
            <div class="nav-wrapper">
                <div class="nav-menu">
                    <div class="nav-list">
                        <a class="navitem" id="docs" href="/docs">Documentation</a>
-                        <a class="navitem" id="download" href="/download.html">Download</a>
-                        <a class="navitem" id="demo" href="/demo">Demo</a>
-                        <a class="navitem" id="examples" href="/demo/examples">Examples</a>
-                        <a class="navitem" id="gh" href="https://github.com/impress/impress.js">GitHub</a>
+                        <a class="navitem" id="download" href="/download">Download</a>
+                        <a class="navitem" id="gh" href="https://github.com/simplePCBuilding/myevent">GitHub</a>
                    </div>
                </div>
            </div>
@@ -44,7 +42,7 @@
            } );

            let previous = 1;
-            function togglelist() {
+            function toggleList() {
                $( '.nav-menu' ).slideToggle( 300 );
                $( '.listtoggle' ).toggleClass( 'active' );
            }
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -0,0 +1,156 @@
+{
+  "name": "myevent-website",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "myevent-website",
+      "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"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
+    "node_modules/entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.1.tgz",
+      "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
+    "node_modules/mdurl": {
+      "version": "1.0.1",
+      "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",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    }
+  },
+  "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",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
+    "entities": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
+      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q=="
+    },
+    "linkify-it": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
+      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "markdown-it": {
+      "version": "13.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.1.tgz",
+      "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
+      "requires": {
+        "argparse": "^2.0.1",
+        "entities": "~3.0.1",
+        "linkify-it": "^4.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      }
+    },
+    "mdurl": {
+      "version": "1.0.1",
+      "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",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    }
+  }
+}
--- a/website/package.json
+++ b/website/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "myevent-website",
+  "version": "1.0.0",
+  "description": "The website of myevent",
+  "main": "build.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/simplePCBuilding/myevent.git"
+  },
+  "author": "Janis Hutz",
+  "license": "GPL-3.0-or-later",
+  "bugs": {
+    "url": "https://github.com/simplePCBuilding/myevent/issues"
+  },
+  "homepage": "https://myevent.janishutz.com",
+  "dependencies": {
+    "markdown-it": "^13.0.1",
+    "prompt-sync": "^4.2.0"
+  }
+}
--- a/website/src/contributing.md
+++ b/website/src/contributing.md
@@ -0,0 +1,2 @@
+# Contributing
+You are interested in helping develop this project to make it even better? Then let's show you, how you may help and what you should keep in mind!
--- a/website/src/contributing/plugins.md
+++ b/website/src/contributing/plugins.md
--- a/website/src/how-it-works.md
+++ b/website/src/how-it-works.md
@@ -0,0 +1,2 @@
+# How it works
+This page gives you a somewhat detailed overview on how the system operates. Note that this page is not made with user-legibility in mind, as this page is oriented to give possible contributors an introduction to the project to help them getting started.
--- a/website/src/index.md
+++ b/website/src/index.md
@@ -0,0 +1,2 @@
+# myevent - documentation
+Welcome to the myevent documentation! Here you may learn how to set up a myevent-server instance, how to configure it and how to install plugins. You may also learn how to develop your own plugin and what you need to know if you want to contribute to the project.
--- a/website/src/plugins.md
+++ b/website/src/plugins.md
--- a/website/src/sponsor.md
+++ b/website/src/sponsor.md
--- a/website/src/systemrequirements/index.md
+++ b/website/src/systemrequirements/index.md
@@ -0,0 +1,8 @@
+# Systemrequirements
+myevent's system requirements are low, you only need a PC or Server that can run node.js and is able to install npm packages. If the system you are trying to use is unable to download npm packages, you may download the packages on your own system and upload them together with the rest of the server files. How to do that is described in greater detail in the [Getting Started guide](/docs/gettingStarted).
+
+## node.js
+Your system needs to be able to run node.js V > 12.0 and must have access to either npm or the downloaded npm packages.
+
+## Hardware requirements
+Hardware requirements solely depend on the amount of usage it is going to get. An average hosting plan should be able to handle about 1000 people. In case the system is not able to uphold the traffic, it will activate a protection to try and stop overloading and crashing the system. Although using multiple checks, we cannot guarantee that the system will never crash due to being overloaded, so, if the website is important, please overspec the server.
--- a/website/src/tutorial.md
+++ b/website/src/tutorial.md