mirror of
https://github.com/janishutz/libreevent.git
synced 2025-11-25 05:14:23 +00:00
initial setup of website
This commit is contained in:
28
website/dist/assets/CSS3_logo_and_wordmark.svg
vendored
Normal file
28
website/dist/assets/CSS3_logo_and_wordmark.svg
vendored
Normal file
@@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="102.3716mm" height="144.49777mm" viewBox="0 0 362.73401 511.99998" id="svg3476" version="1.1" inkscape:version="0.91 r13725" sodipodi:docname="CSS3.svg">
|
||||
<defs id="defs3478"/>
|
||||
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.35" inkscape:cx="181.367" inkscape:cy="256" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1366" inkscape:window-height="704" inkscape:window-x="0" inkscape:window-y="27" inkscape:window-maximized="1"/>
|
||||
<metadata id="metadata3481">
|
||||
<rdf:RDF>
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||
<dc:title/>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g inkscape:label="Calque 1" inkscape:groupmode="layer" id="layer1" transform="translate(-193.633,-276.3622)">
|
||||
<g id="g3013" transform="translate(119,276.3622)">
|
||||
<polygon id="polygon2989" points="437.367,100.62 404.321,470.819 255.778,512 107.644,470.877 74.633,100.62 " style="fill:#264de4"/>
|
||||
<polygon id="polygon2991" points="376.03,447.246 404.27,130.894 256,130.894 256,480.523 " style="fill:#2965f1"/>
|
||||
<polygon id="polygon2993" points="150.31,268.217 154.38,313.627 256,313.627 256,268.217 " style="fill:#ebebeb"/>
|
||||
<polygon id="polygon2995" points="256,176.305 255.843,176.305 142.132,176.305 146.26,221.716 256,221.716 " style="fill:#ebebeb"/>
|
||||
<polygon id="polygon2997" points="256,433.399 256,386.153 255.801,386.206 205.227,372.55 201.994,336.333 177.419,336.333 156.409,336.333 162.771,407.634 255.791,433.457 " style="fill:#ebebeb"/>
|
||||
<path id="path2999" d="m 160,0 55,0 0,23 -32,0 0,23 32,0 0,23 -55,0 z" inkscape:connector-curvature="0"/>
|
||||
<path id="path3001" d="m 226,0 55,0 0,20 -32,0 0,4 32,0 0,46 -55,0 0,-21 32,0 0,-4 -32,0 z" inkscape:connector-curvature="0"/>
|
||||
<path id="path3003" d="m 292,0 55,0 0,20 -32,0 0,4 32,0 0,46 -55,0 0,-21 32,0 0,-4 -32,0 z" inkscape:connector-curvature="0"/>
|
||||
<polygon id="polygon3005" points="311.761,313.627 306.49,372.521 255.843,386.191 255.843,433.435 348.937,407.634 349.62,399.962 360.291,280.411 361.399,268.217 369.597,176.305 255.843,176.305 255.843,221.716 319.831,221.716 315.699,268.217 255.843,268.217 255.843,313.627 " style="fill:#ffffff"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
14
website/dist/assets/HTML5_Logo.svg
vendored
Normal file
14
website/dist/assets/HTML5_Logo.svg
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<title>HTML5 Logo</title>
|
||||
|
||||
<polygon fill="#E44D26" points="107.644,470.877 74.633,100.62 437.367,100.62 404.321,470.819 255.778,512 "/>
|
||||
<polygon fill="#F16529" points="256,480.523 376.03,447.246 404.27,130.894 256,130.894 "/>
|
||||
<polygon fill="#EBEBEB" points="256,268.217 195.91,268.217 191.76,221.716 256,221.716 256,176.305 255.843,176.305 142.132,176.305 143.219,188.488 154.38,313.627 256,313.627"/>
|
||||
<polygon fill="#EBEBEB" points="256,386.153 255.801,386.206 205.227,372.55 201.994,336.333 177.419,336.333 156.409,336.333 162.771,407.634 255.791,433.457 256,433.399"/>
|
||||
<path d="M108.382,0h23.077v22.8h21.11V0h23.078v69.044H152.57v-23.12h-21.11v23.12h-23.077V0z"/>
|
||||
<path d="M205.994,22.896h-20.316V0h63.72v22.896h-20.325v46.148h-23.078V22.896z"/>
|
||||
<path d="M259.511,0h24.063l14.802,24.26L313.163,0h24.072v69.044h-22.982V34.822l-15.877,24.549h-0.397l-15.888-24.549v34.222h-22.58V0z"/>
|
||||
<path d="M348.72,0h23.084v46.222h32.453v22.822H348.72V0z"/>
|
||||
<polygon fill="#FFFFFF" points="255.843,268.217 255.843,313.627 311.761,313.627 306.49,372.521 255.843,386.191 255.843,433.435 348.937,407.634 349.62,399.962 360.291,280.411 361.399,268.217 349.162,268.217"/>
|
||||
<polygon fill="#FFFFFF" points="255.843,176.305 255.843,204.509 255.843,221.605 255.843,221.716 365.385,221.716 365.385,221.716 365.531,221.716 366.442,211.509 368.511,188.488 369.597,176.305"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
BIN
website/dist/assets/JavaScript-logo.png
vendored
Normal file
BIN
website/dist/assets/JavaScript-logo.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
1
website/dist/assets/Node.js_logo.svg
vendored
Normal file
1
website/dist/assets/Node.js_logo.svg
vendored
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.8 KiB |
BIN
website/dist/assets/htmlCSSJS.png
vendored
Normal file
BIN
website/dist/assets/htmlCSSJS.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
BIN
website/dist/assets/htmlCSSJS.xcf
vendored
Normal file
BIN
website/dist/assets/htmlCSSJS.xcf
vendored
Normal file
Binary file not shown.
16
website/dist/css/home.css
vendored
16
website/dist/css/home.css
vendored
@@ -19,10 +19,24 @@
|
||||
}
|
||||
|
||||
.feature {
|
||||
text-align: center;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
width: 40%;
|
||||
width: 100%;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
|
||||
.image {
|
||||
width: 40%;
|
||||
height: auto;
|
||||
margin: 3%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 999px) {
|
||||
.feature {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
35
website/dist/css/style.css
vendored
35
website/dist/css/style.css
vendored
@@ -30,6 +30,7 @@ body {
|
||||
*/
|
||||
background-color: white;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -47,19 +48,43 @@ body {
|
||||
width: 90%;
|
||||
padding: 2%;
|
||||
margin: 3%;
|
||||
background-color: rgba(255, 255, 255, 0.644);
|
||||
background-color: rgba(142, 156, 237, 0.644);
|
||||
border-radius: 0px 0px 50px 50px;
|
||||
margin-top: 0%;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: rgb(24, 43, 61);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
padding: 5%;
|
||||
padding-bottom: 3%;
|
||||
padding-top: 3%;
|
||||
padding: 40px;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 20px;
|
||||
border-radius: 30px;
|
||||
cursor: pointer;
|
||||
margin: 1.5%;
|
||||
}
|
||||
|
||||
#nav {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 999px) {
|
||||
#nav {
|
||||
height: 15vh;
|
||||
}
|
||||
|
||||
.content, .title-wrapper {
|
||||
width: 70%;
|
||||
padding: 5%;
|
||||
margin: 10%;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.title-wrapper {
|
||||
margin-top: 3%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
27
website/dist/download/index.html
vendored
27
website/dist/download/index.html
vendored
@@ -0,0 +1,27 @@
|
||||
<!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 myevent, the free and open source event management solution">
|
||||
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
||||
<script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script defer src="/js/index.js"></script>
|
||||
<title>Download - myevent</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="nav"></div>
|
||||
<div class="title-wrapper">
|
||||
<h1>Download myevent</h1>
|
||||
<footer>Ready to downlaod?</footer>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>There are a couple of options to download myevent. You may use npm or you may download it from the GitHub releases page. You may also clone the repository locally if you want to use upstream instead of a release</p>
|
||||
<a href="https://github.com/simplePCBuilding/myevent" class="button">GitHub</a>
|
||||
<p>You may download the iOS & Android apps from the AppStore / Google Play Store respectively.</p>
|
||||
</div>
|
||||
<div id="footer"></div>
|
||||
</body>
|
||||
</html>
|
||||
15
website/dist/footer.html
vendored
15
website/dist/footer.html
vendored
@@ -0,0 +1,15 @@
|
||||
<!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/footerstyle.css">
|
||||
<title>footer</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="footer">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
10
website/dist/index.html
vendored
10
website/dist/index.html
vendored
@@ -1,11 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>myevent - Free & Open Source event management solution</title>
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<link rel="stylesheet" href="/css/home.css">
|
||||
<meta charset="utf-8">
|
||||
<script src="/js/index.js"></script>
|
||||
<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.">
|
||||
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
||||
<script defer src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
@@ -21,6 +20,13 @@
|
||||
<footer>Free & Open Source self-hosted event management solution</footer>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2>What is myevent?</h2>
|
||||
<p>myevent is a free and fully open source self-hosted event management solution that you can use to sell tickets for your next event. It is written in Node.js, JavaScript, TypeScript, HTML and CSS. It uses Vue.js for the ticket purchasing system and features both an iOS and Android App you can download and use entirely for free. If you like this project, please consider giving it a star on GitHub and donating to help fund development of this project!</p>
|
||||
<div class="image-group">
|
||||
<a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/Node.js_logo.svg" class="image"></a>
|
||||
<a href="https://commons.wikimedia.org/wiki/File:Node.js_logo.svg"><img src="/assets/htmlCSSJS.png" class="image"></a>
|
||||
</div>
|
||||
<h2 style="text-align: center; width: 100%; margin-bottom: 0;">Features</h2>
|
||||
<div class="feature-overview">
|
||||
<div class="feature">
|
||||
<h4>Simple to set up</h4>
|
||||
|
||||
11
website/dist/js/index.js
vendored
11
website/dist/js/index.js
vendored
@@ -1,3 +1,4 @@
|
||||
/* eslint-disable no-undef */
|
||||
/*
|
||||
* myevent - index.js
|
||||
*
|
||||
@@ -9,4 +10,14 @@
|
||||
|
||||
$( document ).ready( function () {
|
||||
$( '#nav' ).load( '/nav.html' );
|
||||
|
||||
$( '.button' ).mouseenter( function () {
|
||||
$( this ).stop();
|
||||
$( this ).animate( { 'border-radius': '5px', 'background-color': 'rgb(60, 85, 140)' }, 200 );
|
||||
} );
|
||||
|
||||
$( '.button' ).mouseleave( function () {
|
||||
$( this ).stop();
|
||||
$( this ).animate( { 'border-radius': '30px', 'background-color': 'rgb(24, 43, 61)' }, 400 );
|
||||
} );
|
||||
} );
|
||||
36
website/dist/nav.html
vendored
36
website/dist/nav.html
vendored
@@ -10,50 +10,48 @@
|
||||
<body>
|
||||
<div class="nav-container">
|
||||
<div class="mobile-wrapper">
|
||||
<a class="logo-container" href="/"><img class="logo" src="/assets/apple-touch-icon.png" alt="impress-logo"></a>
|
||||
<a class="logo-container" href="/"><img class="logo" src="/assets/logo.png" alt="impress-logo"></a>
|
||||
<div class="toggle-wrapper">
|
||||
<a class="listtoggle" onclick="togglelist()">☰</a>
|
||||
<a class="listtoggle" onclick="toggleList()">☰</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-wrapper">
|
||||
<div class="nav-menu">
|
||||
<div class="nav-list">
|
||||
<a class="navitem" id="docs" href="/docs">Documentation</a>
|
||||
<a class="navitem" id="download" href="/download.html">Download</a>
|
||||
<a class="navitem" id="demo" href="/demo">Demo</a>
|
||||
<a class="navitem" id="examples" href="/demo/examples">Examples</a>
|
||||
<a class="navitem" id="gh" href="https://github.com/impress/impress.js">GitHub</a>
|
||||
<a class="navitem" id="download" href="/download">Download</a>
|
||||
<a class="navitem" id="gh" href="https://github.com/simplePCBuilding/myevent">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('.navitem').mouseenter( function () {
|
||||
$( document ).ready( function () {
|
||||
$('.navitem' ).mouseenter( function () {
|
||||
if ( window.location.pathname.slice( 1, window.location.pathname.length ) == this.id ) {} else {
|
||||
$(this).stop();
|
||||
$(this).animate( { "color":"rgba(184, 214, 240, 1)", "background-color":"rgba(0, 0, 175, 1)" }, 200);
|
||||
$( this ).stop();
|
||||
$( this ).animate( { "color":"rgba(184, 214, 240, 1)", "background-color":"rgba(0, 0, 175, 1)" }, 200 );
|
||||
};
|
||||
});
|
||||
$('.navitem').mouseleave( function () {
|
||||
$( '.navitem' ).mouseleave( function () {
|
||||
if ( window.location.pathname.slice( 1, window.location.pathname.length ) == this.id ) {} else {
|
||||
$(this).stop();
|
||||
$(this).animate( { "color":"black", "background-color":"rgba(0, 0, 0, 0)" }, 200 );
|
||||
$( this ).stop();
|
||||
$( this ).animate( { "color":"black", "background-color":"rgba(0, 0, 0, 0)" }, 200 );
|
||||
};
|
||||
});
|
||||
});
|
||||
} );
|
||||
} );
|
||||
|
||||
let previous = 1;
|
||||
function togglelist() {
|
||||
$( '.nav-menu' ).slideToggle(300);
|
||||
function toggleList() {
|
||||
$( '.nav-menu' ).slideToggle( 300 );
|
||||
$( '.listtoggle' ).toggleClass( 'active' );
|
||||
}
|
||||
|
||||
window.addEventListener( 'resize', function( event ) {
|
||||
if ( $(window).width() > 999 ) {
|
||||
if ( $( window ).width() > 999 ) {
|
||||
$( '.nav-menu' ).slideDown();
|
||||
previous = 1;
|
||||
} else if ( $(window).width() < 999 && previous == 1 ) {
|
||||
} else if ( $( window ).width() < 999 && previous == 1 ) {
|
||||
$( '.nav-menu' ).slideUp();
|
||||
$( '.listtoggle' ).removeClass( 'active' );
|
||||
previous = 0;
|
||||
|
||||
Reference in New Issue
Block a user