From 5483f9f46c909e46ea1b42978cb5ffe80845f86e Mon Sep 17 00:00:00 2001 From: Janis Hutz Date: Sat, 25 Mar 2023 13:11:41 +0100 Subject: [PATCH] progress on website with new menu --- website/dist/about/index.html | 29 ++++++++++++++++-- website/dist/css/navstyle.css | 9 ++++-- website/dist/css/style.css | 15 ++++++++-- website/dist/docs/index.html | 51 ++++++++++++++++++++++++++++++++ website/dist/download/index.html | 29 ++++++++++++++++-- website/dist/index.html | 1 + website/dist/js/index.js | 9 ------ 7 files changed, 124 insertions(+), 19 deletions(-) delete mode 100644 website/dist/js/index.js diff --git a/website/dist/about/index.html b/website/dist/about/index.html index 801d209..b96c1d3 100644 --- a/website/dist/about/index.html +++ b/website/dist/about/index.html @@ -6,20 +6,43 @@ - - - About :: myevent +

About myevent

Learn more about the project!
+

Website & project not completed yet!

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.

+ + + \ No newline at end of file diff --git a/website/dist/css/navstyle.css b/website/dist/css/navstyle.css index 85cec9b..47c7237 100644 --- a/website/dist/css/navstyle.css +++ b/website/dist/css/navstyle.css @@ -37,8 +37,6 @@ overflow: hidden; } - - /* Logo image and logo link (aka logo-container)*/ .logo-container-small { margin-left: 5%; @@ -68,6 +66,13 @@ margin-right: 5%; position: relative; z-index: 3; + transition: 0.8s; +} + +.listtoggle:hover { + color: rgb(29, 69, 105); + transition: 0.4s; + font-size: 6vh; } diff --git a/website/dist/css/style.css b/website/dist/css/style.css index 3e435dd..8574efc 100644 --- a/website/dist/css/style.css +++ b/website/dist/css/style.css @@ -20,6 +20,10 @@ body { background-color: rgb(168, 212, 253); } +.dev { + background-color: red; + text-align: center; +} /* This is the title div with a screenshot of the admin portal @@ -35,7 +39,7 @@ body { align-items: center; justify-content: center; width: 90%; - padding: 4%; + padding: 2%; margin: 3%; margin-bottom: 0%; border-radius: 50px; @@ -95,12 +99,19 @@ body { color: white; position: fixed; top: 90%; - left: 93%; + right: 7%; opacity: 0; cursor: default; transition: 0.5s } +#backToTop:hover { + background-color: rgb(24, 43, 61); + width: calc(35px + 0.5vw); + height: calc(35px + 0.5vw); + transition: 0.2s; +} + @media only screen and (min-width: 999px) { .content, .title-wrapper { diff --git a/website/dist/docs/index.html b/website/dist/docs/index.html index e69de29..f312a04 100644 --- a/website/dist/docs/index.html +++ b/website/dist/docs/index.html @@ -0,0 +1,51 @@ + + + + myevent - Free & Open Source event management solution + + + + + + + + + + + + +
+
+

Docs - myevent

+
Learn how to setup and use myevent!
+
+
+

Website & project not completed yet!

+
+ + + + + + \ No newline at end of file diff --git a/website/dist/download/index.html b/website/dist/download/index.html index 5ba2c1f..ebb5685 100644 --- a/website/dist/download/index.html +++ b/website/dist/download/index.html @@ -5,23 +5,46 @@ - - - Download - myevent +

Download myevent

Ready to downlaod?
+

Website & project not completed yet!

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/index.html b/website/dist/index.html index 3826f6e..64837f5 100644 --- a/website/dist/index.html +++ b/website/dist/index.html @@ -20,6 +20,7 @@
+

Website & project not completed yet!

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!

diff --git a/website/dist/js/index.js b/website/dist/js/index.js deleted file mode 100644 index f15bb7c..0000000 --- a/website/dist/js/index.js +++ /dev/null @@ -1,9 +0,0 @@ -/* eslint-disable no-undef */ -/* -* myevent - index.js -* -* Created by Janis Hutz 03/06/2023, Licensed under the GPL V3 License -* https://janishutz.com, development@janishutz.com -* -* -*/