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

New site almost complete, still need to add images

Browse Source
This commit is contained in:
Admin
2025-09-08 13:31:38 +02:00
parent 54719145d3
commit 204c3ab8f5
13 changed files with 68 additions and 525 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
site/assets/code.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 40 KiB

2
site/build.js
View File

@@ -76,4 +76,4 @@ for ( let file in filesToParse ) {
copyFiles( './src', '.js' ); copyFiles( './src', '.js' );
copyFiles( './src', '.css' ); copyFiles( './src', '.css' );
console.log( '\n==> DONE\n\n' ); console.log( '\n==> DONE\n\n' );

26
site/src/index.html
View File

@@ -34,15 +34,15 @@
<div class="slider-info"> <div class="slider-info">
<h2>Software for your needs</h2> <h2>Software for your needs</h2>
<p>Professional-Grade Software</p> <p>Professional-Grade Software</p>
<a href="https://store.janishutz.com" class="button">Store</a> <a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
</div> </div>
</div> </div>
<div class="slider-element" <div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/home/home-custom.jpg' );"> style="background-image: url( 'https://static.janishutz.com/assets/home/home-conductorcalc.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Custom Websites</h2> <h2>ConductorCalc</h2>
<p>Built from the ground up specifically for you, no frameworks used!</p> <p>The perfect tool to aid you in the complex calculations necessary when building high voltage lines</p>
<a href="https://development.janishutz.com" class="button">Order now</a> <a href="https://conductorcalc.com" class="button" target="_blank">Check it out</a>
</div> </div>
</div> </div>
<div class="slider-element" <div class="slider-element"
@@ -70,12 +70,12 @@
<div class="side-by-side-item left"> <div class="side-by-side-item left">
<h3>Store</h3> <h3>Store</h3>
<p>Find your perfect professional-grade Software</p> <p>Find your perfect professional-grade Software</p>
<a href="https://store.janishutz.com" class="button">Store</a> <a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
<h3>Custom Websites</h3> <h3>ConductorCalc</h3>
<p>Find your perfect new web appearance, built from the groundup without any frameworks</p> <p>Professional wire calculation software to aid in building high voltage lines safely</p>
<a href="https://development.janishutz.com" class="button">Check it out</a> <a href="https://conductorcalc.com" class="button" target="_blank">ConductorCalc</a>
</div> </div>
</div> </div>
<div class="side-by-side"> <div class="side-by-side">
@@ -83,7 +83,7 @@
<h3>Accounts</h3> <h3>Accounts</h3>
<p>Log into any of my services with one single account, or apply to get access to the SDKs to integrate <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> them into your own projects</p>
<a href="https://account.janishutz.com" class="button">To Account</a> <a href="https://account.janishutz.com" class="button" target="_blank">To Account</a>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
<h3>Free & Open Source Software</h3> <h3>Free & Open Source Software</h3>
@@ -99,9 +99,9 @@
<a href="/projects#ios" class="button">iOS Apps</a> <a href="/projects#ios" class="button">iOS Apps</a>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
<h3>ConductorCalc</h3> <h3>Custom Websites</h3>
<p>Professional wire calculation software to aid in building high voltage lines safely</p> <p>Find your perfect new web appearance, built from the groundup without any frameworks</p>
<a href="https://conductorcalc.com" class="button" target="_blank">ConductorCalc</a> <a href="https://development.janishutz.com" class="button" target="_blank">Check it out</a>
</div> </div>
</div> </div>
</div> </div>

3
site/src/nav.html
View File

@@ -58,7 +58,8 @@
<a href="/projects/storagemanager">StorageManager</a> <a href="/projects/storagemanager">StorageManager</a>
<a href="/projects/qrscanner">QR & Barcode Insight</a> <a href="/projects/qrscanner">QR & Barcode Insight</a>
<a href="/projects/libreevent">libreǝvent</a> <a href="/projects/libreevent">libreǝvent</a>
<a href="/projects/conductorcalc">ConductorCalc</a> <a href="/projects/musicplayer">MusicPlayer</a>
<a href="https://conductorcalc.com" target="_blank">ConductorCalc</a>
</div> </div>
</div> </div>

49
site/src/projects/accounts/index.html
View File

@@ -1,49 +0,0 @@
<!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>MusicPlayer - Fully browser based with built-in remote playlist display with animations | 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="Want to show off what the currently playing song is for your next party? MusicPlayer has a lot of party-oriented features built in!" />
<meta name="og:title"
content="MusicPlayer - Fully browser based with built-in remote playlist display with animations" />
<meta name="og:description"
content="Want to show off what the currently playing song is for your next party? MusicPlayer has a lot of party-oriented features built in!" />
<meta name="og:image" content="https://static.janishutz.com/seo/projects/musicplayer.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/projects/musicplayer" />
<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">
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo"
class="project-logo">
<h1>Accounts</h1>
<a href="/projects" class="back-button">&leftarrow; All projects</a>
<p>Log in with just one account securely to all my services. No need for separate accounts for each service.</p>
<a href="https://account.janishutz.com" target="_blank" class="button">To Accounts</a>
<p style="color: red; font-style: italic; font-weight: bold;">This page is still under construction, as my accounts services are being reworked</p>
</div>
<footer></footer>
</body>
</html>

44
site/src/projects/biogascontrollerapp/index.html
View File

@@ -30,50 +30,6 @@
<body> <body>
<nav></nav> <nav></nav>
<div class="slider">
<div class="slider-container">
<div class="slider-element current"
style="background-image: url( 'https://static.janishutz.com/assets/store/store-main.jpg' );">
<a href="https://libreevent.janishutz.com" class="button" style="margin-top: 30%;">Project Website</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
<h2>Create Events with Ease</h2>
<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' );">
<h2>Create seat plans</h2>
<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' );">
<h2>User Accounts</h2>
<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' );">
<h2>Open Source Project</h2>
<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>
<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"> <div class="content">
<img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer logo" <img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer logo"
class="project-logo"> class="project-logo">

104
site/src/projects/conductorcalc/index.html
View File

@@ -1,104 +0,0 @@
<!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>ConductorCalc - Professional High-Voltage Line Calculation Software | 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="libreevent, event management, ticketing, seat plan editor, free and open source" />
<meta name="description"
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
<meta name="og:title" content="libreevent - free and open source event management solution" />
<meta name="og:description"
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
<meta name="og:image" content="https://static.janishutz.com/seo/projects/libreevent.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/projects/libreevent" />
<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: 90vw;
height: 50vw;
}
@media only screen and (min-width: 999px) {
#yt-embed {
width: 70vw;
height: 40vw;
}
}
</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="https://conductorcalc.com" class="button" style="margin-top: 30%;">Website</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
<h2>Available on every platform</h2>
<p>ConductorCalc uses web technologies to be available on all major platforms</p>
<a href="https://store.janishutz.com/product/com.janishutz.ConductorCalc" target="_blank" class="button">Buy now</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-seatplan-editor.jpg' );">
<h2></h2>
<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-login.jpg' );">
<h2>User Accounts</h2>
<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' );">
<h2>Open Source Project</h2>
<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>
<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">
<!-- TODO: Size logo better -->
<img src="https://cdn.conductorcalc.com/logo.jpg" alt="ConductorCalc logo" class="project-logo">
<h1>ConductorCalc</h1>
<a href="/projects" class="back-button">&leftarrow; All projects</a>
<p>Professional High-Voltage-Line calculation software</p>
<a href="https://conductorcalc.com" target="_blank" class="button">ConductorCalc.com</a>
</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>

8
site/src/projects/index.html
View File

@@ -56,10 +56,6 @@
style="background-image: url( 'https://static.janishutz.com/assets/projects/qrscanner-title.jpg' );"> style="background-image: url( 'https://static.janishutz.com/assets/projects/qrscanner-title.jpg' );">
<a href="/projects/qrscanner" class="button offset-button">QR &amp; Barcode Insight</a> <a href="/projects/qrscanner" class="button offset-button">QR &amp; Barcode Insight</a>
</div> </div>
<div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/projects/store-title.jpg' );">
<a href="/projects/store" class="button offset-button">Store</a>
</div>
<div class="slider-element" <div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/projects/musicplayer-title.jpg' );"> style="background-image: url( 'https://static.janishutz.com/assets/projects/musicplayer-title.jpg' );">
<a href="/projects/musicplayer" class="button offset-button">MusicPlayer</a> <a href="/projects/musicplayer" class="button offset-button">MusicPlayer</a>
@@ -172,7 +168,7 @@
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="project-logo small-logo"> <img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="project-logo small-logo">
<h3>Store</h3> <h3>Store</h3>
<p>The way to buy my software and support the development of my open source software</p> <p>The way to buy my software and support the development of my open source software</p>
<a href="/projects/store" class="button">Details</a> <a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
</div> </div>
</div> </div>
<div class="side-by-side"> <div class="side-by-side">
@@ -181,7 +177,7 @@
<h3>Accounts</h3> <h3>Accounts</h3>
<p>Tired of creating lots of accounts? All my services rely on a single account backend, not requiring <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> you to create a new account for each</p>
<a href="/projects/accounts" class="button">Details</a> <a href="https://account.janishutz.com" class="button" target="_blank">Account</a>
</div> </div>
<div class="side-by-side-item right"> <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"> <img src="https://static.janishutz.com/assets/logos/lsh.png" alt="Language School Hossegor logo" class="project-logo small-logo">

