Add more pages, delete unneccessary ones

This commit is contained in:
2025-09-08 11:35:15 +02:00
parent d564837af2
commit 54719145d3
11 changed files with 263 additions and 32 deletions

View File

@@ -87,25 +87,12 @@
<div class="timeline-el" id="timeline-dot-7">
<div class="timeline-year">2025</div>
<div class="timeline-dot"></div>
<div class="timeline-desc">ETH Zurich, ConductorCalc, StorageManager, Website, Dotfiles</div>
<div class="timeline-desc">ETH Zurich, ConductorCalc, StorageManager, Website, Dotfiles, new Account System</div>
</div>
</div>
<p style="margin-top: 50px;">Learn more here</p>
<a href="/links" class="button">Linktree</a>
<!-- <div class="inline-elements"> -->
<!-- <a href="https://blog.janishutz.com" class="button" target="_blank">Blog</a> -->
<!-- <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://git.janishutz.com/janishutz" class="button" target="_blank">Git</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="https://mastodon.social/@janishutz" class="button" target="_blank">Mastodon</a> -->
<!-- <a href="/projects" class="button">Projects</a> -->
<!-- <a href="/about" class="button">About janishutz.com</a> -->
<!-- <a href="https://store.janishutz.com/donate" class="button" target="_blank">Donate</a> -->
<!-- </div> -->
</div>
<footer></footer>
</body>

View File

@@ -83,7 +83,7 @@
<h3>Accounts</h3>
<p>Log into any of my services with one single account, or apply to get access to the SDKs to integrate
them into your own projects</p>
<a href="https://id.janishutz.com" class="button">To Account</a>
<a href="https://account.janishutz.com" class="button">To Account</a>
</div>
<div class="side-by-side-item right">
<h3>Free & Open Source Software</h3>

View File

@@ -69,7 +69,7 @@
</a>
<div class="nav-link-dropdown">
<a href="https://store.janishutz.com">Store</a>
<a href="https://id.janishutz.com">Account</a>
<a href="https://account.janishutz.com">Account</a>
<a href="https://development.janishutz.com">Custom Websites</a>
</div>
</div>

View File

@@ -7,7 +7,8 @@
<link rel="stylesheet" href="/css/style.css">
<!-- SEO -->
<title>BiogasControllerApp - Configure the microcontroller used in ENATECH at KSWO to control the Biogas Plant | janishutz.com</title>
<title>BiogasControllerApp - Configure the microcontroller used in ENATECH at KSWO to control the Biogas Plant |
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" />
@@ -74,23 +75,42 @@
</div>
<div class="content">
<img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer logo" class="project-logo">
<img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer logo"
class="project-logo">
<h1>Biogas&shy;Controller&shy;App</h1>
<a href="/projects" class="back-button">&leftarrow; All projects</a>
<p>Control the microcontroller used in the subject ENATECH at Kantonsschule Wohlen</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>
<h3 class="content-title-small">Easy to use, yet still features easy to understand code for beginners</h3>
<hr class="pullquote-lines">
</div>
<div class="content">
<h2>Project Website</h2>
<p>libreevent has its own project website, where you can learn more about the project, find documentation and a
guide on how to install it.</p>
<a href="https://libreevent.janishutz.com" target="_blank" class="button">Project Website</a>
<h2>GitHub Repository</h2>
<p>BiogasControllerApp is available on GitHub, where you may also view its well-documented code, with
beginner-friendliness in mind for the code.</p>
<a href="https://github.com/janishutz/BiogasControllerApp" target="_blank" class="button">GitHub</a>
<h3 style="margin-top: 50px;">Features</h3>
<ul>
<li>
Read out data from and configure the microcontroller in ENATECH
</li>
<li>
Clean User Interface focusing on ease of use
</li>
<li>
Tips to resolve erros baked directly into the app
</li>
<li>
Easy to understand code
</li>
<li>
A large focus on code quality and readability
</li>
</ul>
</div>

