janishutz/libreevent
1
0
Fork 0
mirror of https://github.com/janishutz/libreevent.git synced 2025-11-25 13:24:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

new start page template done

Browse Source
This commit is contained in:
Janis Hutz
2023-09-30 14:30:49 +02:00
parent a84e4197d4
commit e8e0de3ae9
11 changed files with 58 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/server/backend/helperRoutes.js
View File

@@ -22,7 +22,7 @@ module.exports = ( app, settings ) => {
} );
app.get( '/startPage/assets/:image', ( req, res ) => {
res.sendFile( path.join( __dirname + '/../assets/' + settings.startPage + '/assets/' + req.params.image ) );
res.sendFile( path.join( __dirname + '/../ui/home/templates/' + settings.startPage + '/assets/' + req.params.image ) );
} );
app.get( '/startPage/preview/:template', ( req, res ) => {

2
src/server/config/settings.config.json
View File

@@ -12,6 +12,6 @@
"currency":"CHF",
"gcInterval":300,
"ticketTimeout":900,
"startPage":"default",
"startPage":"modern",
"version":"1.0.0"
}

11
src/server/ui/home/main.css
View File

@@ -9,39 +9,36 @@
--accent-background-hover: rgb(124, 140, 236);
--overlay-color: rgba(0, 0, 0, 0.7);
--inactive-color: rgb(100, 100, 100);
--highlight-backdrop: rgb(143, 134, 192);
--hint-color: rgb(174, 210, 221);
--PI: 3.14159265358979;
}
:root.dark {
--primary-color: white;
--accent-background: rgb(56, 56, 112);
--accent-background: rgb(20, 20, 116);
--secondary-color: white;
--background-color: rgb(32, 32, 32);
--popup-color: rgb(58, 58, 58);
--accent-color: #42b983;
--hover-color: rgb(83, 83, 83);
--accent-background-hover: #4380a8;
--accent-background-hover: rgb(124, 140, 236);
--overlay-color: rgba(104, 104, 104, 0.575);
--inactive-color: rgb(190, 190, 190);
--highlight-backdrop: rgb(85, 63, 207);
--hint-color: rgb(88, 91, 110);
}
@media ( prefers-color-scheme: dark ) {
:root {
--primary-color: white;
--accent-background: rgb(56, 56, 112);
--accent-background: rgb(20, 20, 116);
--secondary-color: white;
--background-color: rgb(32, 32, 32);
--popup-color: rgb(58, 58, 58);
--accent-color: #42b983;
--hover-color: rgb(83, 83, 83);
--accent-background-hover: #4380a8;
--accent-background-hover: rgb(124, 140, 236);
--overlay-color: rgba(104, 104, 104, 0.575);
--inactive-color: rgb(190, 190, 190);
--highlight-backdrop: rgb(85, 63, 207);
--hint-color: rgb(88, 91, 110);
}
}

17
src/server/ui/home/templates/default/startPage.json
View File

@@ -1,10 +1,4 @@
{
"subtitle": {
"id": "subtitle",
"type": "text",
"display": "Subtitle",
"can-be-empty": false
},
"description": {
"id": "description",
"type": "textarea",
@@ -16,16 +10,5 @@
"min-length": 100
},
"can-be-empty": false
},
"banner": {
"id": "banner",
"type": "image",
"display": "Banner",
"image-settings": {
"upload-name": "homeBanner",
"accept-filetype": "image/jpeg",
"height": 200,
"width": 350
}
}
}

3
src/server/ui/home/templates/fancy/assets/README.md
View File

@@ -1,3 +0,0 @@
# Assets directory
Inside of the assets directory, the start page assets can be found.

27
src/server/ui/home/templates/fancy/index.html
View File

@@ -1,27 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"> -->
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<link rel="stylesheet" href="/supportFiles/style.css">
<link rel="stylesheet" href="/startPage/mainStyle">
<script defer src="/startPage/helperFunction"></script>
<title>{{ pageName }} :: Home</title>
</head>
<body>
<nav>
<a class="home">Home</a> |
<a href="/tickets">Tickets</a> |
<a href="/cart">Cart</a> |
<a href="/account">Account</a> |
<button onclick="changeTheme();" id="themeSelector">&#9789;</button>
</nav>
<div class="content">
<img src="/otherAssets/logo.png" alt="libreevent logo" class="logo">
<h1>Welcome to {{ pageName }}!</h1>
<p>{{ data.description }}</p>
</div>
</body>
</html>

1
src/server/ui/home/templates/fancy/startPage.config.json
View File

@@ -1 +0,0 @@
{"subtitle":"this is a test","description":"this is a test description"}

31
src/server/ui/home/templates/fancy/startPage.json
View File

@@ -1,31 +0,0 @@
{
"subtitle": {
"id": "subtitle",
"type": "text",
"display": "Subtitle",
"can-be-empty": false
},
"description": {
"id": "description",
"type": "textarea",
"display": "Description",
"textarea-settings": {
"cols": 50,
"rows": 5,
"max-length": 0,
"min-length": 100
},
"can-be-empty": false
},
"banner": {
"id": "banner",
"type": "image",
"display": "Banner",
"image-settings": {
"upload-name": "homeBanner",
"accept-filetype": "image/jpeg",
"height": 200,
"width": 350
}
}
}

12
src/server/ui/home/templates/fancy/supportFiles/style.css
View File

@@ -1,12 +0,0 @@
/*
* libreevent - style.css
*
* Created by Janis Hutz 08/29/2023, Licensed under the GPL V3 License
* https://janishutz.com, development@janishutz.com
*
*
*/
.logo {
height: 50vh;
}

10
src/server/ui/home/templates/modern/index.html
View File

@@ -19,9 +19,15 @@
<button onclick="changeTheme();" id="themeSelector">&#9789;</button>
</nav>
<div class="content">
<img src="/otherAssets/logo.png" alt="libreevent logo" class="logo">
<h1>Welcome to {{ pageName }}!</h1>
<div class="title">
<img src="/otherAssets/logo.png" alt="libreevent logo" class="logo">
<div class="title-text">
<h1>{{ pageName }}</h1>
<footer>{{ data.subtitle }}</footer>
</div>
</div>
<p>{{ data.description }}</p>
<a href="/tickets" class="button">Buy tickets</a>
</div>
</body>
</html>

47
src/server/ui/home/templates/modern/supportFiles/style.css
View File

@@ -7,6 +7,49 @@
*
*/
.logo {
height: 50vh;
.title {
height: 80vh;
background-position: center;
background-repeat: no-repeat;
background-color: rgba( 0, 0, 0, 0.1 );
background-size: cover;
background-image: url( /startPage/assets/banner.jpg );
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding: 0;
margin: 0;
}
.title-text {
background-color: var( --overlay-color );
color: var( --secondary-color );
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 2%;
margin-top: 1%;
}
.button {
transition: all 1s;
padding: 1%;
border-radius: 50px;
background-color: var( --accent-background );
cursor: pointer;
color: var( --secondary-color );
margin-bottom: 5%;
text-decoration: none;
}
.button:hover {
background-color: var( --accent-background-hover );
border-radius: 10px;
}
.logo {
height: 40%;
}