restructure repo -> follows new layout

This commit is contained in:
janis
2023-01-04 17:01:37 +01:00
parent c1b0bf1c8c
commit a82227b485
25 changed files with 36 additions and 36 deletions

45
ui/404.html Executable file
View File

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>404 - Page not Found - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/js/jquery.js"></script>
<script src="/js/basicanimations.js"></script>
<link rel="stylesheet" href="/css/mainstyle.css">
<style>
.errorpage {
text-align: center;
width: 100%;
}
.box {
text-align: center;
width: 50%;
margin: 25%;
margin-top: 10%;
margin-bottom: 0%;
}
.Bigtext {
font-size: 400%;
}
.smalltext {
font-size: 150%;
}
</style>
</head>
<body>
<div class="navbars">
<div id="ContentToInclude"></div>
</div>
<div class="errorpage">
<div class="box">
<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>
<br><br><br>
<a href="/" class="linkbutton">Go back</a>
</div>
</div>
</body>
</html>

26
ui/about.html Executable file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>About - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/mainstyle.css">
<script src="./js/jquery.js"></script>
<script src="./js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>About me</h1>
<p>My name is Janis Hutz, I am 18 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, 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>
<div>
<a class="linkbutton" href="https://github.com/simplePCBuilding">Github</a>
<a class="linkbutton" href="https://apps.apple.com/us/developer/janis-hutz/id1636936538">AppStore</a>
</div>
</div>
<div id="Footer"></div>
</body>
</html>

BIN
ui/assets/Logo.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

BIN
ui/assets/logo.xcf Normal file

Binary file not shown.

31
ui/css/altstyle.css Executable file
View File

@@ -0,0 +1,31 @@
html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-color: gray;
color: white;
}
.logo img {
width: 10%
}
div {
margin-right: 10%;
margin-left: 10%;
margin-top: 2%;
margin-bottom: 2%;
padding: 10%;
padding-top: 5%;
padding-bottom: 5%;
border-color: black;
border-style: double;
border-radius: 3%;
background-color:dimgray;
}
h1 {
font-size: 300%;
}

24
ui/css/footerstyle.css Executable file
View File

@@ -0,0 +1,24 @@
.Footer-box {
background-color: #38444d;
width: 100%;
margin-bottom: -1%;
display: flex;
justify-content: center;
}
.footer-content-box {
width: 80%;
padding: 2%;
}
.footer-center-box {
display: flex;
justify-content: center;
}
.footer-logo {
width: 10%;
display: inline-block;
position: relative;
vertical-align: middle;
}

64
ui/css/mainstyle.css Executable file
View File

@@ -0,0 +1,64 @@
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: rgba(70, 72, 167, 0.5);
font-family: Arial, Helvetica, sans-serif;
}
.bigquote {
width: 40%;
font-size: 300%;
}
.biggerquote {
font-size: 150%;
}
.mainstyle {
margin-right: 10%;
margin-left: 10%;
margin-top: 2%;
margin-bottom: 2%;
padding: 10%;
padding-top: 5%;
padding-bottom: 5%;
border-color: black;
border-style: inset;
border-radius: 50px;
background-color:dimgray;
}
h1 {
font-size: 300%;
}
.textlink {
font-size: 100%;
text-decoration: none;
color: black;
}
.textlink:hover {
color: darkblue;
font-size: 120%;
}
.linkbutton {
text-decoration: none;
display: inline-block;
padding: 20px;
color: white;
background-color:blue;
border-radius: 20px;
}
.linkbutton:hover {
background-color: darkblue;
}
.references {
color: gray;
}

102
ui/css/menustyle.css Executable file
View File

