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

lots of progress on different parts of website

Browse Source
This commit is contained in:
Janis Hutz
2023-07-14 22:22:01 +02:00
parent e6f56f300c
commit 41754c9212
18 changed files with 270 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/about/aboutme/index.html
View File

@@ -13,21 +13,22 @@
<body>
<div id="nav"></div>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">About me</h1>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<p>My name is Janis Hutz, I am 19 years old and am learning to code in many different programming languages. By now I am quite fluent in a couple of programming languages, including Swift & SwiftUI (Apple's programming languages); Python (with three different Graphical User Interface Toolkits (Kivy (and KivyMD), PyQT5 and PyGTK)); JavaScript, TypeScript, HTML and CSS. You may find my iOS Apps on the AppStore and most of my other projects as Free & Open Source Software over on GitHub. Usually, when I OpenSource a project, I tend to use the GNU General Public License V3.0 (GPL V3), as this allows you (if you are a FOSS-dev) to do the most with this code whilst not helping out big companies like Google, Micro$oft, etc.</p>
<p>I spend most of my freetime coding, as this is what I enjoy the most, other than that I am a passionate Archlinux user, so I spend occasionally some time troubleshooting something. Therefore I am not a big fan of Micro$oft, Google or Meta, but I quite adore the work that Apple does, surprisingly.</p>
<p>As I am still in my studies, my time to code is limited to what I can do outside of school, and sadly I cannot yet go to University, as I am too young and I haven't finished secondary school yet.</p>
<br><br>
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="title">About me</h1>
<p style="text-align: center; margin-bottom: 5%;">Hello! I am Janis Hutz, I am 19 years old and I am developing Software! Developing is my passion which means that I spend most of my life doing it.</p>
<p>I am currently most interested in developing webapps, both frontend and backend. Logically, I am becoming more and more proficient at what I do every day. Next to web development, I also sometimes develop desktop apps in Python, but since I don't really like the programming language's syntax, I have recently switched to writing my desktop apps in electron such that I can use HTML, CSS and JavaScript. Next to that I also develop apps for iOS and I am starting to learn to develop Android apps as well.</p>
<p>Next to coding I am still in my studies and am at a school that in US-Terms could be considered College, which means I am not yet going to University, or precisely ETH (which is a Swiss Technology focused University). When not coding in my free-time I am a passionate Archlinux user (but not that kind that doesn't want to help) and from time to time I play some games online with friends.</p>
<p>As a Linux user, I am a big fan of Open Source Software, which means, I like to develop open source software. Check my GitHub profile link below to see my work</p>
</div>
<div class="itemsInline">
<a class="button" href="https://github.com/simplePCBuilding" target="_blank">Github</a>
<a class="button" href="https://apps.apple.com/us/developer/janis-hutz/id1636936538" target="_blank">AppStore</a>
<div class="bottom">
<h2 class="content-title">Check out my work!</h2>
<div class="itemsInline">
<a class="button" href="https://github.com/simplePCBuilding" target="_blank">GitHub</a>
<a class="button" href="https://apps.apple.com/us/developer/janis-hutz/id1636936538" target="_blank">AppStore</a>
</div>
</div>
</div>
</div>

9
src/about/index.html
View File

@@ -12,17 +12,14 @@
</head>
<body>
<div id="nav"></div>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">About janishutz.com</h1>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="content-title">About janishutz.com</h1>
<p style="text-align: center; margin-bottom: 5%;">This is my personal website on which my projects are being shown off. It features various subdomains that fulfill different purposes, of which two are selling services. Learn more about me below.</p>
<hr class="pullquote-lines">
<h3 class="content-title-small">Technology is a remarkably interesting topic, that many people take for granted.</h3>
<hr class="pullquote-lines">
<p style="text-align: center; font-size: 120%;">This is my personal website on which my projects are being shown off. It features various subdomains that fulfill different purposes, of which two are selling services. Learn more about me below.</p>
</div>
<div class="itemsInline">
<a class="button" href="/about/aboutme">About me</a>

12
src/css/mainstyle.css
View File

@@ -23,18 +23,6 @@ body {
font-family: sans-serif;
}
/*
Style for quotes
*/
.bigquote {
width: 40%;
font-size: 300%;
}
.biggerquote {
font-size: 150%;
}
/*
Styling for links and buttons
*/

2
src/css/pages/home.css
View File

@@ -42,4 +42,6 @@
background-color: rgb(34, 34, 34);
color: white;
max-width: 70%;
max-height: 70%;
overflow-y: scroll;
}

30
src/index.html
View File

@@ -14,28 +14,11 @@
<body>
<div id="nav"></div>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">Welcome to janishutz.com!</h1>
<h2 class="subtitle">iOS Apps, PC apps, Websites, PC Building & Support</h2>
</div>
</div>
<div class="content-wrapper">
<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>
function closePopup () {
$( '#popup' ).fadeOut( 500 );
$( 'body' ).removeClass( 'menuOpen' );
}
</script>
</div>
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="title">Welcome to janishutz.com!</h1>
<p style="text-align: center; margin-bottom: 5%;">This is the hub for all my projects which get bigger and more numerous by the day! Join in by downloading and using one or multiple of them or by ordering your own website!</p>
<h2 class="content-title">My work</h2>
<div class="sidebyside">
<div class="element">
@@ -76,12 +59,5 @@
</div>
</div>
<div id="footer"></div>
<script>
function openDetails ( message ) {
document.getElementById( 'popup-message' ).innerHTML = message;
$( '#popup' ).fadeIn( 500 );
$( 'body' ).addClass( 'menuOpen' );
}
</script>
</body>
</html>

63
src/menu_old.html
View File

@@ -1,63 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/menustyle.css">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Navmenu - janishutz.com</title>
</head>
<body>
<div class="Menu">
<a href="/"><img src="/assets/Logo.png" class="logo"></a>
<div class="toggle-wrapper">
<a class="listtoggle" onclick="togglelist()">&#9776</a>
</div>
<ul class="menu-container">
<li class="mainitems"><a class="menubutton" id="home" href="/">Home</a></li>
<li class="dropdown mainitems">
<a class="menubutton" id="projects" href="/projects.html">Projects</a>
<ul class="dropdown-menu">
<a class="menubutton sub" href="/projects/qrinsight.html">QR & Barcode Insight</a>
<a class="menubutton sub" href="/projects/storagemanager.html">StorageManager</a>
<a class="menubutton sub" href="/projects/smuL.html">Simple&shy;Media&shy;Upscaler&shy;Lite</a>
<a class="menubutton sub" href="/projects/musiplayer.html">MusicPlayer</a>
<a class="menubutton sub" href="/projects/bgac.html">BiogasControllerApp</a>
<a class="menubutton sub" href="https://libreevent.janishutz.com">libreǝvent</a>
</ul>
</li>
<li class="dropdown mainitems">
<a class="menubutton" id="about" href="/aboutPage.html">About</a>
<ul class="dropdown-menu">
<a class="menubutton sub" href="/privacypolicy.html">Privacy Policy</a>
<a class="menubutton sub" href="/about.html">About me</a>
</ul>
</li>
<li class="dropdown mainitems">
<a class="menubutton" id="services" href="/services.html">Services</a>
<ul class="dropdown-menu">
<a class="menubutton sub" href="https://pcbuilding.janishutz.com">PC Building</a>
<a class="menubutton sub" href="https://development.janishutz.com">Custom Websites</a>
</ul>
</li>
<li class="mainitems"><a class="menubutton" id="support" href="/support.html">Support</a></li>
</ul>
</div>
<script>
let previous = 1;
function togglelist() {
$( '.menu-container' ).slideToggle(300);
$( '.listtoggle' ).toggleClass( 'active' );
}
window.addEventListener( 'resize', function( event ) {
if ( $(window).width() > 999 ) {
$( '.menu-container' ).slideDown();
previous = 1;
} else if ( $(window).width() < 999 && previous == 1 ) {
$( '.menu-container' ).slideUp();
$( '.listtoggle' ).removeClass( 'active' );
previous = 0;
};
}, true);
</script>
</body>

