- About janishutz.com
+About janishutz.com
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.
Technology is a remarkably interesting topic, that many people take for granted.
diff --git a/src/css/footerstyle.css b/src/css/footerstyle.css index dac9d57..a44b0ca 100755 --- a/src/css/footerstyle.css +++ b/src/css/footerstyle.css @@ -1,24 +1,40 @@ .footer-box { background-color: rgb(18, 12, 59); width: 100%; + height: 50vh; margin-bottom: -1%; display: flex; + flex-direction: column; justify-content: center; -} - -.footer-content-box { - width: 80%; - padding: 2%; + align-items: center; } .footer-center-box { display: flex; justify-content: center; + width: 70%; } .footer-logo { - width: 10%; + height: 50%; + margin-bottom: 5%; display: inline-block; position: relative; vertical-align: middle; } + +@media only screen and (min-width: 999px) { + .footer-box { + height: 30vh; + margin-bottom: -1%; + flex-direction: row; + justify-content: center; + } + + .footer-logo { + width: 10%; + display: inline-block; + position: relative; + vertical-align: middle; + } +} diff --git a/src/css/mainstyle.css b/src/css/mainstyle.css index 3c69888..b8096aa 100755 --- a/src/css/mainstyle.css +++ b/src/css/mainstyle.css @@ -62,28 +62,6 @@ body { color: gray; } -/* - Page title -*/ -.title-container { - background-image: url( '/assets/title.png' ); - background-repeat: no-repeat; - background-size: cover; - width: 100vw; - height: 100vh; - color: white; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.title-wrapper { - padding: 5%; - border-radius: 20px; - background-color: rgba( 0, 0, 0, 0.7 ); -} - .title { text-align: center; font-size: 3rem; @@ -156,6 +134,7 @@ body { } .project-logo { + margin-top: 12vh; width: 80vw; height: auto; border-radius: 20px; @@ -187,6 +166,7 @@ body { } .project-logo { + margin-top: 0; width: auto; height: 40vh; } diff --git a/src/css/pages/formstyle.css b/src/css/pages/formstyle.css index b514e41..31e3e51 100644 --- a/src/css/pages/formstyle.css +++ b/src/css/pages/formstyle.css @@ -1,5 +1,11 @@ .form { - width: 75%; + width: 100%; +} + +@media only screen and (min-width: 999px) { + .form { + width: 75%; + } } .input { diff --git a/src/footer.html b/src/footer.html index 3b683bc..0d55e02 100755 --- a/src/footer.html +++ b/src/footer.html @@ -7,11 +7,9 @@ \ No newline at end of file diff --git a/src/index.html b/src/index.html index 69d94f9..c873a5a 100755 --- a/src/index.html +++ b/src/index.html @@ -17,7 +17,7 @@
- Welcome to janishutz.com!
+Welcome to janishutz.com!
This is the hub for all my projects which get bigger and more numerous by the day! Join in by downloading and using one or multiple of them or by ordering your own website!
My work
- impress.js
+impress.js
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.
Slide based presentations are quite boring, why not try something new and better?
diff --git a/src/projects/musicplayer/index.html b/src/projects/musicplayer/index.html index 062c9fe..ef6dc07 100755 --- a/src/projects/musicplayer/index.html +++ b/src/projects/musicplayer/index.html @@ -17,7 +17,7 @@
- MusicPlayer
+MusicPlayer
An electron-based music player to which a basically infinite amount of client displays can connect to to display the current playing song, the upcoming songs and details on all of them.
NOTE: This software has not been completed yet!
- StorageManager
+StorageManager
Managing storage can be a challenging task, especially, when the volume of items stored gets big. If products in that storage can go bad, you are very likely to produce quite a bit of waste. StorageManager is an iOS app that can send you notifications such that you do not forget about products that are about to expire.
Did you run into a problem with any of my software? Here's the right place to get the issue solved. This page features an automated support system to guide you into the right direction. If this doesn't help, the system will forward your query directly to me and you will have the opportunity to add some comments to it as well.
-
Welcome to the janishutz.com support!
+Welcome to the janishutz.com support!
First off all, I want to apologise for any inconvenience that arose due to a problem with any of my software.
Please choose the app you have problems with below: