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

lots of changes

Browse Source
This commit is contained in:
Janis Hutz
2023-07-14 18:27:49 +02:00
parent 4d48b4f6ce
commit 804f5f2f63
25 changed files with 546 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/projects/impress/index.html
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<title>impress.js - 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/impress.jpg" alt="libreevent Logo" class="project-logo">
<h2 class="content-title">impress.js</h2>
<hr class="pullquote-lines">
<h3 class="content-title-small">Slide based presentations are quite boring, why not try something new and better?</h3>
<hr class="pullquote-lines">
<p>impress.js is not in fact my own project, but rather a project I contribute code to and for which I have created a new project website.</p>
<div class="bottom">
<h2 class="content-title-small">Visit the project website</h2>
<a class="button" href="https://impress-testing.janishutz.com" target="_blank">PROJECT WEBSITE</a>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>

83
src/projects/index.html
View File

@@ -12,31 +12,66 @@
</head>
<body>
<div id="nav"></div>
<div class="mainstyle">
<div class="title-container">
<h1 class="title">My projects</h1>
<h2 class="subtitle">Here you can get an overview over all my projects!</h2>
</div>
<h3>Swift & SwiftUI (iOS Apps)</h3>
<ul>
<li><a class="textlink" href="/projects/storagemanager.html">StorageManager</a></li>
<li><a class="textlink" href="/projects/qrinsight.html">QR & Barcode Insight</a></li>
</ul>
<h3>Python, Kivy, KivyMD, PyQT5, PyGTK (Desktop apps using different UI toolkits)</h3>
<ul>
<li><a class="textlink" href="/projects/musiplayer.html">MusicPlayer</a></li>
<li><a class="textlink" href="/projects/smuL.html">SimpleMediaUpscalerLite</a></li>
<li><a class="textlink" href="/projects/bgac.html">BiogasControllerApp</a></li>
</ul>
<h3>JavaScript, HTML, CSS (Webapps / Websites)</h3>
<ul>
<li><a class="textlink" href="/">This website</a></li>
<li><a class="textlink" href="https://libreevent.janishutz.com">Libreǝvent - free & open source self-hosted event management solution</a></li>
<li><a class="textlink" href="/projects/smuL.html">SimpleMediaUpscalerLite</a></li>
<li><a class="textlink" href="https://booking.languageschoolhossegor.com">Booking system for Language School Hossegor</a></li>
<li><a class="textlink" href="https://impress-testing.janishutz.com">Impress.js website (Not yet up, in development)</a></li>
</ul>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">My projects</h1>
<h2 class="subtitle">Here you can get an overview over all my projects!</h2>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<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>

31
src/projects/libreevent/index.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<title>libreevent - 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="https://raw.githubusercontent.com/simplePCBuilding/libreevent/master/assets/logo.png" alt="libreevent Logo" class="project-logo">
<h2 class="content-title"><i>libre</i>ǝvent</h2>
<hr class="pullquote-lines">
<h3 class="content-title-small">Why use a commercial event management system if you can host a more flexible one yourself?</h3>
<hr class="pullquote-lines">
<p>libreǝvent is a free and open source event management solution you can host yourself on whatever system.</p>
<div class="bottom">
<h2 class="content-title-small">Visit the project website</h2>
<a class="button" href="https://libreevent.janishutz.com" target="_blank">PROJECT WEBSITE</a>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>

15
src/projects/musicplayer/index.html
View File

@@ -12,12 +12,15 @@
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>MusicPlayer</h1>
<p>This project will merge with a new project in the coming months and will be rewritten from scratch and will be packaged as an electron app.</p>
<p>Still under construction</p>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="https://raw.githubusercontent.com/simplePCBuilding/MusicPlayerV2/master/assets/logo.png" alt="MusicPlayer Logo" class="project-logo">
<h1>MusicPlayer</h1>
<p>This project will merge with a new project in the coming months and will be rewritten from scratch and will be packaged as an electron app.</p>
<p>Still under construction</p>
</div>
</div>
<div id="Footer"></div>
<div id="footer"></div>
</body>
</html>

21
src/projects/qrscanner/index.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>QR & Barcode Insight - janishutz.com</title>
<title>Qr & Barcode Insight - 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">
@@ -10,16 +10,17 @@
<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="ContentToInclude"></div>
<div class="mainstyle">
<h1>QR & Barcode Insight</h1>
<p>Ever wanted to scan QR-Codes and Barcodes from a screenshot? This app allows you to do exactly that, whilst showing the full scanned link to you so you need to worry a little less about opening a harmful link.</p>
<div></div>
<br><br><br><br><br>
<h5>This app is available to download now from the AppStore!</h5>
<a class="linkbutton" href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642">Download from the Apple AppStore!</a>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/qrscanner.jpg" alt="QR & Barcode Insight Logo" class="project-logo">
<h1>Qr & Barcode Insight</h1>
<p>QR Codes can be quite mysterious and you might not be sure if the QR code you were provided with actually contains the website you intend to Visit</p>
<p>Still under construction</p>
</div>
</div>
<div id="Footer"></div>
<div id="footer"></div>
</body>
</html>

