updates to website

This commit is contained in:
2023-10-07 15:43:51 +02:00
parent e767c1fb3d
commit d5c7a96ad7
7 changed files with 119 additions and 3 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

71
website/dist/download/thanks/index.html vendored Normal file
View File

@@ -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>

View File

@@ -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">

View File

@@ -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.
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.