diff --git a/src/404.html b/src/404.html index 42fbb79..21037b6 100755 --- a/src/404.html +++ b/src/404.html @@ -39,7 +39,7 @@

The page you are looking for was not found

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.




- Go to homepage + Go to homepage diff --git a/src/about/aboutme/index.html b/src/about/aboutme/index.html index 35ad7bc..8394eaa 100755 --- a/src/about/aboutme/index.html +++ b/src/about/aboutme/index.html @@ -12,23 +12,25 @@ -
-
-
+ +
+

About me

+
+

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.

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.



-
- Github - AppStore -
+
+ Github + AppStore
- +
+ \ No newline at end of file diff --git a/src/about/index.html b/src/about/index.html index 91060de..116d232 100644 --- a/src/about/index.html +++ b/src/about/index.html @@ -11,23 +11,25 @@ -
-
-
-

About janishutz.com

-
-
-
-

Technology is a remarkably interesting topic, that many people take for granted.

-
-

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.

-
-
- About me - Privacy Policy - Services -
+ +
+
+

About janishutz.com

- +
+
+
+
+

Technology is a remarkably interesting topic, that many people take for granted.

+
+

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.

+
+
+ About me + Privacy Policy + Services +
+
+ \ No newline at end of file diff --git a/src/assets/impress.jpg b/src/assets/impress.jpg new file mode 100644 index 0000000..9bb8064 Binary files /dev/null and b/src/assets/impress.jpg differ diff --git a/src/assets/qrscanner.jpg b/src/assets/qrscanner.jpg new file mode 100644 index 0000000..373d24d Binary files /dev/null and b/src/assets/qrscanner.jpg differ diff --git a/src/assets/storagemanager.jpg b/src/assets/storagemanager.jpg new file mode 100644 index 0000000..2c61814 Binary files /dev/null and b/src/assets/storagemanager.jpg differ diff --git a/src/assets/codeSnippet.png b/src/assets/title.png similarity index 100% rename from src/assets/codeSnippet.png rename to src/assets/title.png diff --git a/src/css/mainstyle.css b/src/css/mainstyle.css index 484b641..16f608a 100755 --- a/src/css/mainstyle.css +++ b/src/css/mainstyle.css @@ -18,7 +18,8 @@ html, 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; } @@ -34,24 +35,6 @@ body { 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 */ @@ -69,6 +52,9 @@ body { } .button { + border: none; + cursor: pointer; + font-size: 1rem; text-decoration: none; display: inline-block; padding: 20px; @@ -89,15 +75,14 @@ body { } /* - This styles the container for the home page + Page title */ .title-container { - background-image: url('/assets/codeSnippet.png'); + background-image: url( '/assets/title.png' ); background-repeat: no-repeat; background-size: cover; - width: 100%; - height: 40vh; - border-radius: 20px; + width: 100vw; + height: 100vh; color: white; display: flex; justify-content: center; @@ -105,9 +90,15 @@ body { flex-direction: column; } +.title-wrapper { + padding: 5%; + border-radius: 20px; + background-color: rgba( 0, 0, 0, 0.7 ); +} + .title { text-align: center; - font-size: 2.3rem; + font-size: 3rem; } .subtitle { @@ -115,15 +106,31 @@ body { font-size: 1.3rem; } -.content { - font-size: 1rem; +.menuOpen { + overflow: hidden; +} + +/* + Main page content +*/ + +.content-wrapper { width: 100%; display: flex; flex-direction: column; align-items: 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-bottom: 10%; + margin-bottom: 7%; } .content-title { @@ -153,12 +160,19 @@ body { justify-content: center; align-items: center; flex-direction: column; + margin-bottom: 10%; } .element { text-align: center; } +.project-logo { + width: 80vw; + height: auto; + border-radius: 20px; +} + @media only screen and (min-width: 999px) { /* @@ -181,15 +195,11 @@ body { align-items: center; width: 100%; gap: 5%; - margin-top: 3%; margin-bottom: 3%; } - .mainstyle { - margin-right: 10%; - margin-left: 10%; - padding: 10%; - padding-top: 5%; - padding-bottom: 5%; + .project-logo { + width: auto; + height: 40vh; } } \ No newline at end of file diff --git a/src/css/nav/menu.css b/src/css/nav/menu.css index 4e7eef1..9183d23 100644 --- a/src/css/nav/menu.css +++ b/src/css/nav/menu.css @@ -57,10 +57,10 @@ } /* TODO: Make multiple steps for this - TODO: Optimise for mobile devices (scale vertically) */ + */ .menu-cateogry-active { - padding-right: 20vw; + padding-right: 20vw !important; transition-delay: 0s; } diff --git a/src/css/pages/formstyle.css b/src/css/pages/formstyle.css new file mode 100644 index 0000000..b514e41 --- /dev/null +++ b/src/css/pages/formstyle.css @@ -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%; +} \ No newline at end of file diff --git a/src/css/pages/home.css b/src/css/pages/home.css new file mode 100644 index 0000000..4071dc4 --- /dev/null +++ b/src/css/pages/home.css @@ -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%; +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index 49bb5ab..6cf5354 100755 --- a/src/index.html +++ b/src/index.html @@ -7,56 +7,81 @@ + -
-
+
+

Welcome to janishutz.com!

iOS Apps, PC apps, Websites, PC Building & Support

+
+
+

My work

Custom Websites

-

Get your new online presence as anything ranging from a simple static website like this one to a highly complex webapp like libreǝvent or the Language School Hossegor Booking system

+

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 libreǝvent or the Language School Hossegor Booking system

Learn more
-

PC Building

-

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!

- Learn more +

libreǝvent

+

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!

+ Learn more

iOS Apps

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

- AppStore + Learn more +

Open Source Software

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 impress.js

- GitHub + Learn more
-

libreǝvent

-

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!

- Learn more +

PC Building

+

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!

+ Learn more

Check out my projects!

- Projects + Projects
+ diff --git a/src/menu.html b/src/menu.html index 587a600..10f0e77 100644 --- a/src/menu.html +++ b/src/menu.html @@ -26,7 +26,7 @@