10
src/privacypolicy/index.html
View File

@@ -12,14 +12,12 @@
</head>
<body>
<div id="nav"></div>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">Privacy Policy</h1>
<h2 class="subtitle">This is how data is handled</h2>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="title">Privacy Policy</h1>
<p style="text-align: center; margin-bottom: 5%;">Privacy is the most important aspect for me when developing software. In short, none of my apps or websites collect any kind of data on your interaction.</p>
<h2>Privacy in my iOS Apps</h2>
<p>All of the apps developed by Janis Hutz follow strict privacy rules. As such, my Apps do not collect any data other than the standard data that is being collected by Apple to give me an idea on how many people use the app. You may opt out of that feature in the system settings. All of the data collected there is anonymised and I therefore cannot see anything other than a higher number on the active user data. Privacy is one of the most important factors in the development of my apps! This may have an impact on the stability of the apps, so please, if you would like, enable "Share with Developers" setting in the Settings app under "Privacy" > "Analytics & Improvements". This allows me to see an anonymised crash report if the app'd crash.
I do heavily rely on AppStore Reviews, Ratings and Beta feedback to improve my apps, as this is the least privacy invading option out there. Please also contact me, if you'd like to test this app as a beta!</p>

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

@@ -16,10 +16,10 @@
<div class="content">
<img src="/assets/impress.jpg" alt="libreevent Logo" class="project-logo">
<h2 class="content-title">impress.js</h2>
<p style="text-align: center; margin-bottom: 5%;">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>
<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>

9
src/projects/index.html
View File

@@ -12,14 +12,11 @@
</head>
<body>
<div id="nav"></div>
<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">
<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">

2
src/projects/libreevent/index.html
View File

@@ -16,10 +16,10 @@
<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>
<p style="text-align: center; margin-bottom: 5%;">libreǝvent is a free and open source event management solution you can host yourself on whatever system. Create your next event at lower cost and power it using libreǝvent</p>
<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>

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

@@ -16,8 +16,8 @@
<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>
<h1 class="content-title">MusicPlayer</h1>
<p style="text-align: center; margin-bottom: 5%;">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>

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

@@ -1,12 +1,13 @@
<!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">
<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>
</head>
@@ -16,10 +17,68 @@
<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>
<h1 class="content-title">QR & Barcode Insight</h1>
<p style="text-align: center; margin-bottom: 5%;">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>
<div class="sidebyside">
<div class="element">
<h3>Scan any code.</h3>
<p>QR & Barcode Insight supports all kinds of different Barcodes and QR-Codes. Click below to get a full list of supported codes.</p>
<button class="button" onclick="openDetails( 'supportedCodes' )">Learn more</button>
</div>
<div class="element">
<h3>See the full link.</h3>
<p>QR & Barcode Insight shows you the entire link such that you can better judge if the link is actually correct</p>
<button class="button" onclick="openDetails( 'fullLink' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>Scan history.</h3>
<p>QR & Barcode Insight can save a scanning history for you such that you can always come back to a scanned link at a later point. This feature can be turned off in settings.</p>
<button class="button" onclick="openDetails( 'history' )">Learn more</button>
</div>
<div class="element">
<h3>Free.</h3>
<p>QR & Barcode Insight is and always will stay free. It does not show any ads or anything else. You may choose to support me through an In-App-Purchase, which is optional and does not currently provide additional features.</p>
<button class="button" onclick="openDetails( 'free' )">Learn more</button>
</div>
</div>
</div>
<div class="bottom">
<h2 class="content-title">Download it today</h2>
<a class="button" href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642" target="_blank">AppStore</a>
</div>
</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 = {
'supportedCodes': `<h3>Supported code types.</h3><p>This app can scan the following codes:</p>
<ul>
<li>QR & miniQR</li>
<li>Code 128, Code 93, Code 39 & Code 39 mod 43</li>
<li>Codabar & Interleaved 2 of 5</li>
<li>UPCE, EAN 8 & EAN 13</li>
</ul>`,
'fullLink': '<h3>See the full link.</h3><p>Seeing the full link that is included in a QR-Code can prevent you from accidentally opening up a unsafe link. Please always make sure that the link you scanned is actually a link you want to open, regardless of the app. This app does NOT feature a website reputation lookup feature. I do not take responsibility for any damage caused to your device by opening unsafe QR-Codes.</p>',
'history': '<h3>Scanning History.</h3><p>QR & Barcode Insight can save the scanning history for you. This data never leaves your device. Individual entries or the entire history can be cleared at a simple push of a button. Additionally, you may disable this feature entirely in Settings.</p>',
'free': '<h3>Free.</h3><p>QR & Barcode Insight does not currently and never will cost you any money. It also does not serve any ads or collect any data on your interaction with it. This app has In-App-Purchases that are solely there to allow you to support my work and the continuous development of the app. They do not currently provide any additional features. It is planned for them to get some additional features in the future, which will though just be cosmetic changes to for example the app icon.</p>',
};
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>

