From c861eca9c030fe72648c4e058e874937ed2fd2d4 Mon Sep 17 00:00:00 2001 From: Janis Hutz Date: Sat, 15 Jul 2023 16:37:15 +0200 Subject: [PATCH] optimise remaining things for mobile --- src/about/index.html | 2 +- src/css/footerstyle.css | 28 ++++++++++++++++++++------ src/css/mainstyle.css | 24 ++-------------------- src/css/pages/formstyle.css | 8 +++++++- src/footer.html | 2 -- src/index.html | 2 +- src/projects/impress/index.html | 2 +- src/projects/musicplayer/index.html | 2 +- src/projects/storagemanager/index.html | 2 +- src/support/index.html | 2 +- 10 files changed, 37 insertions(+), 37 deletions(-) diff --git a/src/about/index.html b/src/about/index.html index 7605bbb..57ee5b5 100644 --- a/src/about/index.html +++ b/src/about/index.html @@ -15,7 +15,7 @@
-

About janishutz.com

+

About janis­hutz.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 @@
-
Privacy Policy
-
\ 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 janis­hutz.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

diff --git a/src/projects/impress/index.html b/src/projects/impress/index.html index 5b1cbd8..be657b2 100644 --- a/src/projects/impress/index.html +++ b/src/projects/impress/index.html @@ -15,7 +15,7 @@
-

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

+

Music­Player

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!

diff --git a/src/projects/storagemanager/index.html b/src/projects/storagemanager/index.html index db5ae2a..b4ca6af 100755 --- a/src/projects/storagemanager/index.html +++ b/src/projects/storagemanager/index.html @@ -16,7 +16,7 @@
-

StorageManager

+

Storage­Manager

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.

diff --git a/src/support/index.html b/src/support/index.html index bd4d580..7da3a42 100755 --- a/src/support/index.html +++ b/src/support/index.html @@ -19,7 +19,7 @@

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 janis­hutz.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: