Files
libreevent/website/dist/about/index.html
2023-10-07 15:49:50 +02:00

54 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<title>About :: libreǝvent</title>
<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.">
</head>
<body>
<div id="nav"></div>
<div id="backToTop" onclick="backToTop();"></div>
<div class="title-wrapper">
<h1>About <i>libre</i>ǝvent</h1>
<footer>Learn more about the project!</footer>
</div>
<div class="content">
<h3>libreǝvent is a free and open source event management solution that you can host on your own hardware, if you want to</h3>
<p>libreǝvent aims to provide a complete event ticket management system which you can use to sell tickets using various payment methods. Whilst getting started is much more involved compared to
other platforms, libreevent offers the unique ability of running on your hardware which means you know exactly where the data is stored and how it is processed.
Additionally, since it is basically a "conventional" website, you can use your own domain and customize everything to your liking. As the whole project is open source, you
may as well add or remove some features, if you know how to do it.
</p>
</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>