progress on website

This commit is contained in:
2023-03-23 13:28:03 +01:00
parent ed06cdb269
commit 69e95fe967
4 changed files with 53 additions and 1 deletions

View File

@@ -62,10 +62,36 @@
margin-bottom: 3%; margin-bottom: 3%;
border-radius: 10px; border-radius: 10px;
} }
.top-bar {
width: 100%;
display: flex;
align-items: end;
justify-content: end;
}
.selector {
background-color: lightblue;
border-radius: 20px;
padding: 0.5%;
border-style: solid;
border-color: blue;
}
</style> </style>
</head> </head>
<body> <body>
<div class="content"> <div class="content">
<div class="top-bar">
<select name="lang" id="lang" class="selector">
<option value="en">English</option>
<option value="de">Deutsch</option>
</select>
<select name="theme" id="theme" class="selector">
<option value="system">System theme</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
</select>
</div>
<a href="https://myevent.janishutz.com"><img src="/assets/logo.png" alt="myevent-logo" style="height: 35vh;"></a> <a href="https://myevent.janishutz.com"><img src="/assets/logo.png" alt="myevent-logo" style="height: 35vh;"></a>
<div class="login-app"> <div class="login-app">
<h1>Login</h1> <h1>Login</h1>

View File

@@ -0,0 +1,23 @@
<!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">
<title>About :: myevent</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/home.css">
<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>
<script defer src="/js/index.js"></script>
</head>
<body>
<div id="nav"></div>
<div class="title-wrapper">
<h1>About myevent</h1>
<footer>Learn more about the project!</footer>
</div>
<div class="content"></div>
</body>
</html>

View File

@@ -4,6 +4,8 @@
<title>myevent - Free & Open Source event management solution</title> <title>myevent - Free & Open Source event management solution</title>
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/home.css"> <link rel="stylesheet" href="/css/home.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"> <meta charset="utf-8">
<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."> <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/jquery/3.6.1/jquery.min.js"></script>
@@ -24,7 +26,7 @@
<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 <a href="https://github.com/simplePCBuilding/myevent">GitHub</a> and donating to help fund development of this project!</p> <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 <a href="https://github.com/simplePCBuilding/myevent">GitHub</a> and donating to help fund development of this project!</p>
<div class="image-group"> <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/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> <a href="/about"><img src="/assets/htmlCSSJS.png" class="image"></a>
</div> </div>
<h2 style="text-align: center; width: 100%; margin-bottom: 0;">Features</h2> <h2 style="text-align: center; width: 100%; margin-bottom: 0;">Features</h2>
<div class="feature-overview"> <div class="feature-overview">

View File

@@ -20,6 +20,7 @@
<div class="nav-list"> <div class="nav-list">
<a class="navitem" id="docs" href="/docs">Documentation</a> <a class="navitem" id="docs" href="/docs">Documentation</a>
<a class="navitem" id="download" href="/download">Download</a> <a class="navitem" id="download" href="/download">Download</a>
<a class="navitem" id="about" href="/about">About</a>
<a class="navitem" id="gh" href="https://github.com/simplePCBuilding/myevent">GitHub</a> <a class="navitem" id="gh" href="https://github.com/simplePCBuilding/myevent">GitHub</a>
</div> </div>
</div> </div>