@@ -0,0 +1,102 @@
.logo {
width: 5%;
display: inline-block;
margin-left: 2%;
position: relative;
vertical-align: middle;
}
.menu-container {
display: inline-flex;
width: 80%;
justify-content: center;
}
.stickybox {
display: inline;
position: sticky;
position: -webkit-sticky;
top: 0px;
}
.Menu {
margin-top: -1%;
padding: 2%;
padding-left: 0;
padding-right: 0;
width: 100%;
list-style-type: none;
overflow: hidden;
background-color: #38444d;
}
.menubutton {
text-decoration: none;
display: inline-block;
padding: 20px;
color: white;
border-radius: 0%;
background-color: rgba(0,0,0,0);
}
.menubutton:hover {
border-radius: 0%;
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.subitems:hover {
animation-name: fadein;
animation-duration: 300ms;
background-color: darkblue;
}
.dropdown-menu {
margin: 0;
padding: 0;
background-color: lightseagreen;
display: none;
list-style-type: none;
position: absolute;
min-width: 200px;
}
@keyframes fadein {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes growDown {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
@keyframes rotateMenu {
0% {
transform: rotateX(-90deg)
}
70% {
transform: rotateX(20deg)
}
100% {
transform: rotateX(0deg)
}
}
.dropdown:hover .dropdown-menu {
display: block;
animation: rotateMenu 300ms ease-in-out forwards;
}
.mainitems {
display: inline-block;
}

17
ui/footer.html Executable file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/footerstyle.css">
<title>Footer - janishutz.com</title>
</head>
<body>
<div class="Footer-box">
<div class="footer-content-box">
<img src="/assets/Logo.png" class="footer-logo">
<div class="footer-center-box">
<a href="/privacypolicy.html" class="linkbutton" id="ppbtn">Privacy Policy</a>
</div>
</div>
</div>
</body>

20
ui/getos.html Executable file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>OS Detection - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/mainstyle.css">
<script src="./js/jquery.js"></script>
<script src="./js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<h1>This is just a testscript to get user's OS and Browser</h1>
<script>alert(navigator.appVersion);</script>
<br><br><br>
Note: This website is not completed yet and some pages are still missing!
</body>
</html>

26
ui/index.html Executable file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>Home - janishutz.com</title>
<meta name="description" content="Get informed about my projects, get in support or contact me">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/mainstyle.css">
<script src="./js/jquery.js"></script>
<script src="./js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>Welcome to janishutz.com!</h1>
<p>iOS Apps, PC apps, Websites</p>
<p>Learn more about my projects!</p>
<a class="linkbutton" href="./projects.html">Projects</a>
<br><br><br>
Note: This website is not completed yet and some pages are still missing! The design will also change to something more appealing in the future
</div>
<div id="Footer"></div>
</body>
</html>

34
ui/js/basicanimations.js Executable file
View File

@@ -0,0 +1,34 @@
$(document).ready(function() {
$("#ContentToInclude").load("/menu.html");
$("#Footer").load("/footer.html");
$(".linkbutton").mouseenter(function() {
$(this).stop()
$(this).animate({"border-radius": "0px", "background-color": "darkblue"}, 200)
})
$(".linkbutton").mouseleave(function() {
$(this).stop()
$(this).animate({"border-radius": "20px", "background-color": "rgba(0,0,0,0)"}, 200)
})
$(".textlink").mouseenter(function() {
$(this).stop()
$(this).animate({"color": "darkblue", "font-size": "120%"}, 200)
})
$(".textlink").mouseleave(function() {
$(this).stop()
$(this).animate({"color": "black", "font-size": "100%"}, 200)
})
setTimeout(highlightLocation, 200)
});
function highlightLocation () {
let pagename = $(location).attr('pathname')
if (pagename.slice(0, 8) == "/project") {
$('#projects').css("background-color", "darkblue")
} else if (pagename.slice(0, 6) == "/about" || pagename == "/privacypolicy.html") {
$('#about').css("background-color", "darkblue")
} else if (pagename == "/" || pagename == "/index.html") {
$('#home').css("background-color", "darkblue")
} else if (pagename == "/support.html") {
$('#support').css("background-color", "darkblue")
}
}

10911
ui/js/jquery.js vendored Executable file

File diff suppressed because it is too large Load Diff

0
ui/js/specialanimations.js Executable file
View File

33
ui/menu.html Executable file
View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/menustyle.css">
<title>Navmenu - janishutz.com</title>
</head>
<body>
<ul class="Menu">
<a href="/"><img src="/assets/Logo.png" class="logo"></a>
<div 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">
<li class="subitems"><a class="menubutton" href="/projects/qrinsight.html">QR & Barcode Insight</a></li>
<li class="subitems"><a class="menubutton" href="/projects/storagemanager.html">StorageManager</a></li>
<li class="subitems"><a class="menubutton" href="/projects/imagescaler.html">FSR Image & Video Upscaler Frontend</a></li>
<li class="subitems"><a class="menubutton" href="/projects/musiplayer.html">MusicPlayer</a></li>
<li class="subitems"><a class="menubutton" href="/projects/bgac.html">BiogasControllerApp</a></li>
</ul>
</li>
<li class="dropdown mainitems">
<a class="menubutton" id="about" href="#">About</a>
<ul class="dropdown-menu">
<li class="subitems"><a class="menubutton" href="/privacypolicy.html">Privacy Policy</a></li>
<li class="subitems"><a class="menubutton" href="/about.html">About me</a></li>
</ul>
</li>
<li class="mainitems"><a class="menubutton" id="support" href="/support.html">Support</a></li>
</div>
</ul>
</body>

24
ui/privacypolicy.html Executable file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Privacy Policy - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/mainstyle.css">
<script src="./js/jquery.js"></script>
<script src="./js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>Privacy Policy</h1>
<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>
<h2>Privacy on janishutz.com</h2>
<p>This website does not collect any data on your interaction with it as it stands today. This may change in the future, but all data collected will not allow me to uniquely identify you as an individual. You may have a look at the source code of the data-collection module, if I end up adding one on this website, if you wish. The rest of the server backend will remain closed-source due to security concerns.</p>
</div>
<div id="Footer"></div>
</body>
</html>

35
ui/projects.html Executable file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Projects - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/mainstyle.css">
<script src="./js/jquery.js"></script>
<script src="./js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>My projects</h1>
<p>Here you can get an overview of all my projects!</p>
<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/imagescaler.html">FSR Image & Video Upscaler Frontend</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://booking.languageschoolhossegor.com">Booking system for Language School Hossegor (WIP)</a></li>
</ul>
</div>
<div id="Footer"></div>
</body>
</html>

17
ui/projects/bgac.html Executable file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>BiogasControllerApp - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/mainstyle.css">
<script src="/js/jquery.js"></script>
<script src="/js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<h1>BiogasControllerApp</h1>
<p>Still under construction</p>
<div id="Footer"></div>
</body>
</html>

17
ui/projects/imagescaler.html Executable file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>FSR Image & Video Upscaler Frontend - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/mainstyle.css">
<script src="/js/jquery.js"></script>
<script src="/js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<h1>FSR Image & Video Upscaler Frontend</h1>
<p>Still under construction</p>
<div id="Footer"></div>
</body>
</html>

17
ui/projects/musiplayer.html Executable file
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>MusicPlayer - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/mainstyle.css">
<script src="/js/jquery.js"></script>
<script src="/js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<h1>MusicPlayer</h1>
<p>Still under construction</p>
<div id="Footer"></div>
</body>
</html>

23
ui/projects/qrinsight.html Executable file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>QR & Barcode Insight - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/mainstyle.css">
<script src="/js/jquery.js"></script>
<script src="/js/basicanimations.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>
<div id="Footer"></div>
</body>
</html>

34
ui/projects/storagemanager.html Executable file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>StorageManager - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/mainstyle.css">
<script src="/js/jquery.js"></script>
<script src="/js/basicanimations.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. <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 id="Footer"></div>
</body>
</html>

30
ui/support.html Executable file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Support - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/mainstyle.css">
<script src="./js/jquery.js"></script>
<script src="./js/basicanimations.js"></script>
</head>
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>Support</h1>
<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>
<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>
<br><br><br><br><br><br><br>
<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 id="Footer"></div>
</body>
</html>