fix navbar & path highlighting

This commit is contained in:
2023-06-17 15:04:57 +02:00
parent 1b794e0742
commit 2d6911b324
26 changed files with 436 additions and 265 deletions

View File

@@ -16,26 +16,46 @@ buildNav( buildDocs() );
function buildNav ( pathObject ) { function buildNav ( pathObject ) {
console.log( 'building nav ' + pathObject ); let html = `<!DOCTYPE html>
let fileStruct = `<!DOCTYPE html> <html lang="en">
<html>
<head> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/docs/navstyle.css"> <link rel="stylesheet" href="/docs/css/navstyle.css">
</head> </head>
<body> <body>
<div class="nav-container"> <div class="side-nav-container">
<a class="logo-container" href="/"><img class="logo" src="/assets/apple-touch-icon.png" alt="impress-logo"></a> <div class="side-nav-wrapper">
<div class="nav-wrapper"> <div class="side-nav-list">
<div class="nav-list"> <a class="side-nav-item" id="home" href="/docs">Home</a>`;
<a class="navitem" id="home" href="/docs">Home</a> let groups = {};
<div class="dropdown" id="reference">
<a class="nav-subitem" id="root" href="/docs/reference">Home</a>`;
for ( let item in pathObject ) { for ( let item in pathObject ) {
console.log( pathObject[ item ] ); if ( groups[ pathObject[ item ][ 'group' ] ] ) {
groups[ pathObject[ item ][ 'group' ] ].push( pathObject[ item ] );
} else {
groups[ pathObject[ item ][ 'group' ] ] = [ pathObject[ item ] ];
} }
} }
for ( let group in groups ) {
html += `<a class="side-nav-item" id="${ group }Nav" onclick="toggleList( '${ group }' );">${ group }</a>
<div class="side-dropdown" id="${ group }">\n`;
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 += '</div>\n';
}
html += `</div>
</div>
</div>
<script src="/docs/js/nav.js"></script>
</body>
</html>`;
console.log( html );
fs.writeFileSync( path.join( __dirname + '/dist/docs/side-bar.html' ), html );
}
function buildDocs () { function buildDocs () {
let allFiles = []; let allFiles = [];
@@ -109,7 +129,7 @@ function guessTitle( html ) {
function storeHTML( html, filepath ) { function storeHTML( html, filepath ) {
let title = guessTitle( html ); let title = guessTitle( html );
let data = `<!DOCTYPE html> let data = `<!DOCTYPE html>
<html> <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="/css/style.css">
@@ -117,18 +137,22 @@ function storeHTML( html, filepath ) {
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
${ html }</div> ${ html }</div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html>`; </html>`;
@@ -152,5 +176,5 @@ function storeHTML( html, filepath ) {
} }
fileOutputPath += '/index.html'; fileOutputPath += '/index.html';
fs.writeFileSync( fileOutputPath, data ); fs.writeFileSync( fileOutputPath, data );
return { 'filePath': fileOutputPath, 'title': title, 'group': group }; return { 'filePath': '/docs/' + category, 'title': title, 'group': group };
} }

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Admin Accounts</h1> <h1>Admin Accounts</h1>
@@ -56,5 +58,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Events</h1> <h1>Events</h1>
@@ -29,5 +31,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Admin panel</h1> <h1>Admin panel</h1>
@@ -31,5 +33,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,18 +7,22 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Pages</h1> <h1>Pages</h1>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,18 +7,22 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Plugins</h1> <h1>Plugins</h1>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Seatplan editor</h1> <h1>Seatplan editor</h1>
@@ -29,5 +31,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Settings</h1> <h1>Settings</h1>
@@ -38,5 +40,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Contributing</h1> <h1>Contributing</h1>
@@ -21,5 +23,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,18 +7,22 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Contributing Plugins</h1> <h1>Contributing Plugins</h1>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

0
website/dist/docs/css/navstyle.css vendored Normal file
View File

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Errors</h1> <h1>Errors</h1>
@@ -24,5 +26,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>How it works</h1> <h1>How it works</h1>
@@ -23,5 +25,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -14,7 +14,9 @@
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div> <div id="backToTop" onclick="backToTop();"></div>
<div id="docPage">
<div class="title-wrapper"> <div class="title-wrapper">
<h1>Docs - libreǝvent</h1> <h1>Docs - libreǝvent</h1>
<footer>Learn how to setup and use libreǝvent!</footer> <footer>Learn how to setup and use libreǝvent!</footer>
@@ -22,31 +24,9 @@
<div class="content"> <div class="content">
<h3 class="dev">Website & project not completed yet!</h3> <h3 class="dev">Website & project not completed yet!</h3>
</div> </div>
</div>
<div id="footer"></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="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="/docs/js/index.js"></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> </body>
</html> </html>

View File

@@ -3,3 +3,21 @@ $( document ).ready( function () {
$( '#side-bar' ).load( '/docs/side-bar.html' ); $( '#side-bar' ).load( '/docs/side-bar.html' );
$( '#footer' ).load( '/footer.html' ); $( '#footer' ).load( '/footer.html' );
} ); } );
let btn = document.getElementById( 'backToTop' );
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';
}
};

