219 lines
11 KiB
HTML
219 lines
11 KiB
HTML
<!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/side-by-side.css">
|
|
|
|
<!-- SEO -->
|
|
<title>Projects | 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="projects" />
|
|
<meta name="description" content="An overview of Janis Hutz's most important projects" />
|
|
<meta name="og:title" content="Projects | janishutz.com" />
|
|
<meta name="og:description" content="An overview of Janis Hutz's most important projects" />
|
|
<meta name="og:image" content="https://static.janishutz.com/logo.jpg" />
|
|
<meta name="og:type" content="website" />
|
|
<meta name="og:url" content="https://janishutz.com/projects" />
|
|
<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;
|
|
}
|
|
|
|
.side-by-side {
|
|
margin-top: 20px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<nav></nav>
|
|
|
|
<div class="slider">
|
|
<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 offset-button">libreǝvent</a>
|
|
</div>
|
|
<div class="slider-element"
|
|
style="background-image: url( 'https://static.janishutz.com/assets/projects/conductorcalc-title.jpg' );">
|
|
<div class="slider-info">
|
|
<h2>ConductorCalc</h2>
|
|
<p>Professional Wire Calculation software</p>
|
|
<a href="https://conductorcalc.com" class="button" target="_blank">ConductorCalc</a>
|
|
</div>
|
|
</div>
|
|
<div class="slider-element"
|
|
style="background-image: url( 'https://static.janishutz.com/assets/projects/storagemanager-title.jpg' );">
|
|
<div class="slider-info">
|
|
<h2>StorageManager</h2>
|
|
<p>Solving your storage management issues</p>
|
|
<a href="/projects/storagemanager" class="button">StorageManager</a>
|
|
</div>
|
|
</div>
|
|
<div class="slider-element"
|
|
style="background-image: url( 'https://static.janishutz.com/assets/projects/qrscanner-title.jpg' );">
|
|
<div class="slider-info">
|
|
<h2>QR & Barcode Insight</h2>
|
|
<p>QR Scanner that makes you feel safer when scanning QR codes</p>
|
|
<a href="/projects/qrscanner" class="button">QR & Barcode Insight</a>
|
|
</div>
|
|
</div>
|
|
<div class="slider-element"
|
|
style="background-image: url( 'https://static.janishutz.com/assets/projects/musicplayer-title.jpg' );">
|
|
<div class="slider-info">
|
|
<h2>MusicPlayer</h2>
|
|
<p>Your one-stop solution for the music at your next party</p>
|
|
<a href="/projects/musicplayer" class="button">MusicPlayer</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="slider-controls slider-control-left material-symbols-outlined"
|
|
onclick="sliderControl( 'previous' )">arrow_back</span>
|
|
<span class="slider-controls slider-control-right material-symbols-outlined"
|
|
onclick="sliderControl( 'next' )">arrow_forward
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content" style="margin-top: 50px;">
|
|
<h1>Projects</h1>
|
|
|
|
<p>Discover my software projects</p>
|
|
|
|
<hr class="divider" style="margin-top: 50px;">
|
|
|
|
<h2 id="foss">Open Source Projects</h2>
|
|
<p>Projects you can use for free, that have their source code publicly available and you can help develop</p>
|
|
<p>You may find all of them <a href="https://github.com/janishutz?tab=repositories" target="_blank">here</a></p>
|
|
<div class="side-by-side">
|
|
<div class="side-by-side-item left">
|
|
<img src="https://libreevent.janishutz.com/assets/logo.png" alt="libreevent logo"
|
|
class="project-logo small-logo">
|
|
<h3>libreevent</h3>
|
|
<p>Tired of paying for event management software and want to gain control over your data? libreevent is
|
|
a powerful tool to sell tickets for your next event. Complete with mobile apps for entry control</p>
|
|
<a href="/projects/libreevent" class="button">Details</a>
|
|
</div>
|
|
<div class="side-by-side-item right">
|
|
<img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png"
|
|
alt="musicplayer logo" class="project-logo small-logo">
|
|
<h3>MusicPlayer</h3>
|
|
<p>A browser-based Music Player with remote playlist sharing and support for your local playlists, as
|
|
well as Apple Music</p>
|
|
<a href="/projects/musicplayer" class="button">Details</a>
|
|
</div>
|
|
</div>
|
|
<div class="side-by-side">
|
|
<div class="side-by-side-item left">
|
|
<img src="https://static.janishutz.com/assets/logos/impress.jpg" alt="impress.js logo" class="project-logo small-logo">
|
|
<h3>impress</h3>
|
|
<p>A JavaScript library to create fancy browser-based presentations in 3D. Not my own project, but one I occasionally contribute to</p>
|
|
<a href="https://github.com/impress/impress.js" class="button" target="_blank">GitHub</a>
|
|
</div>
|
|
<div class="side-by-side-item right">
|
|
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="project-logo small-logo">
|
|
<h3>Arch-Dev-VM</h3>
|
|
<p>Looking for an easy to set up Arch Linux virtual machine for development? The scripts here allow you
|
|
to set up an Arch Linux Virtual Machine in under 1 hour, of which most time is waiting for downloads
|
|
to finish.</p>
|
|
<a href="https://github.com/janishutz/arch-dev-vm" class="button" target="_blank">GitHub</a>
|
|
</div>
|
|
</div>
|
|
<div class="side-by-side">
|
|
<div class="side-by-side-item left">
|
|
<img src="https://raw.githubusercontent.com/janishutz/BiogasControllerApp/refs/heads/main/BiogasControllerAppLogo.png"
|
|
alt="biogascontrollerapp logo" class="project-logo small-logo">
|
|
<h3>BiogasControllerApp</h3>
|
|
<p>A small KivyMD-based application to control a small Biogas Plant in the subject ENATECH at
|
|
Kantonsschule Wohlen</p>
|
|
<a href="/projects/biogascontrollerapp" class="button">Details</a>
|
|
</div>
|
|
<div class="side-by-side-item right">
|
|
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="project-logo small-logo">
|
|
<h3>Configurations, etc</h3>
|
|
<p>Various configuration files I personally use are available on my personal Gitea instance</p>
|
|
<a href="https://git.janishutz.com/janishutz?tab=repositories" class="button" target="_blank">Git</a>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="divider" style="margin-top: 75px;">
|
|
|
|
<h2 id="ios">iOS Apps</h2>
|
|
<p>Apps designed for your phone and tablet</p>
|
|
<div class="side-by-side">
|
|
<div class="side-by-side-item left">
|
|
<img src="https://static.janishutz.com/assets/logos/storagemanager.jpg" alt="StorageManager logo" class="project-logo small-logo">
|
|
<h3>StorageManager</h3>
|
|
<p>Missing stock keeping in your home storage? Keep throwing food away because it went bad?
|
|
StorageManager aims to help you with this by providing easy to use tools to keep track of what you
|
|
have</p>
|
|
<a href="/projects/storagemanager" class="button">Details</a>
|
|
</div>
|
|
<div class="side-by-side-item right">
|
|
<img src="https://static.janishutz.com/assets/logos/qrscanner.jpg" alt="QR & Barcode Insight logo" class="project-logo small-logo">
|
|
<h3>QR & Barcode Insight</h3>
|
|
<p>QR Codes have become a massive security risk. QR & Barcode Insight helps protect you by showing
|
|
you the unfiltered content of QR codes as well as the option to check the scanned links with
|
|
Google's Safe Search API</p>
|
|
<a href="/projects/qrscanner" class="button">Details</a>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="divider" style="margin-top: 75px;">
|
|
|
|
<h2 id="proprietary">Proprietary Software</h2>
|
|
<p>Cross-Platform apps, available in browsers or even app stores!</p>
|
|
<div class="side-by-side">
|
|
<div class="side-by-side-item left">
|
|
<img src="https://cdn.conductorcalc.com/logo.jpg" alt="impress.js logo" class="project-logo small-logo">
|
|
<h3>ConductorCalc</h3>
|
|
<p>Your all-in-one solution for calculating parameters when designing high-voltage lines</p>
|
|
<a href="https://conductorcalc.com" target="_blank" class="button">Details</a>
|
|
</div>
|
|
<div class="side-by-side-item right">
|
|
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="project-logo small-logo">
|
|
<h3>Store</h3>
|
|
<p>The way to buy my software and support the development of my open source software</p>
|
|
<a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
|
|
</div>
|
|
</div>
|
|
<div class="side-by-side">
|
|
<div class="side-by-side-item left">
|
|
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="project-logo small-logo">
|
|
<h3>Accounts</h3>
|
|
<p>Tired of creating lots of accounts? All my services rely on a single account backend, not requiring
|
|
you to create a new account for each</p>
|
|
<a href="https://account.janishutz.com" class="button" target="_blank">Account</a>
|
|
</div>
|
|
<div class="side-by-side-item right">
|
|
<img src="https://static.janishutz.com/assets/logos/lsh.png" alt="Language School Hossegor logo" class="project-logo small-logo">
|
|
<h3>Language School Hossegor Booking System</h3>
|
|
<p>A fully featured booking system for a French language school, written from scratch specifically for
|
|
their purposes with a highly customizable booking process.</p>
|
|
<a href="/projects/languageschoolhossegor-booking" class="button">Details</a>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
activateSlider(7500);
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|