Files
libreevent/website/dist/download/index.html
2023-09-30 16:56:42 +02:00

75 lines
3.7 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">
<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>Download <i>libre</i>ǝvent</h1>
</div>
<div class="content">
<p>libreǝvent can be downloaded in two main ways, either by downloading the prebuilt zip / tar files or by downloading the entire GitHub repository and compiling it manually. We would highly suggest that you download the prebuilt version of libreǝvent to make things easier. After downloading, you can follow our guide <a href="/docs/setup/installation">here</a> to get libreǝvent installed on your server.</p>
<p>Depending on your webhosting company, you might also need to download the "node-modules" to deploy libreevent. If so, the installation guide will tell you to do it. </p>
<div class="download-buttons">
<!-- TODO: Add api routes for this! -->
<a href="https://api.janishutz.com/download/libreevent?v=latest&type=prebuilt" class="button">Direct download (recommended)</a>
<a href="https://api.janishutz.com/download/libreevent?v=latest&type=releases" class="button">GitHub releases</a>
<a href="https://api.janishutz.com/download/libreevent?v=all&type=releases" class="button">All releases</a>
<a href="https://github.com/simplePCBuilding/libreevent" class="button">Source code</a>
<a href="https://api.janishutz.com/download/libreevent?v=latest&type=npm" class="button">node-modules</a>
</div>
<p>You may download the iOS & Android apps from the AppStore / Google Play Store respectively.</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>