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

2
src/404.html
View File

@@ -39,7 +39,7 @@
<h2 class="Bigtext">The page you are looking for was not found</h2> <h2 class="Bigtext">The page you are looking for was not found</h2>
<p class="smalltext">The page you are looking for does not exist. It may have been moved, or removed altogether. Perhaps you can return back to the site's homepage and see if you can find what you are looking for.</p> <p class="smalltext">The page you are looking for does not exist. It may have been moved, or removed altogether. Perhaps you can return back to the site's homepage and see if you can find what you are looking for.</p>
<br><br><br> <br><br><br>
<a href="/" class="linkbutton">Go to homepage</a> <a href="/" class="button">Go to homepage</a>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></div>

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

@@ -12,23 +12,25 @@
</head> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="title-container">
<div class="title-container"> <div class="title-wrapper">
<h1 class="title">About me</h1> <h1 class="title">About me</h1>
</div> </div>
</div>
<div class="content-wrapper">
<div class="content"> <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>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>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> <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> <br><br>
</div> </div>
<div class="itemsInline"> <div class="itemsInline">
<a class="linkbutton" href="https://github.com/simplePCBuilding">Github</a> <a class="button" href="https://github.com/simplePCBuilding" target="_blank">Github</a>
<a class="linkbutton" href="https://apps.apple.com/us/developer/janis-hutz/id1636936538">AppStore</a> <a class="button" href="https://apps.apple.com/us/developer/janis-hutz/id1636936538" target="_blank">AppStore</a>
</div>
</div> </div>
</div> </div>
<div id="Footer"></div> </div>
<div id="footer"></div>
</body> </body>
</html> </html>

36
src/about/index.html
View File

@@ -11,23 +11,25 @@
<script defer src="/js/loader.js"></script> <script defer src="/js/loader.js"></script>
</head> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="title-container">
<div class="title-container"> <div class="title-wrapper">
<h1 class="title">About janishutz.com</h1> <h1 class="title">About janishutz.com</h1>
</div>
<div class="content">
<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%;">Get support if you are stuck on a problem, purchase a new, fully customised PC, that is configured according to your needs* and get a webpage created for you.</p>
</div>
<div class="itemsInline">
<a class="linkbutton" href="/about.html">About me</a>
<a class="linkbutton" href="/privacypolicy.html">Privacy Policy</a>
<a class="linkbutton" href="/services.html">Services</a>
</div>
</div> </div>
<div id="Footer"></div> </div>
<div class="content-wrapper">
<div class="content">
<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>
<a class="button" href="/privacypolicy">Privacy Policy</a>
<a class="button" href="/services">Services</a>
</div>
</div>
<div id="footer"></div>
</body> </body>
</html> </html>

BIN
src/assets/impress.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
src/assets/qrscanner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 245 KiB

BIN
src/assets/storagemanager.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 259 KiB

0
src/assets/codeSnippet.png → src/assets/title.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

80
src/css/mainstyle.css
View File