109
site/src/projects/languageschoolhossegor-booking/index.html
View File

@@ -31,108 +31,55 @@
<body> <body>
<nav></nav> <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"> <div class="content">
<img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer logo" <img src="https://static.janishutz.com/assets/logos/lsh.png" alt="Language School Hossegor logo"
class="project-logo"> class="project-logo">
<h1>Music&shy;Player</h1> <h1>Language School Hossegor Booking</h1>
<a href="/projects" class="back-button">&leftarrow; All projects</a> <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 <p>A booking system to handle the complex demands of this French language school. It features an advanced admin
party!</p> panel where the entire offering can be changed with incredible flexibility.</p>
<a href="https://music.janishutz.com" target="_blank" class="button">Get it today</a>
<a href="https://booking.languageschoolhossegor.com" class="button" target="_blank">Check it out</a>
<hr class="divider"> <hr class="divider">
<h2>Features</h2> <h2>Features</h2>
<div class="side-by-side"> <div class="side-by-side">
<div class="side-by-side-item left"> <div class="side-by-side-item left">
<h3>Remote Playback Status</h3> <h3>User accounts</h3>
<p>Remotely display what is currently playing via a link you can share. There is an additional link that <p>There are user accounts where users can retrieve their invoices and view the status of their orders
can be used to display the same information, but with animations that sync to the music (Microphone </p>
access required on the target device and animations will sync up to the sound audible on that
device)</p>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
<h3>Two Sources</h3> <h3>Very flexible main page</h3>
<p>You can choose between two sources for audio: Your local disk or Apple Music and you can mix the two <p>The main page dynamically loads its configuration from the backend and can thus be updated even
in a single playlist. Cover Art and song information is fetched from the Apple Music API during normal operation. Almost all fields displayed on the start page are dynamically rendered
automatically if you are using the hosted version or have configured the Apple Music API based on the configuration</p>
authentication tokens</p>
</div> </div>
</div> </div>
<div class="side-by-side"> <div class="side-by-side">
<div class="side-by-side-item left"> <div class="side-by-side-item left">
<h3>Fully Featured Player</h3> <h3>Extensive admin panel</h3>
<p>All the features you'd expect from a Music Player are present in MusicPlayer. Shuffle, Repeat, <p>The admin panel offers all kinds of settings, ranging from the courses offered (with the complex
Playlist support, adding more songs to queue, just to name a few, are all present.</p> handling of combinations of multiple courses all adjustable in a user interface) to accommodation
offered, transfer, privacy policy and terms of service. Even newsletters, invoices and general mail
can be sent using it, all using their branding</p>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
<h3>Browser based</h3> <h3>Multi-Language Support</h3>
<p>There is no need to install anything. MusicPlayer runs fully in your browser and is thus cross <p>The entire content is available in currently two languages, with instant switch in languages thanks
platform. You could even run it off of your phone, if you wish!</p> to clever design of the localization system and the use of a web-app instead of a traditional
webpage</p>
</div> </div>
</div> </div>
<a href="https://music.janishutz.com" target="_blank" class="button" style="margin-top: 50px;">Get it today</a> <hr class="divider">
<p>A system like this could be possible for your own adventure.</p>
<a href="https://support.janishutz.com/index.php?a=add&category=1" target="_blank" class="button"
style="margin-top: 50px;">Interested?</a>
</div> </div>

