diff --git a/src/server/package.json b/src/server/package.json index fd78b2b..2e2b078 100644 --- a/src/server/package.json +++ b/src/server/package.json @@ -65,5 +65,5 @@ "bugs": { "url": "https://github.com/simplePCBuilding/myevent/issues" }, - "homepage": "https://github.com/simplePCBuilding/myevent#readme" + "homepage": "https://myevent.janishutz.com" } diff --git a/website/README.md b/website/README.md index 2390a29..35c6ff4 100644 --- a/website/README.md +++ b/website/README.md @@ -5,8 +5,8 @@ The main website's pages are written in HTML & CSS whilst the doc pages are auto ## Links in the md files in [src/](src/) Please note that you are required to use either a link relative to the root folder with double forward slash (example: *//server/app.js*), to the website root with a single forward slash (example: */download*) or a full link (example: *https://myevent.janishutz.com/docs*). If you do not follow these patterns, the website won't build or the links will not work correctly. NOTE: Don't be confused if the root folder links don't work in the Markdown, as they use specific syntax for the build script. -## Folder structure and file naming -Please create an *index.md* file inside of a folder such that, when the website is compiled, the *.html* file extension disappears. +## Folder structure, file naming and file structure +Please note that the filename that is used for the md file is used to create a folder that contains an *index.html* so the *.html* file extension disappears. The build script uses the first level 1 title (marked with \# in md) as the page title and also for the navigation menu, so please choose the title appropriately and don't let it exceed 50 characters! ## Modifying the files in [dist/](dist/) You may modify all the files in the [dist/](dist/) directory except the files in [dist/docs/](dist/docs/). \ No newline at end of file diff --git a/website/build.js b/website/build.js new file mode 100644 index 0000000..17660b4 --- /dev/null +++ b/website/build.js @@ -0,0 +1,25 @@ +/* +* myevent - build.js +* +* Created by Janis Hutz 03/09/2023, Licensed under the GPL V3 License +* https://janishutz.com, development@janishutz.com +* +* +*/ + +const prompt = require( 'prompt-sync' ); +const markdownIt = require( 'markdown-it' ); +const md2html = new markdownIt(); + + +if ( prompt( 'Do you want to rebuild the ' ).toLowercase === 'y' ) { + buildDocs(); + buildNav(); +} + +function buildNav () { +} + +function buildDocs () { + md2html.render( '#Test' ); +} \ No newline at end of file diff --git a/website/dist/assets/CSS3_logo_and_wordmark.svg b/website/dist/assets/CSS3_logo_and_wordmark.svg new file mode 100644 index 0000000..99e7d06 --- /dev/null +++ b/website/dist/assets/CSS3_logo_and_wordmark.svg @@ -0,0 +1,28 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/dist/assets/HTML5_Logo.svg b/website/dist/assets/HTML5_Logo.svg new file mode 100644 index 0000000..65d77ba --- /dev/null +++ b/website/dist/assets/HTML5_Logo.svg @@ -0,0 +1,14 @@ + + HTML5 Logo + + + + + + + + + + + + \ No newline at end of file diff --git a/website/dist/assets/JavaScript-logo.png b/website/dist/assets/JavaScript-logo.png new file mode 100644 index 0000000..7b5ffab Binary files /dev/null and b/website/dist/assets/JavaScript-logo.png differ diff --git a/website/dist/assets/Node.js_logo.svg b/website/dist/assets/Node.js_logo.svg new file mode 100644 index 0000000..41d044a --- /dev/null +++ b/website/dist/assets/Node.js_logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/website/dist/assets/htmlCSSJS.png b/website/dist/assets/htmlCSSJS.png new file mode 100644 index 0000000..8bdbabb Binary files /dev/null and b/website/dist/assets/htmlCSSJS.png differ diff --git a/website/dist/assets/htmlCSSJS.xcf b/website/dist/assets/htmlCSSJS.xcf new file mode 100644 index 0000000..789a5fc Binary files /dev/null and b/website/dist/assets/htmlCSSJS.xcf differ diff --git a/website/dist/css/home.css b/website/dist/css/home.css index bb9cd0f..99d46db 100644 --- a/website/dist/css/home.css +++ b/website/dist/css/home.css @@ -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%; + } } \ No newline at end of file diff --git a/website/dist/css/style.css b/website/dist/css/style.css index d5fdd7b..7015cd8 100644 --- a/website/dist/css/style.css +++ b/website/dist/css/style.css @@ -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; + } } \ No newline at end of file diff --git a/website/dist/download/index.html b/website/dist/download/index.html index e69de29..5ba2c1f 100644 --- a/website/dist/download/index.html +++ b/website/dist/download/index.html @@ -0,0 +1,27 @@ + + + + + + + + + + + Download - myevent + + + + +
+

Download myevent

+ +
+
+

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

+ GitHub +

You may download the iOS & Android apps from the AppStore / Google Play Store respectively.

+
+ + + \ No newline at end of file diff --git a/website/dist/footer.html b/website/dist/footer.html index e69de29..e4101be 100644 --- a/website/dist/footer.html +++ b/website/dist/footer.html @@ -0,0 +1,15 @@ + + + + + + + + footer + + +
+ +
+ + \ No newline at end of file diff --git a/website/dist/index.html b/website/dist/index.html index 757dadc..0b2c378 100644 --- a/website/dist/index.html +++ b/website/dist/index.html @@ -1,11 +1,10 @@ - + myevent - Free & Open Source event management solution - @@ -21,6 +20,13 @@
+

What is myevent?

+

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!

+
+ + +
+

Features

Simple to set up

diff --git a/website/dist/js/index.js b/website/dist/js/index.js index cfee12d..8c6c367 100644 --- a/website/dist/js/index.js +++ b/website/dist/js/index.js @@ -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 ); + } ); } ); \ No newline at end of file diff --git a/website/dist/nav.html b/website/dist/nav.html index 5d58ac1..7bd45c0 100644 --- a/website/dist/nav.html +++ b/website/dist/nav.html @@ -10,50 +10,48 @@
- +
- ☰ + ☰
Documentation - Download - Demo - Examples - GitHub + Download + GitHub