add some more pages
This commit is contained in:
53
site/src/about/aboutme/index.html
Normal file
53
site/src/about/aboutme/index.html
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
|
||||||
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
|
<link rel="stylesheet" href="/css/wrapfig.css">
|
||||||
|
|
||||||
|
<!-- SEO -->
|
||||||
|
<title>About me | janishutz.com</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=7" />
|
||||||
|
<meta name="keywords" content="" />
|
||||||
|
<meta name="description" content="" />
|
||||||
|
<meta name="og:title" content="" />
|
||||||
|
<meta name="og:description" content="" />
|
||||||
|
<meta name="og:image" content="https://static.janishutz.com/seo/legal-card.jpg" />
|
||||||
|
<meta name="og:type" content="website" />
|
||||||
|
<meta name="og:url" content="https://janishutz.com/legal" />
|
||||||
|
<meta name="og:locale" content="en_GB" />
|
||||||
|
<meta property="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="theme-color" content="#152b5c">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav></nav>
|
||||||
|
<div class="content">
|
||||||
|
<h1 class="title">About Janis Hutz</h1>
|
||||||
|
|
||||||
|
<div class="wrapfig-wrapper">
|
||||||
|
<img src="https://static.janishutz.com/logo.jpg" alt="Janis Hutz" class="wrapfig left circle">
|
||||||
|
<div class="wrapfig-text right">
|
||||||
|
<p class="no-margin bigger">Hello! I'm Janis Hutz, and I develop software</p>
|
||||||
|
<p class="no-margin">Having been working on developing software and learning to do so properly since the beginning of 2021, I have accumulated a lot of work hours in this subject. In September 2024, I have started my studies in Software Engineering at ETH Zurich, a renowned university in Switzerland</p>
|
||||||
|
<p class="no-margin">Most of the software provided on this website is done so for free. Any <a href="https://store.janishutz.com/donate" target="_blank">financial support</a> would be greatly appreciated.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p style="margin-top: 30px;">Discover the full range of services and software offered here</p>
|
||||||
|
<div class="inline-elements">
|
||||||
|
<a href="https://development.janishutz.com" class="button" target="_blank">Custom Websites</a>
|
||||||
|
<a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
|
||||||
|
<a href="https://github.com/janishutz" class="button" target="_blank">GitHub</a>
|
||||||
|
<a href="https://npmjs.com/~janishutz" class="button" target="_blank">npm</a>
|
||||||
|
<a href="/projects" class="button">Projects</a>
|
||||||
|
<a href="/about/aboutme" class="button">About Janis Hutz</a>
|
||||||
|
<a href="https://store.janishutz.com/donate" class="button" target="_blank">Donate</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<footer></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -102,6 +102,15 @@ body {
|
|||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.circle {
|
||||||
|
border-radius: 5000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bigger {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.no-margin {
|
.no-margin {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
|||||||
95
site/src/projects/index.html
Normal file
95
site/src/projects/index.html
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
|
||||||
|
<link rel="stylesheet" href="/css/style.css">
|
||||||
|
|
||||||
|
<!-- SEO -->
|
||||||
|
<title>libreevent - free and open source event management solution | janishutz.com</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=7" />
|
||||||
|
<meta name="keywords" content="" />
|
||||||
|
<meta name="description" content="" />
|
||||||
|
<meta name="og:title" content="" />
|
||||||
|
<meta name="og:description" content="" />
|
||||||
|
<meta name="og:image" content="https://static.janishutz.com/seo/home-card.jpg" />
|
||||||
|
<meta name="og:type" content="website" />
|
||||||
|
<meta name="og:url" content="https://janishutz.com" />
|
||||||
|
<meta name="og:locale" content="en_GB" />
|
||||||
|
<meta property="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="theme-color" content="#152b5c">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#yt-embed {
|
||||||
|
width: 70vw;
|
||||||
|
height: 40vw;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav></nav>
|
||||||
|
|
||||||
|
<div class="slider" style="width: 100vw; height: 80vh;">
|
||||||
|
<div class="slider-container">
|
||||||
|
<div class="slider-element current" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
|
||||||
|
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
|
||||||
|
</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 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>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' );">
|
||||||
|
<h1>Order Tickets</h1>
|
||||||
|
<p>on this page and give users all important data</p>
|
||||||
|
<a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
|
||||||
|
</div>
|
||||||
|
<div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-login.jpg' );">
|
||||||
|
<h1>User Accounts</h1>
|
||||||
|
<p>Your customers can do everything in self-service!</p>
|
||||||
|
<a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
|
||||||
|
</div>
|
||||||
|
<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 libreǝvent</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">⮜</div>
|
||||||
|
<div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">⮞</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>
|
||||||
|
|
||||||
|
<a href="/projects" class="back-button">← All projects</a>
|
||||||
|
<p>Free & Open Source Event Management & Ticketing Solution</p>
|
||||||
|
|
||||||
|
<hr class="pullquote-lines">
|
||||||
|
<h3 class="content-title-small">Why use a commercial event management solution, if you can host a more flexible one yourself?</h3>
|
||||||
|
<hr class="pullquote-lines">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="yt-embed"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<footer></footer>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="https://static.janishutz.com/js/yt-embed.js"></script>
|
||||||
|
<script src="https://static.janishutz.com/js/slider.js"></script>
|
||||||
|
<script>
|
||||||
|
YTEmbed( 'yt-embed', 'UYMa-xTyZYo' );
|
||||||
|
activateSlider( 7500 );
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user