View File

@@ -105,8 +105,8 @@
<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</p>
<a href="/projects/impress" class="button">Details</a>
<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">
@@ -128,9 +128,9 @@
</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>Small School Projects</h3>
<p>Various small projects I did during my time at Kantonsschule Wohlen</p>
<a href="/projects/schoolprojects" class="button">Details</a>
<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>

View File

@@ -131,6 +131,8 @@
platform. You could even run it off of your phone, if you wish!</p>
</div>
</div>
<hr class="divider">
<a href="https://music.janishutz.com" target="_blank" class="button" style="margin-top: 50px;">Get it today</a>
</div>

View File

@@ -0,0 +1,150 @@
<!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>QR &amp; Barcode Insight - Be safer when scanning QR codes | 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="browser-based, music player, remote display" />
<meta name="description"
content="Be safer when scanning QR codes, as the entire link will be shown to you when scanning. The app also provides the ability to scan from your photo library" />
<meta name="og:title"
content="QR &amp; Barcode Insight - Be safer when scanning QR codes | janishutz.com" />
<meta name="og:description"
content="Be safer when scanning QR codes, as the entire link will be shown to you when scanning. The app also provides the ability to scan from your photo library" />
<meta name="og:image" content="https://static.janishutz.com/seo/projects/qrscanner.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/projects/qrscanner" />
<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="slider">
<div class="slider-container">
<div class="slider-element current"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-sources.jpg' );">
<div class="slider-info">
<h2>Sources</h2>
<p>Play your local music or use Apple Music (Apple Music Subscription required)</p>
<a href="https://music.janishutz.com/" class="button">Website</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-fancy.jpg' );">
<div class="slider-info">
<h2>Shared Playlists</h2>
<p>Seamlessly sync and display what you are currently playing on other devices. Perfect for your
next party!</p>
<a href="https://music.janishutz.com/get" class="button">Get it today</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-player.jpg' );">
<div class="slider-info">
<h2>Browser based</h2>
<p>No need to install anything. Runs on any platform</p>
<a href="https://music.janishutz.com/get" class="button">Get it today</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-main.jpg' );">
<div class="slider-info">
<h2>Hosted for you</h2>
<p>Need the convenience of an already set up version?</p>
<a href="https://music.janishutz.com/" class="button">Website</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-code.jpg' );">
<div class="slider-info">
<h2>Open Source</h2>
<p>Developed by Janis Hutz &amp; the community</p>
<a href="https://github.com/janishutz/MusicPlayerV2" class="button">GitHub</a>
</div>
</div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-home.jpg' );">
<div class="slider-info">
<h2>Self-Hostable</h2>
<p>Host it yourself. You need to be member of the Apple Developer Program for access to the Apple
Music API</p>
<a href="https://github.com/janishutz/MusicPlayerV2/wiki/Installation" class="button">Docs</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 class="content">
<img src="https://static.janishutz.com/assets/logos/qrscanner.jpg" alt="MusicPlayer logo"
class="project-logo">
<h1>QR &amp; Barcode Insight</h1>
<a href="/projects" class="back-button">&leftarrow; All projects</a>
<p>Play music fully in the browser and remotely share what you are currently playing. Perfect for your next
party!</p>
<a href="https://music.janishutz.com" target="_blank" class="button">Get it today</a>
<hr class="divider">
<h2>Features</h2>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>Remote Playback Status</h3>
<p>Remotely display what is currently playing via a link you can share. There is an additional link that
can be used to display the same information, but with animations that sync to the music (Microphone
access required on the target device and animations will sync up to the sound audible on that
device)</p>
</div>
<div class="side-by-side-item right">
<h3>Two Sources</h3>
<p>You can choose between two sources for audio: Your local disk or Apple Music and you can mix the two
in a single playlist. Cover Art and song information is fetched from the Apple Music API
automatically if you are using the hosted version or have configured the Apple Music API
authentication tokens</p>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>Fully Featured Player</h3>
<p>All the features you'd expect from a Music Player are present in MusicPlayer. Shuffle, Repeat,
Playlist support, adding more songs to queue, just to name a few, are all present.</p>
</div>
<div class="side-by-side-item right">
<h3>Browser based</h3>
<p>There is no need to install anything. MusicPlayer runs fully in your browser and is thus cross
platform. You could even run it off of your phone, if you wish!</p>
</div>
</div>
<hr class="divider">
<a href="https://music.janishutz.com" target="_blank" class="button" style="margin-top: 50px;">Get it today</a>
</div>
<footer></footer>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>
activateSlider(7500);
</script>
</body>
</html>

