Files
old-website/src/projects/index.html

74 lines
4.0 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<title>Projects - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/mainstyle.css">
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script defer src="/js/loader.js"></script>
</head>
<body>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="content-title">Projects</h1>
<p style="text-align: center; margin-bottom: 5%;">This is a selection of my most important projects. This list is not exhaustive and I've got some private projects ongoing at all times, like updating and optimising all my different websites.</p>
<h3 id="ios" class="content-title-small">Swift & SwiftUI (iOS Apps)</h3>
<div class="sidebyside">
<div class="element">
<h3>StorageManager</h3>
<p>Managing your home storage is a difficult task. It is fairly common to forget about things you still have in storage. This is where StorageManager comes in. It notifies you whenever a product is about to expire.</p>
<a class="button" href="/projects/storagemanager">Learn more</a>
</div>
<div class="element">
<h3>QR & Barcode Insight</h3>
<p>Ever wondered what exactly is inside QR codes exactly? This app shows you the unfiltered content of the QR code such that you can more easily evaluate if this website you are about to visit is trustworthy.</p>
<a class="button" href="/projects/qrscanner">Learn more</a>
</div>
</div>
<h3 id="foss" class="content-title-small" style="margin-top: 10%;">Free and Open Source Software</h3>
<div class="sidebyside">
<div class="element">
<h3>libreǝvent</h3>
<p>My flagship project, a fully features, free and open source event management solution you can host yourself. Its feature list is very extensive, so check it out below!</p>
<a class="button" href="/projects/libreevent">Learn more</a>
</div>
<div class="element">
<h3>SimpleMediaUpscalerLite</h3>
<p>An electron app with which you can upscale videos and images using different upscaling algorithms. It also features plugin support with which new upscaling engines can be added easily.</p>
<a class="button" href="/projects/smuL">Learn more</a>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>MusicPlayer</h3>
<p>An electron based music player that can display currently playing and next songs including more information on them from CSV files on any number of client displays. These displays solely require a browser.</p>
<a class="button" href="/projects/musiplayer">Learn more</a>
</div>
<div class="element">
<h3>Language School Hossegor Booking System</h3>
<p>A fully featured booking system for a Language School in France. It features fully automated invoice generation, an extensive admin panel and a easy to navigate reservation experience, fully custom built</p>
<a class="button" href="/projects/languageschoolhossegor-booking">Learn more</a>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>impress.js</h3>
<p>A JavaScript framework with which one can create stunning presentations. This is not my own project, but rather a project I contribute code to.</p>
<a class="button" href="/projects/impress">Learn more</a>
</div>
<div class="element">
<h3>Various websites and school projects</h3>
<p>Over my time at my current school I have created quite a few little projects.</p>
<a class="button" href="/projects/schoolprojects">Learn more</a>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>