update docs website

This commit is contained in:
2023-06-17 16:13:43 +02:00
parent 2d6911b324
commit 4729384fc8
26 changed files with 286 additions and 121 deletions

View File

@@ -26,7 +26,7 @@ function buildNav ( pathObject ) {
<div class="side-nav-container"> <div class="side-nav-container">
<div class="side-nav-wrapper"> <div class="side-nav-wrapper">
<div class="side-nav-list"> <div class="side-nav-list">
<a class="side-nav-item" id="home" href="/docs">Home</a>`; <a class="side-nav-item" id="docs-home" href="/docs">Home</a>`;
let groups = {}; let groups = {};
for ( let item in pathObject ) { for ( let item in pathObject ) {
if ( groups[ pathObject[ item ][ 'group' ] ] ) { if ( groups[ pathObject[ item ][ 'group' ] ] ) {
@@ -37,12 +37,16 @@ function buildNav ( pathObject ) {
} }
for ( let group in groups ) { for ( let group in groups ) {
html += `<a class="side-nav-item" id="${ group }Nav" onclick="toggleList( '${ group }' );">${ group }</a> if ( Object.keys( groups[ group ] ).length > 1 ) {
<div class="side-dropdown" id="${ group }">\n`; html += `<a class="side-nav-item" id="${ group }Nav" onclick="toggleList( '${ group }' );">${ group.slice( 0, 1 ).toUpperCase() + group.substring( 1 ) }</a>
<div class="side-dropdown" id="${ group }-dropdown">\n`;
for ( let entry in groups[ group ] ) { for ( let entry in groups[ group ] ) {
html += `<a class="side-nav-subitem" id="root" href="${ groups[ group ][ entry ][ 'filePath' ] }">${ groups[ group ][ entry ][ 'title' ] }</a>\n`; html += `<a class="side-nav-subitem" id="${ groups[ group ][ entry ][ 'id' ] }" href="${ groups[ group ][ entry ][ 'filePath' ] }">${ groups[ group ][ entry ][ 'title' ] }</a>\n`;
} }
html += '</div>\n'; html += '</div>\n';
} else {
html += `<a class="side-nav-item" id="${ groups[ group ][ 0 ][ 'id' ] }" href="${ groups[ group ][ 0 ][ 'filePath' ] }">${ groups[ group ][ 0 ][ 'title' ] }</a>\n`;
}
} }
html += `</div> html += `</div>
@@ -52,8 +56,9 @@ function buildNav ( pathObject ) {
</body> </body>
</html>`; </html>`;
console.log( html );
fs.writeFileSync( path.join( __dirname + '/dist/docs/side-bar.html' ), html ); fs.writeFileSync( path.join( __dirname + '/dist/docs/side-bar.html' ), html );
console.log( '\n\n==> Completed building website! \n\n' );
} }
function buildDocs () { function buildDocs () {
@@ -132,8 +137,7 @@ function storeHTML( html, filepath ) {
<html lang="en"> <html lang="en">
<head> <head>
<title>${ title } :: docs - libreevent</title> <title>${ title } :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -150,7 +154,6 @@ function storeHTML( html, filepath ) {
<div id="doc-container"> <div id="doc-container">
${ html }</div> ${ html }</div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>
@@ -176,5 +179,13 @@ function storeHTML( html, filepath ) {
} }
fileOutputPath += '/index.html'; fileOutputPath += '/index.html';
fs.writeFileSync( fileOutputPath, data ); fs.writeFileSync( fileOutputPath, data );
return { 'filePath': '/docs/' + category, 'title': title, 'group': group }; let id = '';
for ( let letter in category ) {
if ( category[ letter ] == '/' ) {
id += '-';
} else {
id += category[ letter ];
}
}
return { 'filePath': '/docs/' + category, 'title': title, 'group': group, 'id': id };
} }

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Admin Accounts :: docs - libreevent</title> <title>Admin Accounts :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -57,7 +56,6 @@
<h2>Removing an account</h2> <h2>Removing an account</h2>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Events :: docs - libreevent</title> <title>Events :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -30,7 +29,6 @@
<p>Choose a location where your event is going to take place. You can do so by selecting an existing location from the dropdown or by adding a new one. In the same step, you'll also need to choose between a seat plan and no seat plan, and if you choose a seat plan, you'll need to create one using out handy seatplan editor. See our seatplan editor guide <a href="/docs/admin-panel/seatplan-editor">here</a></p> <p>Choose a location where your event is going to take place. You can do so by selecting an existing location from the dropdown or by adding a new one. In the same step, you'll also need to choose between a seat plan and no seat plan, and if you choose a seat plan, you'll need to create one using out handy seatplan editor. See our seatplan editor guide <a href="/docs/admin-panel/seatplan-editor">here</a></p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Admin panel :: docs - libreevent</title> <title>Admin panel :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -32,7 +31,6 @@
<p><em>As a general recommendation, we do not encourage logging in as the root user if not strictly necessary, as this can help protect the libreevent installation</em>.</p> <p><em>As a general recommendation, we do not encourage logging in as the root user if not strictly necessary, as this can help protect the libreevent installation</em>.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Pages :: docs - libreevent</title> <title>Pages :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -21,7 +20,6 @@
<h1>Pages</h1> <h1>Pages</h1>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Plugins :: docs - libreevent</title> <title>Plugins :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -21,7 +20,6 @@
<h1>Plugins</h1> <h1>Plugins</h1>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Seatplan editor :: docs - libreevent</title> <title>Seatplan editor :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -30,7 +29,6 @@
<p>The editor does auto-save a draft every minute. Pressing Ctrl + S or hitting the Save button in the toolbar will immediately save the seatplan as a draft. Click the deploy button to save the seatplan permanently, irreversibly overwriting any potentially existing old seatplan of that location, except you change the location name after the fact.</p> <p>The editor does auto-save a draft every minute. Pressing Ctrl + S or hitting the Save button in the toolbar will immediately save the seatplan as a draft. Click the deploy button to save the seatplan permanently, irreversibly overwriting any potentially existing old seatplan of that location, except you change the location name after the fact.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Settings :: docs - libreevent</title> <title>Settings :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -39,7 +38,6 @@
<p>This should be self explanatory, but keep in mind that this change will only take effect after the next restart of the node app.</p> <p>This should be self explanatory, but keep in mind that this change will only take effect after the next restart of the node app.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Contributing :: docs - libreevent</title> <title>Contributing :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -22,7 +21,6 @@
<p>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!</p> <p>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!</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Contributing Plugins :: docs - libreevent</title> <title>Contributing Plugins :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -21,7 +20,6 @@
<h1>Contributing Plugins</h1> <h1>Contributing Plugins</h1>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -0,0 +1,45 @@
/*
* libreevent - navstyle.css
*
* Created by Janis Hutz 06/17/2023, Licensed under the GPL V3 License
* https://janishutz.com, development@janishutz.com
*
*
*/
.side-nav-container {
min-height: 100vh;
width: 100%;
background-color: rgb(0, 0, 49);
}
.side-nav-item {
width: 90%;
padding: 3% 5%;
display: block;
background-color: rgb(16, 16, 46);
color: white;
text-decoration: none;
cursor: pointer;
transition: all 0.5s;
}
.side-nav-subitem {
width: 85%;
padding: 2% 5% 2% 10%;
display: block;
background-color: rgb(16, 16, 46);
color: white;
text-decoration: none;
cursor: pointer;
transition: all 0.5s;
}
.side-dropdown {
display: none;
}
.side-nav-item:hover, .side-nav-subitem:hover, .active {
background-color: rgb(0, 0, 133);
}

View File

@@ -1,4 +1,147 @@
#docPage { /*
* libreevent - style.css
*
* Created by Janis Hutz 06/17/2023, Licensed under the GPL V3 License
* https://janishutz.com, development@janishutz.com
*
*
*/
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size: calc(15pt + 0.4vw);
font-family: sans-serif;
}
body {
height: 100vh;
display: grid;
background-color: #7c8cec;
grid-template-areas:
'header header header header header'
'menu main main main main'
'menu main main main main'
'menu main main main main'
'menu main main main main'
'menu main main main main'
'menu main main main main'
'menu main main main main'
'menu main main main main'
'footer footer footer footer footer';
}
.title-wrapper {
/*
TODO: Replace with image
*/
background-color: white;
display: flex;
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center;
width: 90%; width: 90%;
padding: 2%;
margin: 3%;
margin-bottom: 0%;
border-radius: 50px;
}
.content {
width: 90%;
padding: 2%;
margin: 3%;
border-radius: 0px 0px 50px 50px;
margin-top: 0;
}
#docPage {
grid-area: main;
overflow: scroll;
width: 74vw;
height: 100%;
}
#doc-container {
width: 90%;
height: 100%;
margin-left: 5%; margin-left: 5%;
} }
.dev {
background-color: rgb(182, 69, 69, 0.9);
padding: 10px;
text-align: center;
border-radius: 50px;
}
#nav {
grid-area: header;
position: sticky;
z-index: 1;
height: 15vh;
width: 100%;
background-color: white;
display: flex;
justify-content: flex-end;
align-items: center;
}
#footer {
grid-area: footer;
}
#side-bar {
width: 25vw;
grid-area: menu;
overflow: scroll;
height: 100%;
}
.button {
background-color: rgb(24, 43, 61);
color: white;
text-decoration: none;
padding: 40px;
padding-bottom: 20px;
padding-top: 20px;
border-radius: 30px;
cursor: pointer;
margin: 1.5%;
transition: 1s;
}
.button:hover {
transition: 0.2s;
border-radius: 5px;
background-color: rgb(60, 85, 140);
}
#backToTop {
border-radius: 500px;
border-width: 1px;
background-color: rgb(34, 72, 143);
background-image: url('/assets/up.svg');
background-size: cover;
width: calc(30px + 0.5vw);
height: calc(30px + 0.5vw);
padding: 0.2%;
float: right;
color: white;
position: fixed;
top: 90%;
right: 7%;
opacity: 0;
cursor: default;
transition: 0.5s
}
#backToTop:hover {
background-color: rgb(24, 43, 61);
width: calc(35px + 0.5vw);
height: calc(35px + 0.5vw);
transition: 0.2s;
}

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Errors :: docs - libreevent</title> <title>Errors :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -25,7 +24,6 @@
<p>An internal server error occurs when the server is unable to properly process a request, which in some cases might also return a <a href="#400">400</a> error, if the server first decides that the request is unacceptable.</p> <p>An internal server error occurs when the server is unable to properly process a request, which in some cases might also return a <a href="#400">400</a> error, if the server first decides that the request is unacceptable.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>How it works :: docs - libreevent</title> <title>How it works :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -24,7 +23,6 @@
<p>This project is written in a variety of different programming languages. First of all, the backend is written in Node.js with express.js routing. It also uses nodemysql to interact with the MySQL database, if the user chose to use one. For authentication, it uses express-session, for which a new session secret is generated whenever the server restarts to increase security.</p> <p>This project is written in a variety of different programming languages. First of all, the backend is written in Node.js with express.js routing. It also uses nodemysql to interact with the MySQL database, if the user chose to use one. For authentication, it uses express-session, for which a new session secret is generated whenever the server restarts to increase security.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>libreevent - Free & Open Source event management solution</title> <title>libreevent - Free & Open Source event management solution</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -23,9 +22,11 @@
</div> </div>
<div class="content"> <div class="content">
<h3 class="dev">Website & project not completed yet!</h3> <h3 class="dev">Website & project not completed yet!</h3>
<h3>Welcome to the libreǝvent docs, THE place to learn all about the project!</h3>
<p>libreǝvent is a free and open source event management solution with which you may sell tickets online at incredibly low prices as you host the application yourself. But don't be afraid, it's easier to set up than you might think! To make it as easy as possible for you to set up libreǝvent, we have our installation guides which you may follow to get up and running very quickly!</p>
<p>If you like this project, please consider giving it a star on GitHub and donating to help fund the development costs.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -1,7 +1,6 @@
$( document ).ready( function () { $( document ).ready( function () {
$( '#nav' ).load( '/nav.html' ); $( '#nav' ).load( '/nav.html' );
$( '#side-bar' ).load( '/docs/side-bar.html' ); $( '#side-bar' ).load( '/docs/side-bar.html' );
$( '#footer' ).load( '/footer.html' );
} ); } );
let btn = document.getElementById( 'backToTop' ); let btn = document.getElementById( 'backToTop' );

