janishutz-website/old-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

design, libreevent page partially done

Browse Source
This commit is contained in:
Janis Hutz
2024-09-03 08:48:31 +02:00
parent 242ec159a2
commit 28276a984f
5 changed files with 158 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
site/src/404.html
View File

@@ -6,6 +6,16 @@
<title>404 - Page not found | janishutz.com</title>
<link rel="stylesheet" href="/css/slider.css">
<link rel="stylesheet" href="/css/style.css">
<style>
.content {
height: 80vh;
}
.content h1 {
font-size: 8rem;
margin: 0;
}
</style>
</head>
<body>
<nav></nav>
@@ -13,6 +23,7 @@
<div class="content">
<h1>404</h1>
<p>The page you are looking for was not found!</p>
<a href="/" class="button">Home</a>
</div>

15
site/src/css/style.css
View File

@@ -26,6 +26,10 @@ body {
.content {
width: 80%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.no-scroll {
@@ -38,4 +42,15 @@ body {
color: white;
text-decoration: none;
border-radius: 10px;
transition: all 0.5s;
}
.button:hover {
border-radius: 5px;
background-color: rgb(2, 10, 27);
}
.project-logo {
width: 40%;
border-radius: 30px;
}

15
site/src/projects/libreevent/index.html
View File

@@ -38,12 +38,12 @@
</div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
<h1>Create Events with Ease</h1>
<p>Using the libreevent's powerful admin panel</p>
<p>Using the libreǝvent's powerful admin panel</p>
<a href="https://libreevent.janishutz.com/docs/admin-panel/" class="button">Docs</a>
</div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-seatplan-editor.jpg' );">
<h1>Create seat plans</h1>
<p>libreevent's seat plan editor is designed to make this as easy as possible</p>
<p>libreǝvent's seat plan editor is designed to make this as easy as possible</p>
<a href="https://libreevent.janishutz.com/docs/admin-panel/seatplan-editor" class="button">Docs</a>
</div>
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-all-events.jpg' );">
@@ -59,13 +59,22 @@
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-ticket-sel.jpg' );">
<h1>Open Source Project</h1>
<p>Free Software, developed by Janis Hutz & the community</p>
<a href="https://libreevent.janishutz.com" class="button">Learn more about libreevent</a>
<a href="https://libreevent.janishutz.com" class="button">Learn more about libreǝvent</a>
</div>
</div>
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
</div>
<div class="content">
<!-- TODO: Size logo better -->
<img src="https://libreevent.janishutz.com/assets/logo.png" alt="libreevent logo" class="project-logo">
<h1>libreǝvent</h1>
<p>Free & Open Source Event Management & Ticketing Solution</p>
</div>
<div id="yt-embed"></div>