72
src/projects/schoolprojects/index.html
View File

@@ -1,21 +1,81 @@
<!DOCTYPE html>
<html>
<head>
<title>BiogasControllerApp - janishutz.com</title>
<title>School 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">
<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>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>BiogasControllerApp</h1>
<p>Still under construction</p>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="https://raw.githubusercontent.com/simplePCBuilding/BiogasControllerApp/main/BiogasControllerApp-V2.3/BiogasControllerAppLogo.png" alt="BiogasControllerApp Logo" class="project-logo">
<h1 class="content-title">School projects</h1>
<p style="text-align: center; margin-bottom: 5%;">During my time at school I have created quite a few little software projects, the biggest of them being the BiogasControllerApp, whose Logo you can see above.</p>
<div class="sidebyside">
<div class="element">
<h3>BiogasControllerApp.</h3>
<p>A python / kivy application that can interface with the microcontrollers used in a special subject at the school I go to (which sadly I don't have anymore)</p>
<button class="button" onclick="openDetails( 'bgac' )">Learn more</button>
</div>
<div class="element">
<h3>Micro:bit Interface.</h3>
<p>A python / kivy application that can communicate between the PC and the micro:bit and give it instructions. This project is incomplete.</p>
<button class="button" onclick="openDetails( 'microbit' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>MIDI - Micro:bit Sound Converter.</h3>
<p>A python / kivy application to create a string from a midi file that can be used in conjunction with the Micro:bit micropython sound library and therefore allows you to use MIDI file to play on the Micro:bit</p>
<button class="button" onclick="openDetails( 'midi' )">Learn more</button>
</div>
<div class="element">
<h3>History research project.</h3>
<p>A research project for history class in which I created a website which gives you a quick overview over Japan in the 19th century.</p>
<button class="button" onclick="openDetails( 'history' )">Learn more</button>
</div>
</div>
</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 = {
'bgac': `<h3>Supported code types.</h3><p>This app can scan the following codes:</p>
<ul>
<li>QR & miniQR</li>
<li>Code 128, Code 93, Code 39 & Code 39 mod 43</li>
<li>Codabar & Interleaved 2 of 5</li>
<li>UPCE, EAN 8 & EAN 13</li>
</ul>`,
'microbit': '<h3>See the full link.</h3><p>Seeing the full link that is included in a QR-Code can prevent you from accidentally opening up a unsafe link. Please always make sure that the link you scanned is actually a link you want to open, regardless of the app. This app does NOT feature a website reputation lookup feature. I do not take responsibility for any damage caused to your device by opening unsafe QR-Codes.</p>',
'midi': '<h3>Scanning History.</h3><p>QR & Barcode Insight can save the scanning history for you. This data never leaves your device. Individual entries or the entire history can be cleared at a simple push of a button. Additionally, you may disable this feature entirely in Settings.</p>',
'history': '<h3>History Research project.</h3><p>QR & Barcode Insight does not currently and never will cost you any money. It also does not serve any ads or collect any data on your interaction with it. This app has In-App-Purchases that are solely there to allow you to support my work and the continuous development of the app. They do not currently provide any additional features. It is planned for them to get some additional features in the future, which will though just be cosmetic changes to for example the app icon.</p>',
};
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>

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

@@ -31,7 +31,8 @@
<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>
<h1 class="content-title">Simple&shy;Media&shy;Upscaler&shy;Lite</h1>
<p style="text-align: center; margin-bottom: 5%;">Images and videos at low resolutions can be quite restricting in terms of what you can do with it and many upscalers either perform terribly, do not look good, can't upscale videos or are hard to use. smuL (pronounced like 'small' because UPscaling) is an easy to use frontend to upscale all your videos and images.</p>
<div class="sidebyside">
<div class="element">
<h3>Electron Frontend.</h3>

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

@@ -7,6 +7,7 @@
<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>
</head>
@@ -15,24 +16,101 @@
<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>
<h1 class="content-title">StorageManager</h1>
<p style="text-align: center; margin-bottom: 5%;">Managing storage can be a challenging task, especially, when the volume of items stored gets big. If products in that storage can go bad, you are very likely to produce quite a bit of waste. StorageManager is an iOS app that can send you notifications such that you do not forget about products that are about to expire.</p>
<div class="sidebyside">
<div class="element">
<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>
<button class="button" onclick="openDetails( 'notifications' )">Learn more</button>
</div>
<div class="element">
<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>
<button class="button" onclick="openDetails( 'adding' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<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>
<button class="button" onclick="openDetails( 'editing' )">Learn more</button>
</div>
<div class="element">
<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>
<button class="button" onclick="openDetails( 'removing' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<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>
<button class="button" onclick="openDetails( 'organising' )">Learn more</button>
</div>
<div class="element">
<h3>Filtering & 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>
<button class="button" onclick="openDetails( 'filter' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<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>
<button class="button" onclick="openDetails( 'icloud' )">Learn more</button>
</div>
<div class="element">
<h3>Free.*</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>
<button class="button" onclick="openDetails( 'free' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<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>
<button class="button" onclick="openDetails( 'setup' )">Learn more</button>
</div>
<div class="element">
<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>
<button class="button" onclick="openDetails( 'display' )">Learn more</button>
</div>
</div>
</div>
</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 = {
'notification': '<h3>Notifications.</h3><p>This app can send you notifications. For this you will need to enable notifications for the app in the iOS settings or accept notifications when the app asks you, if it can send notifications during setup.</p>',
'adding': '<h3>Adding products.</h3><p>You can add new products with two options. Either, if the product has a Barcode, you can use the built-in barcode scanner to scan it or by manually entering the product details. If a product has been added before, StorageManager will autofill the information necessary when scanning the barcode or when selecting a suggestion it gives you when typing the product name.</p>',
'editing': '<h3>Editing products.</h3><p>You can edit every aspect of every product you have ever added. StorageManager will also allow you to use changed data as new defaults for this kind of product.</p>',
'removing': `<h3>Removing products.</h3><p>You have three different options for removing products. First off, you can remove it by scanning the product's barcode and then selecting the product you want to delete. The other two options are to swipe to delete the product on the app's home page and to tap the delete button in the product's details page.</p>`,
'organising': '<h3>Organising products.</h3><p>StorageManager allows you to create an infinite number of categories which you can use to organise your products. For all full-version users, it also features an unlimited amount of storage locations.</p>',
'filter': '<h3>Filtering, Sorting & Searching.</h3><p>StorageManager features powerful filtering, sorting and searching tools. You can sort your products by all kinds of aspects including, but not limited to, name, add date and expiry date. You can also filter products based on which category they belong to and what location they are in.</p>',
'icloud': '<h3>iCloud-Sync.</h3><p>StorageManager offers ALL its users to use iCloud-Sync. You need to have iCloud enabled for StorageManager for this feature to work. Please turn the feature on in system settings, if you want to use iCloud-Sync. The data will then magically sync between all your Apple devices.</p>',
'free': '<h3>Free.*</h3><p>StorageManager is technically free to use, if you are fine with just one storage location. Otherwise, you will need to make an In-App-Purchase of roughly two US-Dollars to unlock the full version which gives you access to an unlimited amount of locations.</p>',
'setup': '<h3>Easy setup.</h3><p>StorageManager has a very convenient onboarding, or in other words, setup process. It helps you create your first category and a storage location. It will also now ask you for all the permissions it will need, which it also explains, why it needs them.</p>',
'display': '<h3>Display settings.</h3><p>In the display settings of the app, you can choose what is displayed on the home screen and therefore decide if you want to see as many as possible products or rather as many information as possible on each of the products.</p>'
};
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>

11
src/services/index.html
View File

@@ -12,18 +12,15 @@
</head>
<body>
<div id="nav"></div>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">Services</h1>
<h2 class="subtitle">All the services I offer</h2>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="content-title">Services</h1>
<p style="text-align: center; margin-bottom: 5%;">To make technology more accessible, I thrive to offer services that help people not that well versed in technology start to enjoy it.</p>
<hr class="pullquote-lines">
<h3 class="content-title-small">Technology is a remarkably interesting topic, that many people take for granted.</h3>
<hr class="pullquote-lines">
<p style="text-align: center; font-size: 120%;">To make technology more accessible, I thrive to offer services that help people not that well versed in technology start to enjoy it. A first step for many people to discover their interest in technology is to have a decent PC, where they can play games and / or create videos and livestream. If you have a problem, you can also get PC support! For people trying to get an online presence, I offer creating static websites and websites featuring some more complex features.</p>
<p style="text-align: center; font-size: 120%;">A first step for many people to discover their interest in technology is to have a decent PC, where they can play games and / or create videos and livestream. If you have a problem, you can also get PC support! For people trying to get an online presence, I offer creating static websites and websites featuring some more complex features.</p>
</div>
<div class="itemsInline">
<a class="button" href="https://development.janishutz.com" target="_blank">Websites</a>

12
src/support/contact/index.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Support - janishutz.com</title>
<title>Contact me - 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">
@@ -13,14 +13,12 @@
</head>
<body>
<div id="nav"></div>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">Contact</h1>
<h2 class="subtitle">Need to get personal support or have any other query to share with me?</h2>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="title">Contact me</h1>
<p style="text-align: center; margin-bottom: 5%;">Have you ran into a problem you can't solve using my guides or just want to reach out about something? If you have any questions regarding any of my open source projects, please open an issue on GitHub if possible. If not, please contact me here.</p>
<h3 class="content-title-small">Before you contact me</h3>
<p style="margin-bottom: 10%;">Make sure that you have gone through the <a href="/support" class="textlink">Support</a> page and tried all the guides there before you contact me.</p>
<form action="https://api.janishutz.com/contact?origin=main" method="post" class="form">

12
src/support/index.html
View File

@@ -12,20 +12,18 @@
</head>
<body>
<div id="nav"></div>
<div class="title-container">
<div class="title-wrapper">
<h1 class="title">Support</h1>
<h2 class="subtitle">Ran into a problem or just want to reach out?</h2>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="title">Support</h1>
<p style="text-align: center; margin-bottom: 5%;">Did you run into a problem with any of my software? Here's the right place to get the issue solved. This page features an automated support system to guide you into the right direction. If this doesn't help, the system will forward your query directly to me and you will have the opportunity to add some comments to it as well.</p>
<hr class="pullquote-lines">
<h3 class="content-title">Welcome to the janishutz.com support!</h3>
<hr class="pullquote-lines">
<p>First off all, I want to apologise for any inconvenience that arose due to a problem with any of my software.</p>
<p>Please choose the app you have problems with below:</p>
<p>Work in progress. Please use <a href="/support/contact">Contact</a> if you have any questions regarding my software or any kind of problems</p>
</div>
</div>
<div id="footer"></div>