12
site/src/projects/musicplayer/index.html
View File

@@ -34,7 +34,7 @@
<div class="slider"> <div class="slider">
<div class="slider-container"> <div class="slider-container">
<div class="slider-element current" <div class="slider-element current"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-sources.jpg' );"> style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/library-local.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Sources</h2> <h2>Sources</h2>
<p>Play your local music or use Apple Music (Apple Music Subscription required)</p> <p>Play your local music or use Apple Music (Apple Music Subscription required)</p>
@@ -42,7 +42,7 @@
</div> </div>
</div> </div>
<div class="slider-element" <div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-fancy.jpg' );"> style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/fancy.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Shared Playlists</h2> <h2>Shared Playlists</h2>
<p>Seamlessly sync and display what you are currently playing on other devices. Perfect for your <p>Seamlessly sync and display what you are currently playing on other devices. Perfect for your
@@ -51,7 +51,7 @@
</div> </div>
</div> </div>
<div class="slider-element" <div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-player.jpg' );"> style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/player.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Browser based</h2> <h2>Browser based</h2>
<p>No need to install anything. Runs on any platform</p> <p>No need to install anything. Runs on any platform</p>
@@ -59,7 +59,7 @@
</div> </div>
</div> </div>
<div class="slider-element" <div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-main.jpg' );"> style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/main.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Hosted for you</h2> <h2>Hosted for you</h2>
<p>Need the convenience of an already set up version?</p> <p>Need the convenience of an already set up version?</p>
@@ -67,7 +67,7 @@
</div> </div>
</div> </div>
<div class="slider-element" <div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-code.jpg' );"> style="background-image: url( 'https://static.janishutz.com/assets/projects/musicplayer-title.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Open Source</h2> <h2>Open Source</h2>
<p>Developed by Janis Hutz &amp; the community</p> <p>Developed by Janis Hutz &amp; the community</p>
@@ -75,7 +75,7 @@
</div> </div>
</div> </div>
<div class="slider-element" <div class="slider-element"
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-home.jpg' );"> style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/library-dark.jpg' );">
<div class="slider-info"> <div class="slider-info">
<h2>Self-Hostable</h2> <h2>Self-Hostable</h2>
<p>Host it yourself. You need to be member of the Apple Developer Program for access to the Apple <p>Host it yourself. You need to be member of the Apple Developer Program for access to the Apple

106
site/src/projects/qrscanner/index.html
View File