@@ -18,7 +18,8 @@ html, body {
} }
body { body {
background-color: rgba(70, 72, 167, 0.5); background-color: rgba(0, 1, 73, 0.7);
/* background-color: rgba(0, 2, 100, 0.5); */
font-family: sans-serif; font-family: sans-serif;
} }
@@ -34,24 +35,6 @@ body {
font-size: 150%; font-size: 150%;
} }
/*
Styling for the main content element
*/
.mainstyle {
margin-right: 5%;
margin-left: 5%;
margin-top: 2%;
margin-bottom: 2%;
padding: 5%;
padding-top: 3%;
padding-bottom: 3%;
border-color: black;
border-style: none;
border-radius: 50px;
background-color: rgba(195, 195, 229, 1);
}
/* /*
Styling for links and buttons Styling for links and buttons
*/ */
@@ -69,6 +52,9 @@ body {
} }
.button { .button {
border: none;
cursor: pointer;
font-size: 1rem;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
padding: 20px; padding: 20px;
@@ -89,15 +75,14 @@ body {
} }
/* /*
This styles the container for the home page Page title
*/ */
.title-container { .title-container {
background-image: url('/assets/codeSnippet.png'); background-image: url( '/assets/title.png' );
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
width: 100%; width: 100vw;
height: 40vh; height: 100vh;
border-radius: 20px;
color: white; color: white;
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -105,9 +90,15 @@ body {
flex-direction: column; flex-direction: column;
} }
.title-wrapper {
padding: 5%;
border-radius: 20px;
background-color: rgba( 0, 0, 0, 0.7 );
}
.title { .title {
text-align: center; text-align: center;
font-size: 2.3rem; font-size: 3rem;
} }
.subtitle { .subtitle {
@@ -115,15 +106,31 @@ body {
font-size: 1.3rem; font-size: 1.3rem;
} }
.content { .menuOpen {
font-size: 1rem; overflow: hidden;
}
/*
Main page content
*/
.content-wrapper {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
.content {
font-size: 1rem;
width: 70%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 5%; margin-top: 5%;
margin-bottom: 10%; margin-bottom: 7%;
} }
.content-title { .content-title {
@@ -153,12 +160,19 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
margin-bottom: 10%;
} }
.element { .element {
text-align: center; text-align: center;
} }
.project-logo {
width: 80vw;
height: auto;
border-radius: 20px;
}
@media only screen and (min-width: 999px) { @media only screen and (min-width: 999px) {
/* /*
@@ -181,15 +195,11 @@ body {
align-items: center; align-items: center;
width: 100%; width: 100%;
gap: 5%; gap: 5%;
margin-top: 3%;
margin-bottom: 3%; margin-bottom: 3%;
} }
.mainstyle { .project-logo {
margin-right: 10%; width: auto;
margin-left: 10%; height: 40vh;
padding: 10%;
padding-top: 5%;
padding-bottom: 5%;
} }
} }

4
src/css/nav/menu.css
View File

@@ -57,10 +57,10 @@
} }
/* TODO: Make multiple steps for this /* TODO: Make multiple steps for this
TODO: Optimise for mobile devices (scale vertically) */ */
.menu-cateogry-active { .menu-cateogry-active {
padding-right: 20vw; padding-right: 20vw !important;
transition-delay: 0s; transition-delay: 0s;
} }

41
src/css/pages/formstyle.css Normal file
View File

@@ -0,0 +1,41 @@
.form {
width: 75%;
}
.input {
width: 100%;
border-radius: 500px;
padding: 20px;
color: white;
border: none;
background-color: rgb(44, 44, 44);
}
.textarea {
width: 100%;
border-radius: 10px;
padding: 20px;
resize: vertical;
color: white;
border: none;
background-color: rgb(44, 44, 44);
}
.label {
color: white;
}
.submit {
background: linear-gradient(90deg, rgb(30, 36, 131), rgb(87, 66, 184), rgb(105, 115, 214), rgb(30, 36, 131), rgb(41, 128, 109), rgb(146, 50, 47));
background-size: 300px;
padding: 10px 20px;
border: none;
border-radius: 20px;
cursor: pointer;
transition: all 3s;
}
.submit:hover {
background-size: 200%;
background-position: -100%;
}

45
src/css/pages/home.css Normal file
View File

@@ -0,0 +1,45 @@
#popup {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: rgba( 0, 0, 0, 0.5 );
}
.popup-positioning {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.submit {
margin-top: 2%;
background: linear-gradient(90deg, rgb(30, 36, 131), rgb(87, 66, 184), rgb(105, 115, 214), rgb(30, 36, 131), rgb(41, 128, 109), rgb(146, 50, 47));
background-size: 300px;
padding: 10px 20px;
border: none;
border-radius: 20px;
cursor: pointer;
transition: all 3s;
font-size: 75%;
color: white;
}
.submit:hover {
background-size: 200%;
background-position: -100%;
}
.popup-main {
border: none;
border-radius: 20px;
padding: 5%;
background-color: rgb(34, 34, 34);
color: white;
max-width: 70%;
}

49
src/index.html
View File

@@ -7,56 +7,81 @@
<meta http-equiv="X-UA-Compatible" content="IE=7"> <meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/mainstyle.css"> <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="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script defer src="/js/loader.js"></script> <script defer src="/js/loader.js"></script>
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="title-container">
<div class="title-container"> <div class="title-wrapper">
<h1 class="title">Welcome to janishutz.com!</h1> <h1 class="title">Welcome to janishutz.com!</h1>
<h2 class="subtitle">iOS Apps, PC apps, Websites, PC Building & Support</h2> <h2 class="subtitle">iOS Apps, PC apps, Websites, PC Building & Support</h2>
</div> </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"> <div class="content">
<h2 class="content-title">My work</h2> <h2 class="content-title">My work</h2>
<div class="sidebyside"> <div class="sidebyside">
<div class="element"> <div class="element">
<h3>Custom Websites</h3> <h3>Custom Websites</h3>
<p>Get your new online presence as anything ranging from a simple static website like this one to a highly complex webapp like <a href="https://libreevent.janishutz.com" class="textlink" style="color: darkblue" target="_blank">libreǝvent</a> or the <a href="https://booking.languageschoolhossegor.com" class="textlink" style="color: darkblue" target="_blank">Language School Hossegor Booking system</a></p> <p>Starting out as a new business or already have an established brand, looking for a new website? I offer static websites like this one as well as complex webapps like <a href="https://libreevent.janishutz.com" class="textlink" style="color: darkblue" target="_blank">libreǝvent</a> or the <a href="https://booking.languageschoolhossegor.com" class="textlink" style="color: darkblue" target="_blank">Language School Hossegor Booking system</a></p>
<a href="https://development.janishutz.com" class="button">Learn more</a> <a href="https://development.janishutz.com" class="button">Learn more</a>
</div> </div>
<div class="element"> <div class="element">
<h3>PC Building</h3> <h3>libreǝvent</h3>
<p>Are you looking for a new gaming or work PC that is perfectly fitted for your needs and has an upgrade path in the future and you live in Switzerland? Here you can get your new, fully customised PC!</p> <p>libreǝvent is THE free and open source event management solution with which you can save lots of time and money when managing your events!</p>
<a href="https://pcbuilding.janishutz.com" class="button">Learn more</a> <a href="/projects/libreevent" class="button">Learn more</a>
</div> </div>
</div> </div>
<div class="sidebyside"> <div class="sidebyside">
<div class="element"> <div class="element">
<h3>iOS Apps</h3> <h3>iOS Apps</h3>
<p>My iOS apps mostly focus on things you use or do day-to-day. You can view and download my apps on the Apple AppStore</p> <p>My iOS apps mostly focus on things you use or do day-to-day. You can view and download my apps on the Apple AppStore</p>
<a href="https://apps.apple.com/us/developer/janis-hutz/id1636936538" class="button">AppStore</a> <a href="/projects#ios" class="button">Learn more</a>
<!-- <a href="https://apps.apple.com/us/developer/janis-hutz/id1636936538" class="button">AppStore</a> -->
</div> </div>
<div class="element"> <div class="element">
<h3>Open Source Software</h3> <h3>Open Source Software</h3>
<p>As a huge Open Source fan, I also developed some software whose code you can freely use, if your project uses the GPL V3 License. I am also contributing to a JavaScript presentation framework called <a href="https://impress.js.org" class="textlink" style="color: darkblue">impress.js</a></p> <p>As a huge Open Source fan, I also developed some software whose code you can freely use, if your project uses the GPL V3 License. I am also contributing to a JavaScript presentation framework called <a href="https://impress.js.org" class="textlink" style="color: darkblue">impress.js</a></p>
<a href="https://github.com/simplePCBuilding" class="button">GitHub</a> <a href="/projects#foss" class="button">Learn more</a>
</div> </div>
</div> </div>
<div class="sidebyside"> <div class="sidebyside">
<div class="element"> <div class="element">
<h3>libreǝvent</h3> <h3>PC Building</h3>
<p>libreǝvent is THE free and open source event management solution with which you can save lots of time and money when managing your events!</p> <p>Are you looking for a new gaming or work PC that is perfectly fitted for your needs and has an upgrade path in the future and you live in Switzerland? Here you can get your new, fully customised PC!</p>
<a href="https://libreevent.janishutz.com" class="button">Learn more</a> <a href="https://pcbuilding.janishutz.com" class="button">Learn more</a>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom"> <div class="bottom">
<h2 class="content-title">Check out my projects!</h2> <h2 class="content-title">Check out my projects!</h2>
<a class="button" href="/projects.html">Projects</a> <a class="button" href="/projects">Projects</a>
</div> </div>
</div> </div>
<div id="footer"></div> <div id="footer"></div>
<script>
function openDetails ( message ) {
document.getElementById( 'popup-message' ).innerHTML = message;
$( '#popup' ).fadeIn( 500 );
$( 'body' ).addClass( 'menuOpen' );
}
</script>
</body> </body>
</html> </html>

16
src/menu.html
View File

@@ -26,7 +26,7 @@
</div> </div>
<div id="menu"> <div id="menu">
<div class="menu-container"> <div class="menu-container">
<h2><a href="/" style="text-decoration: none; color: white;">Home</a></h2> <h2 style="text-align: center;">Menu</h2>
<div class="menu-main"> <div class="menu-main">
<div class="bottom-note-wrapper"> <div class="bottom-note-wrapper">
<div class="bottom-note"> <div class="bottom-note">
@@ -43,7 +43,7 @@
<a href="/projects/libreevent" class="category-item">libreǝvent</a> <a href="/projects/libreevent" class="category-item">libreǝvent</a>
<a href="/projects/qrscanner" class="category-item">QR & Barcode Insight</a> <a href="/projects/qrscanner" class="category-item">QR & Barcode Insight</a>
<a href="/projects/musicplayer" class="category-item">MusicPlayer</a> <a href="/projects/musicplayer" class="category-item">MusicPlayer</a>
<a href="/projects/biogascontrollerapp" class="category-item">BiogasControllerApp</a> <a href="/projects/schoolprojects" class="category-item">School projects</a>
<a href="/projects/impress" class="category-item">impress.js</a> <a href="/projects/impress" class="category-item">impress.js</a>
</div> </div>
</div> </div>
@@ -59,15 +59,14 @@
<h3>Services</h3> <h3>Services</h3>
<div class="category-list" id="services"> <div class="category-list" id="services">
<a href="/services" class="category-item">Overview</a> <a href="/services" class="category-item">Overview</a>
<a href="/services/websites" class="category-item">Custom Websites</a> <a href="https://development.janishutz.com" class="category-item">Custom Websites</a>
<a href="/services/pcbuilding" class="category-item">PC Building</a> <a href="https://pcbuilding.janishutz.com" class="category-item">PC Building</a>
</div> </div>
</div> </div>
<div class="menu-category" onclick="dropdown( 'support' )" id="support-parent"> <div class="menu-category" onclick="dropdown( 'support' )" id="support-parent">
<h3>Support</h3> <h3>Support</h3>
<div class="category-list" id="support"> <div class="category-list" id="support">
<a href="/support" class="category-item">Support hub</a> <a href="/support" class="category-item">Support hub</a>
<a href="/support/faq" class="category-item">FAQ</a>
<a href="/support/contact" class="category-item">Contact</a> <a href="/support/contact" class="category-item">Contact</a>
</div> </div>
</div> </div>
@@ -77,15 +76,14 @@
</div> </div>
<script> <script>
function dropdown ( id ) { function dropdown ( id ) {
if ( window.innerWidth < 999 ) { $( '#' + id + '-parent' ).toggleClass( 'menu-cateogry-active' );
$( '#' + id + '-parent' ).toggleClass( 'menu-cateogry-active' ); $( '#' + id ).toggleClass( 'category-list-active' );
$( '#' + id ).toggleClass( 'category-list-active' );
}
} }
function menu () { function menu () {
$( '#menu' ).toggleClass( 'open' ); $( '#menu' ).toggleClass( 'open' );
$( '.nav-toggle' ).toggleClass( 'active' ); $( '.nav-toggle' ).toggleClass( 'active' );
$( 'body' ).toggleClass( 'menuOpen' );
$( '.menu-container' ).fadeToggle( 100 ); $( '.menu-container' ).fadeToggle( 100 );
setTimeout( () => { setTimeout( () => {
$( '.menu-container' ).toggleClass( 'shown' ); $( '.menu-container' ).toggleClass( 'shown' );

7
src/privacypolicy/index.html
View File

@@ -12,10 +12,13 @@
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="title-container">
<div class="title-container"> <div class="title-wrapper">
<h1 class="title">Privacy Policy</h1> <h1 class="title">Privacy Policy</h1>
<h2 class="subtitle">This is how data is handled</h2>
</div> </div>
</div>
<div class="content-wrapper">
<div class="content"> <div class="content">
<h2>Privacy in my iOS Apps</h2> <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. <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.

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> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="title-container">
<div class="title-container"> <div class="title-wrapper">
<h1 class="title">My projects</h1> <h1 class="title">My projects</h1>
<h2 class="subtitle">Here you can get an overview over all my projects!</h2> <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> </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> <div id="footer"></div>
</body> </body>
</html> </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> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="content-wrapper">
<h1>MusicPlayer</h1> <div class="content">
<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> <img src="https://raw.githubusercontent.com/simplePCBuilding/MusicPlayerV2/master/assets/logo.png" alt="MusicPlayer Logo" class="project-logo">
<p>Still under construction</p> <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>
<div id="Footer"></div> <div id="footer"></div>
</body> </body>
</html> </html>

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

@@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <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=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="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script defer src="/js/loader.js"></script> <script defer src="/js/loader.js"></script>
</head> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="content-wrapper">
<h1>QR & Barcode Insight</h1> <div class="content">
<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> <img src="/assets/qrscanner.jpg" alt="QR & Barcode Insight Logo" class="project-logo">
<div></div> <h1>Qr & Barcode Insight</h1>
<br><br><br><br><br> <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>
<h5>This app is available to download now from the AppStore!</h5> <p>Still under construction</p>
<a class="linkbutton" href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642">Download from the Apple AppStore!</a> </div>
</div> </div>
<div id="Footer"></div> <div id="footer"></div>
</body> </body>
</html> </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=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/mainstyle.css"> <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="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script defer src="/js/loader.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> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="content-wrapper">
<div class="content"> <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> <h2 class="content-title">Simple&shy;Media&shy;Upscaler&shy;Lite</h2>
<div class="sidebyside"> <div class="sidebyside">
<div class="element"> <div class="element">
<h3>Upscale with EASE.</h3> <h3>Electron Frontend.</h3>
<p>Upscale any kind of video or image with ease using the electron GUI.</p> <p>smuL features a gorgeous electron frontend to make upscaling as convenient as possible.</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a> <button class="button" onclick="openDetails( 'gui' )">Learn more</button>
</div> </div>
<div class="element"> <div class="element">
<h3>Electron Frontend</h3> <h3>CLI.</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> <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> <button class="button" onclick="openDetails( 'cli' )">Learn more</button>
</div> </div>
</div> </div>
<div class="sidebyside"> <div class="sidebyside">
<div class="element"> <div class="element">
<h3>CLI.</h3> <h3>Supported OS.</h3>
<p>smuL features a CLI to enable you to upscale things in bulk without the downsides that GUIs bring with them</p> <p>smuL currently supports Windows and Linux. Click the button below to see detailed system requirements.</p>
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a> <button class="button" onclick="openDetails( 'supportedOS' )">Learn more</button>
</div> </div>
<div class="element"> <div class="element">
<h3>Plugins.</h3> <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> <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> </div>
<div class="sidebyside"> <div class="sidebyside">
<div class="element"> <div class="element">
<h3>FOSS.</h3> <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> <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> </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> </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> </body>
</html> </html>

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

@@ -11,25 +11,28 @@
<script defer src="/js/loader.js"></script> <script defer src="/js/loader.js"></script>
</head> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="content-wrapper">
<h1>StorageManager</h1> <div class="content">
<h3 class="bigquote"><b class="biggerquote">MANAGE</b> <br> your storage <br> with Ease. </h3> <img src="/assets/storagemanager.jpg" alt="StorageManager Logo" class="project-logo" style="border-radius: 20px;">
<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> <h1>StorageManager</h1>
<p>Get notified when a product is about to expire.</p> <h3 class="bigquote"><b class="biggerquote">MANAGE</b> <br> your storage <br> with Ease. </h3>
<p>Remove products by simply swiping left or by scanning them with your phone</p> <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>Sync the data between all your Apple Devices <sup>1</sup>.</p> <p>Get notified when a product is about to expire.</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>Remove products by simply swiping left or by scanning them with your phone</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> <p>Sync the data between all your Apple Devices <sup>1</sup>.</p>
<br><br><br> <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>Still under construction</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>
<div class="references"> <br><br><br>
<sup>1</sup> iCloud is required in order for this feature to work. You may enable it in the system settings. <br> <p>Still under construction</p>
<sup>2</sup> Part of an In-App-Purchase coming at a later point <br> <div class="references">
<sup>3</sup> Part of an In-App-Purchase coming at a later point. <br> <sup>1</sup> iCloud is required in order for this feature to work. You may enable it in the system settings. <br>
<sup>4</sup> Coming in a Software update at a later point and requires a subscription. <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> </div>
<div id="Footer"></div> <div id="footer"></div>
</body> </body>
</html> </html>

37
src/services/index.html
View File

@@ -11,23 +11,26 @@
<script defer src="/js/loader.js"></script> <script defer src="/js/loader.js"></script>
</head> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="title-container">
<div class="title-container"> <div class="title-wrapper">
<h1 class="title">Services</h1> <h1 class="title">Services</h1>
</div> <h2 class="subtitle">All the services I offer</h2>
<div class="content">
<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>
</div>
<div class="itemsInline">
<a class="linkbutton" href="https://pcbuilding.janishutz.com">PC Build service</a>
<a class="linkbutton" href="https://pcbuilding.janishutz.com/support">PC Support</a>
<a class="linkbutton" href="https://development.janishutz.com">Website</a>
</div>
</div> </div>
<div id="Footer"></div> </div>
<div class="content-wrapper">
<div class="content">
<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>
</div>
<div class="itemsInline">
<a class="button" href="https://development.janishutz.com" target="_blank">Websites</a>
<a class="button" href="https://pcbuilding.janishutz.com" target="_blank">PC Build service</a>
<a class="button" href="https://pcbuilding.janishutz.com/support" target="_blank">PC Support</a>
</div>
</div>
<div id="footer"></div>
</body> </body>
</html> </html>

40
src/support/contact/index.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>Support - 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/formstyle.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="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">
<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">
<label for="name" class="label">Full name *</label><br>
<input type="text" name="name" id="name" placeholder="Your full name" required class="input"><br>
<label for="mail" class="label">Your email address *</label><br>
<input type="email" name="mail" id="mail" placeholder="Your email address" required class="input"><br>
<label for="message" class="label">Your message *</label><br>
<textarea name="message" id="message" placeholder="Your message" required minlength="50" rows="7" class="textarea"></textarea><br>
<p class="label smallest-size">* required</p>
<input type="submit" value="Submit" class="submit"><br>
</form>
</div>
</div>
<div id="footer"></div>
</body>
</html>

33
src/support/index.html
View File

@@ -11,26 +11,23 @@
<script defer src="/js/loader.js"></script> <script defer src="/js/loader.js"></script>
</head> </head>
<body> <body>
<div id="ContentToInclude"></div> <div id="nav"></div>
<div class="mainstyle"> <div class="title-container">
<div class="title-container"> <div class="title-wrapper">
<h1 class="title">Support</h1> <h1 class="title">Support</h1>
<h2 class="subtitle">Ran into a problem or just want to reach out?</h2>
</div> </div>
<div class="content">
<p>Have you run into a problem with one of my apps? Please contact me by clicking the button below! I am here to help you out.</p>
<br>
<h2>Troubleshooting</h2>
<p>You may try to fix the problem yourself, by trying these steps here:</p>
<ul style="width: 100%;">
<li>Force close the app (open App switcher and swipe up the app) and reopening it / Close the program and reopen it</li>
<li>Check for an update in the AppStore / on GitHub</li>
</ul>
<p>If nothing of the above helps or you'd like to give feedback, please click the button below! If you found an issue with my FOSS apps, please click <a href="https://github.com/simplePCBuilding" style="color: black">here</a>, search for the respective repository and create a new issue. Alternatively you may click the button below</p>
</div>
<h3>Before you contact me: Have you tried the troubleshooting steps above?</h3>
<br><br>
<a class="linkbutton" href='mailto:dev.janishutz@protonmail.com'>Contact me</a>
</div> </div>
<div id="Footer"></div> <div class="content-wrapper">
<div class="content">
<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>
</div>
</div>
<div id="footer"></div>
</body> </body>
</html> </html>