0
src/projects/biogascontrollerapp/index.html → src/projects/schoolprojects/index.html
View File

111
src/projects/smuL/index.html
View File

@@ -7,47 +7,130 @@
<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">
<link rel="stylesheet" href="/css/pages/home.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>
<style>
.button {
background-color: white !important;
color: rgb(158, 0, 158) !important;
border: solid rgb(158, 0, 158) 4px;
font-weight: bold;
border-radius: 25px !important;
}
.button:hover {
box-shadow: 0px 0px 10px 5px white;
padding: 22px;
font-size: 105%;
}
</style>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="https://raw.githubusercontent.com/simplePCBuilding/SimpleMediaUpscalerLite/main/logo.png" alt="smuL Logo" class="project-logo">
<h2 class="content-title">Simple&shy;Media&shy;Upscaler&shy;Lite</h2>
<div class="sidebyside">
<div class="element">
<h3>Upscale with EASE.</h3>
<p>Upscale any kind of video or image with ease using the electron GUI.</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
<h3>Electron Frontend.</h3>
<p>smuL features a gorgeous electron frontend to make upscaling as convenient as possible.</p>
<button class="button" onclick="openDetails( 'gui' )">Learn more</button>
</div>
<div class="element">
<h3>Electron Frontend</h3>
<p>smuL features a gorgeous electron frontend as these UIs look a lot better usually compared to QT, GTK or any other toolkit.</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
<h3>CLI.</h3>
<p>smuL features a CLI to enable you to upscale things in bulk without the downsides that GUIs bring with them</p>
<button class="button" onclick="openDetails( 'cli' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>CLI.</h3>
<p>smuL features a CLI to enable you to upscale things in bulk without the downsides that GUIs bring with them</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
<h3>Supported OS.</h3>
<p>smuL currently supports Windows and Linux. Click the button below to see detailed system requirements.</p>
<button class="button" onclick="openDetails( 'supportedOS' )">Learn more</button>
</div>
<div class="element">
<h3>Plugins.</h3>
<p>smuL features plugin support without having to restart the GUI app. You may simply add a new upscaling engine by downloading a plugin.</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
<button class="button" onclick="openDetails( 'plugins' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>FOSS.</h3>
<p>smuL is fully open source, you may have a look at its entire source code below and contribute to it if you wish to.</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
<button class="button" onclick="openDetails( 'foss' )">Learn more</button>
</div>
<div class="element">
<h3>Roadmap.</h3>
<p>smuL is still actively maintained and developed. Our Roadmap tells you what we are planning to add in the future.</p>
<button class="button" onclick="openDetails( 'roadmap' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>Development.</h3>
<p>Visit our GitHub repo to help develop the project! PRs are warmly welcomed!</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="button">GitHub</a>
</div>
<div class="element">
<h3>Contributors.</h3>
<p>Here's a potentially incomplete list of all past and current contributors to the project.</p>
<button class="button" onclick="openDetails( 'contributors' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
</div>
</div>
<div class="bottom">
<h2 class="content-title">Download it today</h2>
<a class="button" href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite/releases" target="_blank">DOWNLOAD</a>
</div>
</div>
<div id="Footer"></div>
<div id="popup">
<div class="popup-positioning">
<div class="popup-main">
<p id="popup-message"></p>
<button onclick="closePopup()" class="submit">Ok</button>
</div>
</div>
<script>
const texts = {
'gui': `<h3>Graphical User Interface.</h3><p>This app features a graphical user interface created as an electron app. Features:</p>
<ul>
<li>Select input and output files</li>
<li>Select upscale factor</li>
<li>Choose a upscaling engine and a algorithm</li>
</ul>`,
'cli': '<h3>Command Line Interface.</h3><p>The smuL cli is a powerful tool written in python which the GUI uses to upscale videos and images alike. You can use it to upscale images and videos in large badges. To use it simply search for SimpleMediaUpscaleLite and right click > Open File location. Open a command prompt and type <i>smuL-cli.exe -h</i> to get a list of all available commands.</p>',
'supportedOS': '<h3>Supported OS.</h3><p>smuL currently supports Windows 8, 10 and 11 and all Debian and all rpm-capable Linux distributions officially. You might be able to use it on different OSes if you compile it yourself.</p><p>To run smuL, you need to have a functional installation of ffmpeg and (if on Linux), a functional installation of wine V7 or higher.</p>',
'plugins': '<h3>Plugins.</h3><p>smuL features extensive plugin support for its CLI. smuL does not yet have a plugin installer, so please read the plugin installation documentation on our <a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite/wiki">GitHub repo</a>!</p>',
'foss': '<h3>Free and Open Source.</h3><p>smuL is fully free and open source, which means, you can use it without any limits for free. There are also no ads and you can have a look at the source code to confirm that we are in fact not collecting ANY data or sending ANY data to anybody. The only network request we do is to GitHub if you head into settings in the GUI to download the version information.</p>',
'roadmap': `<h3>Roadmap.</h3><p>For version 2.1.0 the following things are planned:</p>
<ul>
<li>Add more scaling engines (as plugins, currentls planning on adding the mpv-player cli)</li>
<li>Expand Wiki to feature documentation on how to create a plugin and maybe add a project website</li
<li>Show progress of scaling by guessing progress from output</li>
</ul>
<p>If you have any suggestions, please let us know by opening an issue on GitHub</p>`,
'contributors': `<h3>Contributors.</h3><p>Currently the following people are contributing to this project:</p>
<ul>
<li>simplePCBuilding (Maintainer) [Core (CLI), Docs, Website, Frontend, Distribution]</li>
<li>ThatPlasma (Testing) [Testing, Ideas]</li>
</ul>`
};
function closePopup () {
$( '#popup' ).fadeOut( 500 );
$( 'body' ).removeClass( 'menuOpen' );
}
function openDetails ( message ) {
document.getElementById( 'popup-message' ).innerHTML = texts[ message ];
$( '#popup' ).fadeIn( 500 );
$( 'body' ).addClass( 'menuOpen' );
}
</script>
</div>
<div id="footer"></div>
</body>
</html>

