diff --git a/website/dist/docs/contributing/code-of-conduct/index.html b/website/dist/docs/contributing/code-of-conduct/index.html
index a534971..92bc7f7 100644
--- a/website/dist/docs/contributing/code-of-conduct/index.html
+++ b/website/dist/docs/contributing/code-of-conduct/index.html
@@ -18,6 +18,15 @@
             <div id="docPage">
                 <div id="doc-container">
                 <h1>Code of Conduct</h1>
+<p>If you would like to contribute code to libreevent, we'd like you to follow the following guidelines.</p>
+<ul>
+<li>Any code you want to contribute should have a reason to exist, please, if you find a bug or you have any idea for what you might want to contribute, ask around on GitHub, not that you do something nobody has use for or somebody else is already working on.</li>
+<li>Always be polite to other developers. They spend their free-time working on this project. Even if the code is not as good as you might want it to be, don't start to offend people, give them some constructive criticism or suggestions on how they can improve it.</li>
+<li>All the code that you produce should in no way be harmful to the consumer. If you have a proof-of-concept for a potential exploit, we'd like you to share it with us.</li>
+<li>If you have code that is unfinished and you don't have the time or willingness to finish it, please open a PR as a draft and we'll mark it as up for grabs.</li>
+<li>Please do some testing on the code you write to make sure it works as expected. We will also do our own testing, but we expect you to have checked that everything is working as it should beforehands.</li>
+<li>Please follow our programming style and make sure that eslint does not show any errors with the code you just wrote.</li>
+</ul>
 </div>
             </div>
             <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
diff --git a/website/dist/docs/contributing/design-guidelines/index.html b/website/dist/docs/contributing/design-guidelines/index.html
index bb352bc..d4c6413 100644
--- a/website/dist/docs/contributing/design-guidelines/index.html
+++ b/website/dist/docs/contributing/design-guidelines/index.html
@@ -18,6 +18,8 @@
             <div id="docPage">
                 <div id="doc-container">
                 <h1>Design Guidelines</h1>
+<p>Everything in libreevent should be designed in a way that puts legibility and ease of use as its priority, instead of opting for special effects that are, undeniably, nice, but do not contribute to improved usability and, as every effect needs some lines of code, also wastes bandwidth that is very limited if a lot of people access the sites simultaneously.</p>
+<p>All color used in libreevent should be a color variable that is defined in the App.vue files which means those colors can be changed easily in the future or as part of switching to dark mode. When designing something, please avoid adding more colors whenever possible.</p>
 </div>
             </div>
             <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
diff --git a/website/dist/docs/contributing/packaging/index.html b/website/dist/docs/contributing/packaging/index.html
new file mode 100644
index 0000000..5ac930c
--- /dev/null
+++ b/website/dist/docs/contributing/packaging/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <title>Packaging :: docs - libreevent</title>
+            <link rel="stylesheet" href="/docs/css/style.css">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <meta charset="utf-8">
+            <meta name="description" content="Looking for a free and open source event management solution you can host yourself? libreevent is a project that does exactly that.">
+            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
+            <script>hljs.highlightAll();</script>
+        </head>
+        <body>
+            <div id="nav"></div>
+            <div id="side-bar"></div>
+            <div id="backToTop" onclick="backToTop();"></div>
+            <div id="docPage">
+                <div id="doc-container">
+                <h1>Packaging</h1>
+<p>To be able to work on libreevent, you need to have node.js and npm installed on your computer.</p>
+<p>Then, to set up the development environment, run</p>
+<pre><code>npm i
+</code></pre>
+<p>in the <em>src/server</em>, <em>src/webapp/main</em> and <em>src/webapp/setup</em> directories. This creates the <em>node_modules</em> folder in each of those directories. This is also what you need to do, if you want to upload the development version of libreevent.</p>
+</div>
+            </div>
+            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+            <script src="/docs/js/index.js"></script>
+        </body>
+    </html>
\ No newline at end of file
diff --git a/website/dist/docs/side-bar.html b/website/dist/docs/side-bar.html
index ff145d6..fc038b2 100644
--- a/website/dist/docs/side-bar.html
+++ b/website/dist/docs/side-bar.html
@@ -23,6 +23,7 @@
 <a class="side-nav-subitem" id="contributing" href="/docs/contributing">Getting Started</a>
 <a class="side-nav-subitem" id="contributing-code-of-conduct" href="/docs/contributing/code-of-conduct">Code of Conduct</a>
 <a class="side-nav-subitem" id="contributing-design-guidelines" href="/docs/contributing/design-guidelines">Design Guidelines</a>
+<a class="side-nav-subitem" id="contributing-packaging" href="/docs/contributing/packaging">Packaging</a>
 <a class="side-nav-subitem" id="contributing-plugins" href="/docs/contributing/plugins">Contributing Plugins</a>
 </div>
 <a class="side-nav-item" id="errors" href="/docs/errors">Errors</a>