View File

@@ -5,6 +5,7 @@
<!-- 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>Storage Manager - get organized | janishutz.com</title>
@@ -73,8 +74,79 @@
an iOS app that can send you notifications such that you do not forget about products that are about to
expire.</p>
<h3>Features</h3>
<div class=""></div>
<a href="https://apps.apple.com/us/app/storagemanager/id6443832297" target="_blank" class="button">Get it today</a>
<hr class="divider">
<h2>Features</h2>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>Notifications</h3>
<p>StorageManager can send you notifications when a product is about to expire so you don't forget about
the product. Notifications time can be customised in settings.</p>
</div>
<div class="side-by-side-item right">
<h3>Adding products</h3>
<p>You can add products by simply scanning the product's barcode and adding some data on the product.
The app will remember the product such that the next time you scan it, it will autofill all relevant
data.</p>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>Editing products</h3>
<p>Products can be edited straight from the products details page. You can edit every aspect of the
product data to the extent that you can make it an entirely different kind.</p>
</div>
<div class="side-by-side-item right">
<h3>Removing products</h3>
<p>You can remove products by simply swiping to delete. Alternatively you can delete products by hitting
the delete icon in the details page or even better, by scanning the product's barcode.</p>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>Organisation</h3>
<p>StorageManager allows you to create product categories and one storage location. If you purchase the
full version, you can add an infinite amount of storage locations. The In-App-Purchase is sharable
with up to five people in your family.</p>
</div>
<div class="side-by-side-item right">
<h3>Filtering &amp; sorting</h3>
<p>You can sort and filter all the data. Many different sorting options and filters are available, as
well as a powerful search function, that finds all your products within milliseconds.</p>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>iCloud-Sync</h3>
<p>StorageManager has iCloud-Sync built in and enabled for ALL users. Simply allow iCloud access for
StorageManager and you are off to the races. Your storage data syncs magically between all your
Apple-Devices.</p>
</div>
<div class="side-by-side-item right">
<h3>Free <sup>*</sup></h3>
<p>You can use StorageManager for free, with one small exception being adding an unlimited amount of
storage locations. For this you will need to make an In-App-Purchase. Please check the AppStore for
the exact pricing as this is dependent on your country.</p>
</div>
</div>
<div class="side-by-side">
<div class="side-by-side-item left">
<h3>Easy setup</h3>
<p>StorageManager features an easy to use, guided setup such that you can be up and running within just
one or two minutes of downloading the app.</p>
</div>
<div class="side-by-side-item right">
<h3>Display settings</h3>
<p>Choose what is displayed on the main page of the app with simple toggles in the app's settings page.
This allows you to see everything you want at a glance or have more items on the screen at once.</p>
</div>
</div>
<hr class="divider">
<a href="https://apps.apple.com/us/app/storagemanager/id6443832297" target="_blank" class="button" style="margin-top: 50px;">Get it today</a>
</div>

View File

@@ -36,7 +36,7 @@
<div class="inline-elements">
<a class="button" href="https://store.janishutz.com">Software Store</a>
<a class="button" href="https://id.janishutz.com">Account</a>
<a class="button" href="https://account.janishutz.com">Account</a>
<a class="button" href="https://development.janishutz.com">Custom Websites</a>
</div>
</div>