@@ -3,7 +3,6 @@
<head> <head>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/side-by-side.css"> <link rel="stylesheet" href="/css/side-by-side.css">
@@ -16,8 +15,7 @@
<meta name="keywords" content="browser-based, music player, remote display" /> <meta name="keywords" content="browser-based, music player, remote display" />
<meta name="description" <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" /> 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" <meta name="og:title" content="QR &amp; Barcode Insight - Be safer when scanning QR codes | janishutz.com" />
content="QR &amp; Barcode Insight - Be safer when scanning QR codes | janishutz.com" />
<meta name="og:description" <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" /> 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:image" content="https://static.janishutz.com/seo/projects/qrscanner.jpg" />
@@ -31,120 +29,48 @@
<body> <body>
<nav></nav> <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"> <div class="content">
<img src="https://static.janishutz.com/assets/logos/qrscanner.jpg" alt="MusicPlayer logo" <img src="https://static.janishutz.com/assets/logos/qrscanner.jpg" alt="MusicPlayer logo" class="project-logo">
class="project-logo">
<h1>QR &amp; Barcode Insight</h1> <h1>QR &amp; Barcode Insight</h1>
<a href="/projects" class="back-button">&leftarrow; All projects</a> <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 <p>QR codes have become ever more present and they can pose significant risk. QR &amp; Barcode Insight shows the
party!</p> full, unfiltered link to you so you can better judge if the link you are trying to open is safe. And with
<a href="https://music.janishutz.com" target="_blank" class="button">Get it today</a> the Safe Scanning In-App-Purchase, you can be even safer, as your link is automatically looked up in
Google's Safe Search database.</p>
<a href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642" target="_blank" class="button">Get it today</a>
<hr class="divider"> <hr class="divider">
<h2>Features</h2> <h2>Features</h2>
<div class="side-by-side"> <div class="side-by-side">
<div class="side-by-side-item left"> <div class="side-by-side-item left">
<h3>Remote Playback Status</h3> <h3>Scan from your library</h3>
<p>Remotely display what is currently playing via a link you can share. There is an additional link that <p>Ever had to scan a QR Code displayed on your phone screen? Annoying, right? Simply take a screenshot, open QR &amp; Barcode Insight and select the screenshot from your library to scan it.</p>
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>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
<h3>Two Sources</h3> <h3>SafeScanning</h3>
<p>You can choose between two sources for audio: Your local disk or Apple Music and you can mix the two <p>For a small one-off fee of just CHF 1.00, you can purchase access to SafeScanning, providing you with added security - and you support the development of my software</p>
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> </div>
<div class="side-by-side"> <div class="side-by-side">
<div class="side-by-side-item left"> <div class="side-by-side-item left">
<h3>Fully Featured Player</h3> <h3>Scan Barcodes</h3>
<p>All the features you'd expect from a Music Player are present in MusicPlayer. Shuffle, Repeat, <p>You can also scan barcodes, for the times, where typing them out is just too annoying.</p>
Playlist support, adding more songs to queue, just to name a few, are all present.</p>
</div> </div>
<div class="side-by-side-item right"> <div class="side-by-side-item right">
<h3>Browser based</h3> <h3>Various code formats</h3>
<p>There is no need to install anything. MusicPlayer runs fully in your browser and is thus cross <p>QR &amp; Barcode Insight supports various code formats, including QR, Mini-QR, EAN-8, EAN-13 and many more.</p>
platform. You could even run it off of your phone, if you wish!</p>
</div> </div>
</div> </div>
<hr class="divider"> <hr class="divider">
<a href="https://music.janishutz.com" target="_blank" class="button" style="margin-top: 50px;">Get it today</a> <a href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642" target="_blank" class="button" style="margin-top: 50px;">Get it today</a>
</div> </div>
<footer></footer> <footer></footer>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>
activateSlider(7500);
</script>
</body> </body>
</html> </html>

30
site/src/projects/storagemanager/index.html
View File

@@ -34,36 +34,6 @@
<body> <body>
<nav></nav> <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="https://apps.apple.com/us/app/storagemanager/id6443832297" class="button"
style="margin-top: 30%;">App Store</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
<div class="slider-info">
<a href="https://apps.apple.com/us/app/storagemanager/id6443832297" class="button">App Store</a>
</div>
</div>
<div class="slider-element"
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-title.jpg' );">
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
</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"> <div class="content">
<img src="https://static.janishutz.com/assets/logos/storagemanager.jpg" alt="storage manager logo" <img src="https://static.janishutz.com/assets/logos/storagemanager.jpg" alt="storage manager logo"
class="project-logo"> class="project-logo">

100
site/src/projects/store/index.html
View File

@@ -1,100 +0,0 @@
<!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>Store - Buy Software and support the continuous development of open source 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="software store, donations" />
<meta name="description"
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
<meta name="og:title"
content="Store - Buy Software and support the continuous development of open source projects" />
<meta name="og:description"
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
<meta name="og:image" content="https://static.janishutz.com/seo/projects/store.jpg" />
<meta name="og:type" content="website" />
<meta name="og:url" content="https://janishutz.com/projects/store" />
<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://static.janishutz.com/assets/store/store-main.jpg' );">
<a href="https://libreevent.janishutz.com" class="button offset-button">Project Website</a>
</div>
<div class="slider-element"
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
<h2>Create Events with Ease</h2>
<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' );">
<h2>Create seat plans</h2>
<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' );">
<h2>User Accounts</h2>
<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' );">
<h2>Open Source Project</h2>
<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>
<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">
<img src="https://static.janishutz.com/logo.jpg" alt="store logo" class="project-logo">
<h1>Store</h1>
<a href="/projects" class="back-button">&leftarrow; All projects</a>
<p>Support my work and buy software</p>
<a href="https://store.janishutz.com" target="_blank" class="button">Store</a>
<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>
<footer></footer>
<script src="https://static.janishutz.com/js/slider.js"></script>
<script>
activateSlider(7500);
</script>
</body>
</html>