diff --git a/website/dist/download/thanks/index.html b/website/dist/download/thanks/index.html
new file mode 100644
index 0000000..9a6d35a
--- /dev/null
+++ b/website/dist/download/thanks/index.html
@@ -0,0 +1,71 @@
+<!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 libreevent, the free and open source event management solution">
+        <title>Download - libreǝvent</title>
+        <link rel="stylesheet" href="/css/style.css">
+        <style>
+            .download-buttons {
+                width: 100%;
+                margin-top: 2%;
+                margin-bottom: 2%;
+                display: flex;
+                flex-wrap: wrap;
+                height: fit-content;
+            }
+
+            .button {
+                display: block;
+                margin: 0;
+                width: 40%;
+                margin-right: 1%;
+                margin-bottom: 0.5%;
+            }
+        </style>
+    </head>
+    <body>
+        <div id="nav"></div>
+        <div id="backToTop" onclick="backToTop();"></div>
+        <div class="title-wrapper">
+            <h1>Thank you for downloading <i>libre</i>ǝvent</h1>
+        </div>
+        <div class="content">
+            <h3>Where to go from here?</h3>
+            <ul>
+                <li>Deploy libreevent on a webserver: <a href="/docs/setup/installation">Guide</a></li>
+                <li>Setup and configure libreevent: <a href="/docs/setup/setup">Guide</a></li>
+                <li>Help develop libreevent: <a href="/docs/contributing">Guidelines</a></li>
+                <li>Support libreevent's development: <a href="/docs/sponsoring">Sponsoring</a></li>
+            </ul>
+        </div>
+        <div id="footer"></div>
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+        <script>
+            let btn = document.getElementById( 'backToTop' );
+            $( document ).ready( function () {
+                $( '#nav' ).load( '/nav.html' );
+                $( '#footer' ).load( '/footer.html' );
+            } );
+
+            function backToTop () {
+                if ( document.body.scrollTop > 500 || document.documentElement.scrollTop > 500 ) {
+                    window.scrollTo( { top: 0, behavior: 'smooth' } );
+                }
+            }
+
+            window.onscroll = function () {
+                if ( document.body.scrollTop > 500 || document.documentElement.scrollTop > 500 ) {
+                    btn.style.opacity = '1';
+                    btn.style.cursor = 'pointer';
+                } else {
+                    btn.style.opacity = '0';
+                    btn.style.cursor = 'default';
+                }
+            };
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/website/dist/index.html b/website/dist/index.html
index 50ee592..5ca9cad 100644
--- a/website/dist/index.html
+++ b/website/dist/index.html
@@ -32,7 +32,7 @@
                 <div class="feature">
                     <h4>Visual seat plan editor</h4>
                     <p>Use libreǝvent's powerful seat plan editor to create a seat plan that closely resembles your event location within minutes</p>
-                    <a href="/seatplan-editor-showcase/" class="button">Seat plan editor showcase</a>
+                    <a href="/docs/admin-panel/seatplan-editor" class="button">Docs</a>
                 </div>
                 <div class="feature">
                     <h4>Simple to set up</h4>
@@ -47,7 +47,7 @@
                 <div class="feature">
                     <h4>Free & Open Source</h4>
                     <p>You may use this project entirely for free or donate some money to keep it alive! You may also help contributing to the project to make it even better!</p>
-                    <a href="/docs/sponsor" class="button">Donate</a>
+                    <a href="/docs/sponsoring" class="button">Donate</a>
                     <a href="/docs/contributing" class="button">Contributing</a>
                 </div>
                 <div class="feature">
diff --git a/website/src/contributing/design-guidelines.md b/website/src/contributing/design-guidelines.md
index cb72ea4..8b5844f 100644
--- a/website/src/contributing/design-guidelines.md
+++ b/website/src/contributing/design-guidelines.md
@@ -1,3 +1,5 @@
 # Design Guidelines
 
-Everything in libreevent should be designed in a way that puts legibility and ease of use as its priority, instead of opting for special effects that are, undeniably, nice, but do not contribute to improved usability and, as every effect needs some lines of code, also wastes bandwidth that is very limited if a lot of people access the sites simultaneously. 
\ No newline at end of file
+Everything in libreevent should be designed in a way that puts legibility and ease of use as its priority, instead of opting for special effects that are, undeniably, nice, but do not contribute to improved usability and, as every effect needs some lines of code, also wastes bandwidth that is very limited if a lot of people access the sites simultaneously. 
+
+All color used in libreevent should be a color variable that is defined in the App.vue files which means those colors can be changed easily in the future or as part of switching to dark mode. When designing something, please avoid adding more colors whenever possible.
\ No newline at end of file
