mirror of
https://github.com/janishutz/libreevent.git
synced 2025-11-25 13:24:24 +00:00
50 lines
2.4 KiB
HTML
50 lines
2.4 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 class="dev">Website & project not completed yet!</h3>
|
|
<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's backend runs on Node.js, with Express.js for routing and either MySQL or a custom JSON based database. Its frontend is written as a Vue.js Single Page Application, with some parts being vanilla HTML, CSS & JavaScript.</p>
|
|
</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> |