mirror of
https://github.com/janishutz/libreevent.git
synced 2025-11-25 05:14:23 +00:00
48 lines
2.5 KiB
HTML
48 lines
2.5 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 :: myevent</title>
|
|
<meta name="description" content="Looking for a free and open source event management solution you can host yourself? myevent 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 myevent</h1>
|
|
<footer>Learn more about the project!</footer>
|
|
</div>
|
|
<div class="content">
|
|
<h3 class="dev">Website & project not completed yet!</h3>
|
|
<h3>myevent is a free and open source event management solution that you can host on your own hardware, if you want to. It is mainly written in node.js, but, as a webapp, uses also lots of HTML and CSS. For storing the customer / userdata, you may choose between using MySQL and a JSON based custom database, such that this project may be used in more cases. Whilst it is recommended to use MySQL with this project, using the JSON based database can be an easy to set up alternative if you are not serving that many customers.</h3>
|
|
</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' );
|
|
} );
|
|
|
|
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> |