diff --git a/about.html b/about.html index 19c25df..0b29c73 100644 --- a/about.html +++ b/about.html @@ -10,9 +10,9 @@
-
+

About me

-

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.

+

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.

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.

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.



@@ -21,5 +21,6 @@ AppStore
+ \ No newline at end of file diff --git a/assets/Logo.png b/assets/Logo.png new file mode 100755 index 0000000..e0bddff Binary files /dev/null and b/assets/Logo.png differ diff --git a/css/footerstyle.css b/css/footerstyle.css new file mode 100644 index 0000000..2b1cf64 --- /dev/null +++ b/css/footerstyle.css @@ -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; +} diff --git a/css/mainstyle.css b/css/mainstyle.css index 0f60cf4..e3234d7 100644 --- a/css/mainstyle.css +++ b/css/mainstyle.css @@ -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%; -} diff --git a/css/menustyle.css b/css/menustyle.css index 6a2ccd6..e5e64e5 100644 --- a/css/menustyle.css +++ b/css/menustyle.css @@ -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; + } \ No newline at end of file diff --git a/footer.html b/footer.html new file mode 100644 index 0000000..6c192ac --- /dev/null +++ b/footer.html @@ -0,0 +1,17 @@ + + + + + + Footer - janishutz.com + + +
+
+ +
+ Privacy Policy +
+
+
+ \ No newline at end of file diff --git a/index.html b/index.html index 2a5165a..c6a1697 100644 --- a/index.html +++ b/index.html @@ -11,12 +11,15 @@
-
+

Welcome to janishutz.com!

Learn more about my projects!

Projects


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 +
+ + diff --git a/js/basicanimations.js b/js/basicanimations.js index 0d91a8b..2e64b09 100644 --- a/js/basicanimations.js +++ b/js/basicanimations.js @@ -1,5 +1,6 @@ $(document).ready(function() { - $("#ContentToInclude").load("/menu.html"); +$("#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) diff --git a/js/specialanimations.js b/js/specialanimations.js new file mode 100644 index 0000000..e69de29 diff --git a/menu.html b/menu.html index 05266f8..6387ed4 100644 --- a/menu.html +++ b/menu.html @@ -2,10 +2,13 @@ + Navmenu - janishutz.com \ No newline at end of file diff --git a/privacypolicy.html b/privacypolicy.html index 7b5bd48..17332db 100644 --- a/privacypolicy.html +++ b/privacypolicy.html @@ -10,10 +10,15 @@
-
+

Privacy Policy

-

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!

-

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!

+

Privacy in my iOS Apps

+

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!

+

Privacy on janishutz.com

+

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.

+ + diff --git a/projects.html b/projects.html index 95b061d..9e1b409 100644 --- a/projects.html +++ b/projects.html @@ -10,7 +10,7 @@
-
+

My projects

Here you can get an overview of all my projects!

Swift & SwiftUI (iOS Apps)

diff --git a/projects/bgac.html b/projects/bgac.html index 9ff93f9..7efeee0 100644 --- a/projects/bgac.html +++ b/projects/bgac.html @@ -12,5 +12,6 @@

BiogasControllerApp

Still under construction

+ \ No newline at end of file diff --git a/projects/imagescaler.html b/projects/imagescaler.html index 7f09cbe..96034fe 100644 --- a/projects/imagescaler.html +++ b/projects/imagescaler.html @@ -12,5 +12,6 @@

FSR Image & Video Upscaler Frontend

Still under construction

+ \ No newline at end of file diff --git a/projects/musiplayer.html b/projects/musiplayer.html index 77cc47a..400d739 100644 --- a/projects/musiplayer.html +++ b/projects/musiplayer.html @@ -12,5 +12,6 @@

MusicPlayer

Still under construction

+ \ No newline at end of file diff --git a/projects/qrinsight.html b/projects/qrinsight.html index 274bd2a..4608b45 100644 --- a/projects/qrinsight.html +++ b/projects/qrinsight.html @@ -10,12 +10,14 @@
-
+

QR & Barcode Insight

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.

+





This app is available to download now from the AppStore!
Download from the Apple AppStore!
+ \ No newline at end of file diff --git a/projects/storagemanager.html b/projects/storagemanager.html index 518ad53..417b1b1 100644 --- a/projects/storagemanager.html +++ b/projects/storagemanager.html @@ -10,8 +10,26 @@
+

StorageManager

-

My flagship project currently seeing most of my development effort

+

MANAGE
your storage
with Ease.

+

Add items simply by SCANNING 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.

+

Get notified when a product is about to expire.

+

Remove products by simply swiping left or by scanning them with your phone

+

Sync the data between all your Apple Devices 1.

+

Import and export the data2 so you can share it between multiple AppleIDs and even a PC app

+

Sync data between multiple AppleIDs without the need to export the data and import it again on the other device4

+


Still under construction

+
+ +
+ 1 iCloud is required in order for this feature to work. You may enable it in the system settings. + 2 Part of an In-App-Purchase. + 3 Part of an In-App-Purchase coming at a later point. + 4 Coming in a Software update at a later point and requires a subscription. +
+ + \ No newline at end of file diff --git a/support.html b/support.html index 0b08cd5..78535d9 100644 --- a/support.html +++ b/support.html @@ -9,7 +9,7 @@
-
+

Support

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.


@@ -19,11 +19,12 @@
  • Force close the app (open App switcher and swipe up the app) and reopening it / Close the program and reopen it
  • Check for an update in the AppStore / on GitHub
    • -

    If nothing of the above helps or you'd like to give feedback, please click the button below!

    +

    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 here, search for the respective repository and create a new issue. Alternatively you may click the button below








    Before you contact me: Have you tried the troubleshooting steps above?



    Contact me
    + \ No newline at end of file diff --git a/testingserver.js b/testingserver.js index 20054b6..b1f34c7 100644 --- a/testingserver.js +++ b/testingserver.js @@ -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); \ No newline at end of file + +http.createServer(app).listen(8080); \ No newline at end of file