View File

@@ -1,3 +1,28 @@
function toggleList( element ) { function toggleList( element ) {
$( '#' + element ).slideToggle(); $( '#' + element + '-dropdown' ).slideToggle();
} }
$( document ).ready( function () {
if ( location.pathname.substring( 6 ) ) {
let id = '';
let path = location.pathname.substring( 6, location.pathname.length - 1 );
for ( let letter in path ) {
if ( path[ letter ] === '/' ) {
id += '-';
} else {
id += path[ letter ];
}
}
if ( path.lastIndexOf( '/' ) >= 0 ) {
$( '#' + path.slice( 0, path.lastIndexOf( '/' ) ) + '-dropdown' ).slideDown();
$( '#' + path.slice( 0, path.lastIndexOf( '/' ) ) + 'Nav' ).addClass( 'active' );
} else {
$( '#' + path + '-dropdown' ).slideDown();
$( '#' + path + 'Nav' ).addClass( 'active' );
}
$( '#' + id ).addClass( 'active' );
} else {
$( '#docs-home' ).addClass( 'active' );
}
} );

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Payments :: docs - libreevent</title> <title>Payments :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -30,7 +29,6 @@ See <a href="https://stripe.com/en-gb/pricing">here</a> for pricing information
<p>https://www.payrexx.com/en/pricing/</p> <p>https://www.payrexx.com/en/pricing/</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Plugins :: docs - libreevent</title> <title>Plugins :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -21,7 +20,6 @@
<h1>Plugins</h1> <h1>Plugins</h1>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Setup :: docs - libreevent</title> <title>Setup :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -22,7 +21,6 @@
<p>In this tutorial, you are going to learn how to set up and configure libreevent.</p> <p>In this tutorial, you are going to learn how to set up and configure libreevent.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Installation :: docs - libreevent</title> <title>Installation :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -42,7 +41,6 @@ https://www.digitalocean.com/go/affiliates</p>
<p>MySQL generally is more difficult to set up, but we'll run you through the process here to make the process easier for you. If you chose the JSON based database, skip ahead to the next chapter.</p> <p>MySQL generally is more difficult to set up, but we'll run you through the process here to make the process easier for you. If you chose the JSON based database, skip ahead to the next chapter.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Setup of libreevent :: docs - libreevent</title> <title>Setup of libreevent :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -70,7 +69,6 @@
<p><em>You may find documentation on the admin panel <a href="/docs/admin-panel/">here</a></em></p> <p><em>You may find documentation on the admin panel <a href="/docs/admin-panel/">here</a></em></p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -8,55 +8,34 @@
<div class="side-nav-container"> <div class="side-nav-container">
<div class="side-nav-wrapper"> <div class="side-nav-wrapper">
<div class="side-nav-list"> <div class="side-nav-list">
<a class="side-nav-item" id="home" href="/docs">Home</a><a class="side-nav-item" id="admin-panelNav" onclick="toggleList( 'admin-panel' );">admin-panel</a> <a class="side-nav-item" id="docs-home" href="/docs">Home</a><a class="side-nav-item" id="admin-panelNav" onclick="toggleList( 'admin-panel' );">Admin-panel</a>
<div class="side-dropdown" id="admin-panel"> <div class="side-dropdown" id="admin-panel-dropdown">
<a class="side-nav-subitem" id="root" href="/docs/admin-panel">Admin panel</a> <a class="side-nav-subitem" id="admin-panel" href="/docs/admin-panel">Admin panel</a>
<a class="side-nav-subitem" id="root" href="/docs/admin-panel/admin-accounts">Admin Accounts</a> <a class="side-nav-subitem" id="admin-panel-admin-accounts" href="/docs/admin-panel/admin-accounts">Admin Accounts</a>
<a class="side-nav-subitem" id="root" href="/docs/admin-panel/events">Events</a> <a class="side-nav-subitem" id="admin-panel-events" href="/docs/admin-panel/events">Events</a>
<a class="side-nav-subitem" id="root" href="/docs/admin-panel/pages">Pages</a> <a class="side-nav-subitem" id="admin-panel-pages" href="/docs/admin-panel/pages">Pages</a>
<a class="side-nav-subitem" id="root" href="/docs/admin-panel/plugins">Plugins</a> <a class="side-nav-subitem" id="admin-panel-plugins" href="/docs/admin-panel/plugins">Plugins</a>
<a class="side-nav-subitem" id="root" href="/docs/admin-panel/seatplan-editor">Seatplan editor</a> <a class="side-nav-subitem" id="admin-panel-seatplan-editor" href="/docs/admin-panel/seatplan-editor">Seatplan editor</a>
<a class="side-nav-subitem" id="root" href="/docs/admin-panel/settings">Settings</a> <a class="side-nav-subitem" id="admin-panel-settings" href="/docs/admin-panel/settings">Settings</a>
</div> </div>
<a class="side-nav-item" id="contributingNav" onclick="toggleList( 'contributing' );">contributing</a> <a class="side-nav-item" id="contributingNav" onclick="toggleList( 'contributing' );">Contributing</a>
<div class="side-dropdown" id="contributing"> <div class="side-dropdown" id="contributing-dropdown">
<a class="side-nav-subitem" id="root" href="/docs/contributing">Contributing</a> <a class="side-nav-subitem" id="contributing" href="/docs/contributing">Contributing</a>
<a class="side-nav-subitem" id="root" href="/docs/contributing/plugins">Contributing Plugins</a> <a class="side-nav-subitem" id="contributing-plugins" href="/docs/contributing/plugins">Contributing Plugins</a>
</div> </div>
<a class="side-nav-item" id="errorsNav" onclick="toggleList( 'errors' );">errors</a> <a class="side-nav-item" id="errors" href="/docs/errors">Errors</a>
<div class="side-dropdown" id="errors"> <a class="side-nav-item" id="how-it-works" href="/docs/how-it-works">How it works</a>
<a class="side-nav-subitem" id="root" href="/docs/errors">Errors</a> <a class="side-nav-item" id="payments" href="/docs/payments">Payments</a>
</div> <a class="side-nav-item" id="plugins" href="/docs/plugins">Plugins</a>
<a class="side-nav-item" id="how-it-worksNav" onclick="toggleList( 'how-it-works' );">how-it-works</a> <a class="side-nav-item" id="setupNav" onclick="toggleList( 'setup' );">Setup</a>
<div class="side-dropdown" id="how-it-works"> <div class="side-dropdown" id="setup-dropdown">
<a class="side-nav-subitem" id="root" href="/docs/how-it-works">How it works</a> <a class="side-nav-subitem" id="setup" href="/docs/setup">Setup</a>
</div> <a class="side-nav-subitem" id="setup-installation" href="/docs/setup/installation">Installation</a>
<a class="side-nav-item" id="paymentsNav" onclick="toggleList( 'payments' );">payments</a> <a class="side-nav-subitem" id="setup-setup" href="/docs/setup/setup">Setup of libreevent</a>
<div class="side-dropdown" id="payments">
<a class="side-nav-subitem" id="root" href="/docs/payments">Payments</a>
</div>
<a class="side-nav-item" id="pluginsNav" onclick="toggleList( 'plugins' );">plugins</a>
<div class="side-dropdown" id="plugins">
<a class="side-nav-subitem" id="root" href="/docs/plugins">Plugins</a>
</div>
<a class="side-nav-item" id="setupNav" onclick="toggleList( 'setup' );">setup</a>
<div class="side-dropdown" id="setup">
<a class="side-nav-subitem" id="root" href="/docs/setup">Setup</a>
<a class="side-nav-subitem" id="root" href="/docs/setup/installation">Installation</a>
<a class="side-nav-subitem" id="root" href="/docs/setup/setup">Setup of libreevent</a>
</div>
<a class="side-nav-item" id="sponsorNav" onclick="toggleList( 'sponsor' );">sponsor</a>
<div class="side-dropdown" id="sponsor">
<a class="side-nav-subitem" id="root" href="/docs/sponsor">Sponsor</a>
</div>
<a class="side-nav-item" id="systemrequirementsNav" onclick="toggleList( 'systemrequirements' );">systemrequirements</a>
<div class="side-dropdown" id="systemrequirements">
<a class="side-nav-subitem" id="root" href="/docs/systemrequirements">Systemrequirements</a>
</div>
<a class="side-nav-item" id="tutorialNav" onclick="toggleList( 'tutorial' );">tutorial</a>
<div class="side-dropdown" id="tutorial">
<a class="side-nav-subitem" id="root" href="/docs/tutorial">Tutorial</a>
</div> </div>
<a class="side-nav-item" id="sponsor" href="/docs/sponsor">Sponsor</a>
<a class="side-nav-item" id="systemrequirements" href="/docs/systemrequirements">Systemrequirements</a>
<a class="side-nav-item" id="tutorial" href="/docs/tutorial">Tutorial</a>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Sponsor :: docs - libreevent</title> <title>Sponsor :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -21,7 +20,6 @@
<h1>Sponsor</h1> <h1>Sponsor</h1>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Systemrequirements :: docs - libreevent</title> <title>Systemrequirements :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -26,7 +25,6 @@
<p>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.</p> <p>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.</p>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>

View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>Tutorial :: docs - libreevent</title> <title>Tutorial :: docs - libreevent</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/docs/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
@@ -21,7 +20,6 @@
<h1>Tutorial</h1> <h1>Tutorial</h1>
</div> </div>
</div> </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/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>