39
src/projects/storagemanager/index.html
View File

@@ -11,25 +11,28 @@
<script defer src="/js/loader.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>StorageManager</h1>
<h3 class="bigquote"><b class="biggerquote">MANAGE</b> <br> your storage <br> with Ease. </h3>
<p>Add items by simply <b class="biggerquote">SCANNING</b> them with your phone and adding important infos to it. The app will remember all the products you have scanned before and auto fills the info to save your time.</p>
<p>Get notified when a product is about to expire.</p>
<p>Remove products by simply swiping left or by scanning them with your phone</p>
<p>Sync the data between all your Apple Devices <sup>1</sup>.</p>
<p>Import and export the data<sup>2</sup> so you can share it between multiple AppleIDs and even a PC app<sup>3</sup></p>
<p>Sync data between multiple AppleIDs without the need of exporting the data and importing it again on the other device<sup>4</sup></p>
<br><br><br>
<p>Still under construction</p>
<div class="references">
<sup>1</sup> iCloud is required in order for this feature to work. You may enable it in the system settings. <br>
<sup>2</sup> Part of an In-App-Purchase coming at a later point <br>
<sup>3</sup> Part of an In-App-Purchase coming at a later point. <br>
<sup>4</sup> Coming in a Software update at a later point and requires a subscription. <br>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/storagemanager.jpg" alt="StorageManager Logo" class="project-logo" style="border-radius: 20px;">
<h1>StorageManager</h1>
<h3 class="bigquote"><b class="biggerquote">MANAGE</b> <br> your storage <br> with Ease. </h3>
<p>Add items by simply <b class="biggerquote">SCANNING</b> them with your phone and adding important infos to it. The app will remember all the products you have scanned before and auto fills the info to save your time.</p>
<p>Get notified when a product is about to expire.</p>
<p>Remove products by simply swiping left or by scanning them with your phone</p>
<p>Sync the data between all your Apple Devices <sup>1</sup>.</p>
<p>Import and export the data<sup>2</sup> so you can share it between multiple AppleIDs and even a PC app<sup>3</sup></p>
<p>Sync data between multiple AppleIDs without the need of exporting the data and importing it again on the other device<sup>4</sup></p>
<br><br><br>
<p>Still under construction</p>
<div class="references">
<sup>1</sup> iCloud is required in order for this feature to work. You may enable it in the system settings. <br>
<sup>2</sup> Part of an In-App-Purchase coming at a later point <br>
<sup>3</sup> Part of an In-App-Purchase coming at a later point. <br>
<sup>4</sup> Coming in a Software update at a later point and requires a subscription. <br>
</div>
</div>
</div>
<div id="Footer"></div>
<div id="footer"></div>
</body>
</html>