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

update

Browse Source
This commit is contained in:
janis
2022-11-24 16:20:20 +01:00
parent f692a82423
commit d15bf94121
19 changed files with 153 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
about.html
View File

@@ -10,9 +10,9 @@
<body>
<div id="ContentToInclude"></div>
<div class="policydiv">
<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>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>
@@ -21,5 +21,6 @@
<a class="linkbutton" href="https://apps.apple.com/us/developer/janis-hutz/id1636936538">AppStore</a>
</div>
</div>
<div id="Footer"></div>
</body>
</html>

BIN
assets/Logo.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

25
css/footerstyle.css Normal file
View File

@@ -0,0 +1,25 @@
.Footer-box {
background-color: #38444d;
width: 103%;
margin-left: -1%;
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;
}

123
css/mainstyle.css
View File

@@ -1,28 +1,33 @@
body {
background-color: gray;
background-color: rgba(70, 72, 167, 0.5);
}
.logo img {
width: 10%
.bigquote {
width: 40%;
font-size: 300%;
}
.stickybox {
display: inline;
position: sticky;
position: -webkit-sticky;
top: 0px;
.biggerquote {
font-size: 150%;
}
.Menu {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
background-color: #38444d;
.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;
}
.mainitems {
display: inline-block;
h1 {
font-size: 300%;
}
.textlink {
@@ -48,89 +53,3 @@ width: 10%
.linkbutton:hover {
background-color: darkblue;
}
.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: #38444d;
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;
}
.policydiv {
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%;
}

42
css/menustyle.css
View File

@@ -1,23 +1,45 @@
.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: 0;
padding: 0;
margin-left: -1%;
margin-top: -1%;
padding: 2%;
width: 103%;
list-style-type: none;
overflow: hidden;
background-color: #38444d;
}
.mainitems {
display: inline-block;
}
.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;
@@ -32,7 +54,7 @@
.dropdown-menu {
margin: 0;
padding: 0;
background-color: #38444d;
background-color: lightseagreen;
display: none;
list-style-type: none;
position: absolute;
@@ -70,10 +92,10 @@
.dropdown:hover .dropdown-menu {
display: block;
margin: 0;
animation: rotateMenu 300ms ease-in-out forwards;
}
.mainitems {
display: inline-block;
}

17
footer.html Normal 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>

5
index.html
View File

@@ -11,12 +11,15 @@
<body>
<div id="ContentToInclude"></div>
<div class="policydiv">
<div class="mainstyle">
<h1>Welcome to janishutz.com!</h1>
<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>

3
js/basicanimations.js
View File

@@ -1,5 +1,6 @@
$(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)
@@ -9,9 +10,11 @@ $(document).ready(function() {
$(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)

0
js/specialanimations.js Normal file
View File

6
menu.html
View File

@@ -2,10 +2,13 @@
<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">
<img src="/assets/Logo.png" class="logo">
<div class="menu-container">
<li class="mainitems"><a class="menubutton" id="home" href="/index.html">Home</a></li>
<li class="dropdown mainitems">
<a class="menubutton" id="projects" href="/projects.html">Projects</a>
@@ -20,10 +23,11 @@
<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 for apps</a></li>
<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>

11
privacypolicy.html
View File

@@ -10,10 +10,15 @@
<body>
<div id="ContentToInclude"></div>
<div class="policydiv">
<div class="mainstyle">
<h1>Privacy Policy</h1>
<p>All of the apps developed by Janis Hutz follow strict privacy rules. As such, none of the apps collects any data. No diagnostics, no usage data, nothing. Privacy is one of the most important factors in the development of my apps! Therefore I need to heavily rely on AppStore Reviews, Ratings and Beta feedback. Please also contact me, if you'd like to test this app as a beta!</p>
<p>NOTE: Also this website does not collect any data and never will. It is still under construction and will soon switch domains, so check in the AppStore for the most current link!</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>
<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>

2
projects.html
View File

@@ -10,7 +10,7 @@
<body>
<div id="ContentToInclude"></div>
<div class="policydiv">
<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>

1
projects/bgac.html
View File

@@ -12,5 +12,6 @@
<div id="ContentToInclude"></div>
<h1>BiogasControllerApp</h1>
<p>Still under construction</p>
<div id="Footer"></div>
</body>
</html>

1
projects/imagescaler.html
View File

@@ -12,5 +12,6 @@
<div id="ContentToInclude"></div>
<h1>FSR Image & Video Upscaler Frontend</h1>
<p>Still under construction</p>
<div id="Footer"></div>
</body>
</html>

1
projects/musiplayer.html
View File

@@ -12,5 +12,6 @@
<div id="ContentToInclude"></div>
<h1>MusicPlayer</h1>
<p>Still under construction</p>
<div id="Footer"></div>
</body>
</html>

4
projects/qrinsight.html
View File

@@ -10,12 +10,14 @@
<body>
<div id="ContentToInclude"></div>
<div class="policydiv">
<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>

20
projects/storagemanager.html
View File

@@ -10,8 +10,26 @@
<body>
<div id="ContentToInclude"></div>
<div class="mainstyle">
<h1>StorageManager</h1>
<p>My flagship project currently seeing most of my development effort</p>
<h3 class="bigquote"><b class="biggerquote">MANAGE</b> <br> your storage <br> with Ease. </h3>
<p>Add items simply by <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 fill 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</p>
<p>Sync data between multiple AppleIDs without the need to export the data and import it again on the other device<sup>4</sup></p>
<br><br><br>
<p>Still under construction</p>
</div>
<div class="references">
<sup>1</sup> iCloud is required in order for this feature to work. You may enable it in the system settings.
<sup>2</sup> Part of an In-App-Purchase.
<sup>3</sup> Part of an In-App-Purchase coming at a later point.
<sup>4</sup> Coming in a Software update at a later point and requires a subscription.
</div>
<div id="Footer"></div>
</body>
</html>

5
support.html
View File

@@ -9,7 +9,7 @@
</head>
<body>
<div id="ContentToInclude"></div>
<div class="policydiv">
<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>
@@ -19,11 +19,12 @@
<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!</p>
<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>

8
testingserver.js
View File

@@ -28,7 +28,9 @@ app.get('/projects/css/:file', (request, response) => {
response.sendFile(path.join(__dirname + "/css/" + request.params.file))
})
app.get('/assets/:file', (request, response) => {
response.sendFile(path.join(__dirname + "/assets/" + request.params.file))
})
http.createServer(
app
).listen(8080);
http.createServer(app).listen(8080);