3
website/dist/docs/js/nav.js vendored Normal file
View File

@@ -0,0 +1,3 @@
function toggleList( element ) {
$( '#' + element ).slideToggle();
}

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Payments</h1> <h1>Payments</h1>
@@ -29,5 +31,7 @@ See <a href="https://stripe.com/en-gb/pricing">here</a> for pricing information
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,18 +7,22 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Plugins</h1> <h1>Plugins</h1>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Setup</h1> <h1>Setup</h1>
@@ -21,5 +23,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Installation</h1> <h1>Installation</h1>
@@ -41,5 +43,7 @@ https://www.digitalocean.com/go/affiliates</p>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Setup of libreevent</h1> <h1>Setup of libreevent</h1>
@@ -69,5 +71,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

65
website/dist/docs/side-bar.html vendored Normal file
View File

@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/docs/css/navstyle.css">
</head>
<body>
<div class="side-nav-container">
<div class="side-nav-wrapper">
<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>
<div class="side-dropdown" id="admin-panel">
<a class="side-nav-subitem" id="root" 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="root" 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="root" 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="root" href="/docs/admin-panel/settings">Settings</a>
</div>
<a class="side-nav-item" id="contributingNav" onclick="toggleList( 'contributing' );">contributing</a>
<div class="side-dropdown" id="contributing">
<a class="side-nav-subitem" id="root" href="/docs/contributing">Contributing</a>
<a class="side-nav-subitem" id="root" href="/docs/contributing/plugins">Contributing Plugins</a>
</div>
<a class="side-nav-item" id="errorsNav" onclick="toggleList( 'errors' );">errors</a>
<div class="side-dropdown" id="errors">
<a class="side-nav-subitem" id="root" href="/docs/errors">Errors</a>
</div>
<a class="side-nav-item" id="how-it-worksNav" onclick="toggleList( 'how-it-works' );">how-it-works</a>
<div class="side-dropdown" id="how-it-works">
<a class="side-nav-subitem" id="root" href="/docs/how-it-works">How it works</a>
</div>
<a class="side-nav-item" id="paymentsNav" onclick="toggleList( 'payments' );">payments</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>
</div>
</div>
<script src="/docs/js/nav.js"></script>
</body>
</html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,18 +7,22 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Sponsor</h1> <h1>Sponsor</h1>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,13 +7,15 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Systemrequirements</h1> <h1>Systemrequirements</h1>
@@ -25,5 +27,7 @@
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <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="/css/style.css">
@@ -7,18 +7,22 @@
<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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <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.">
<script src="/docs/js/index.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<link rel="stylesheet" href="/docs/css/style.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</head> </head>
<body> <body>
<div id="side-bar"></div>
<div id="nav"></div> <div id="nav"></div>
<div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
<div id="doc-container"> <div id="doc-container">
<h1>Tutorial</h1> <h1>Tutorial</h1>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></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> </body>
</html> </html>

View File

@@ -30,10 +30,15 @@
} else { } else {
$( '.nav-wrapper' ).css( 'display', 'none' ); $( '.nav-wrapper' ).css( 'display', 'none' );
} }
if ( location.pathname === '/' ) { if ( location.pathname === '/' ) {
$( '#home' ).removeClass( 'inactive' ); $( '#home' ).removeClass( 'inactive' );
} else { } else if( !location.pathname.substring( 1, location.pathname.length - 1 ).includes( '/' ) ) {
$( '#' + location.pathname.slice( 1, location.pathname.length - 1 ) ).removeClass( 'inactive' ); $( '#' + location.pathname.slice( 1, location.pathname.length - 1 ) ).removeClass( 'inactive' );
} else if ( location.pathname.slice( 1, location.pathname.substring( 1 ).indexOf( '/' ) + 1 ) === 'docs' ) {
$( '#docs' ).removeClass( 'inactive' );
} else {
console.error( 'an error occurred whilst highlighting the path' );
} }
sessionStorage.setItem( 'menuOpen', 'false' ); sessionStorage.setItem( 'menuOpen', 'false' );
} ); } );