From 4a12f060903f146756265561506faf5765b9f7bc Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 12:16:49 +0100
Subject: [PATCH 1/6] removed unneeded statements
---
style/mobile.css | 32 +++++++++++---------------------
1 file changed, 11 insertions(+), 21 deletions(-)
diff --git a/style/mobile.css b/style/mobile.css
index ef44b28..3cfad78 100644
--- a/style/mobile.css
+++ b/style/mobile.css
@@ -4,7 +4,6 @@
body {
grid-template-areas:
-
"main main main"
"aside aside aside"
"footer footer footer";
@@ -20,15 +19,12 @@ main {
border-bottom-right-radius: 0em;
}
-.bio {
- border-top-left-radius: 0em;
- border-bottom-left-radius: 0em;
-}
+
.navigation {
min-width: 10em;
width: 200%;
- height: 50vh;
+ height: 20em;
white-space: nowrap;
grid-template-rows: 20% 20% 20% 20% 20%;
grid-template-areas:
@@ -111,24 +107,18 @@ nav > .link:hover {
border-bottom: 0.1em solid #000000;
}
-#home:hover {
- border-right: none;
+footer {
+ margin: 0;
+ background-color: rgba(255, 255, 255, 60%);
+ grid-area: footer;
+ display:list-item;
}
-.navigation:hover {
- transform: translate(-95%,0);
+footer > a > h1 {
+ margin: 0;
}
-.generalInfo {
- margin-top: 1em;
- margin-left: 2em;
+#footer_logo {
+ margin-top: 3em;
}
-.moreInfo:hover {
- cursor: initial;
-}
-
-.langList {
- margin-left: -5em;
- font-size: small;
-}
\ No newline at end of file
From d36aaf3f9113c61571f002c43513a8a2feb87b05 Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 12:18:00 +0100
Subject: [PATCH 2/6] individual css for mobile , minor formatting
---
home/index.css | 1 +
home/index.html | 1 +
home/index_mobile.css | 15 +++++++++++++++
3 files changed, 17 insertions(+)
create mode 100644 home/index_mobile.css
diff --git a/home/index.css b/home/index.css
index df0cc2a..348e49b 100644
--- a/home/index.css
+++ b/home/index.css
@@ -87,6 +87,7 @@
.langList {
margin-top: -1em;
+ margin-bottom: 2em;
display: none;
pointer-events: none;
}
diff --git a/home/index.html b/home/index.html
index 85af2a2..488df8f 100644
--- a/home/index.html
+++ b/home/index.html
@@ -16,6 +16,7 @@
+
diff --git a/home/index_mobile.css b/home/index_mobile.css
new file mode 100644
index 0000000..0d8e363
--- /dev/null
+++ b/home/index_mobile.css
@@ -0,0 +1,15 @@
+.bio {
+ border-top-left-radius: 0em;
+ border-bottom-left-radius: 0em;
+}
+
+.langList {
+ margin-left: -5em;
+ font-size: small;
+}
+
+.generalInfo {
+ margin-top: 1em;
+ margin-left: 2em;
+}
+
From c002aa4b5c09a14c209545bbf4a769fafb57de2e Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 12:42:52 +0100
Subject: [PATCH 3/6] added mobile version for portfolio
---
portfolio/portfolio.html | 4 +++-
portfolio/portfolio_mobile.css | 14 ++++++++++++++
style/mobile.css | 3 ---
3 files changed, 17 insertions(+), 4 deletions(-)
create mode 100644 portfolio/portfolio_mobile.css
diff --git a/portfolio/portfolio.html b/portfolio/portfolio.html
index bd3130b..cbcd647 100644
--- a/portfolio/portfolio.html
+++ b/portfolio/portfolio.html
@@ -14,8 +14,10 @@
-
+
+
+
diff --git a/portfolio/portfolio_mobile.css b/portfolio/portfolio_mobile.css
new file mode 100644
index 0000000..b47abbf
--- /dev/null
+++ b/portfolio/portfolio_mobile.css
@@ -0,0 +1,14 @@
+.project {
+ margin: 0;
+ max-width: 25.6em;
+ border-radius: 0;
+ padding: 0;
+}
+
+.project > img {
+ max-width: 25em;
+}
+
+.project > video {
+ max-width: 25em;
+}
\ No newline at end of file
diff --git a/style/mobile.css b/style/mobile.css
index 3cfad78..389ccd3 100644
--- a/style/mobile.css
+++ b/style/mobile.css
@@ -14,13 +14,10 @@ body {
}
main {
- margin-left: 0.2em;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em;
}
-
-
.navigation {
min-width: 10em;
width: 200%;
From ad511b3a1bd25aa1f2009d6e2c8ff6c8bd7a4af6 Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 12:50:13 +0100
Subject: [PATCH 4/6] added blog mobile responsiveness
---
blog/blog.html | 4 +++-
blog/blog_mobile.css | 9 +++++++++
2 files changed, 12 insertions(+), 1 deletion(-)
create mode 100644 blog/blog_mobile.css
diff --git a/blog/blog.html b/blog/blog.html
index 76b2f38..a57111a 100644
--- a/blog/blog.html
+++ b/blog/blog.html
@@ -14,8 +14,10 @@
-
+
+
+
diff --git a/blog/blog_mobile.css b/blog/blog_mobile.css
new file mode 100644
index 0000000..0a59b67
--- /dev/null
+++ b/blog/blog_mobile.css
@@ -0,0 +1,9 @@
+.blog {
+ display: list-item;
+}
+
+.blog_post {
+ margin: 0;
+ padding: 0em;
+ border-radius: 0;
+}
\ No newline at end of file
From 826dc8e84e763c9a2b0ee4e578ace05ae6c8550b Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 13:06:29 +0100
Subject: [PATCH 5/6] added contact form mobile responsiveness
---
contact/contact.html | 3 ++-
contact/contact_mobile.css | 20 ++++++++++++++++++++
2 files changed, 22 insertions(+), 1 deletion(-)
create mode 100644 contact/contact_mobile.css
diff --git a/contact/contact.html b/contact/contact.html
index d9c09c5..2e41f06 100644
--- a/contact/contact.html
+++ b/contact/contact.html
@@ -14,8 +14,9 @@
-
+
+
diff --git a/contact/contact_mobile.css b/contact/contact_mobile.css
new file mode 100644
index 0000000..bc93de1
--- /dev/null
+++ b/contact/contact_mobile.css
@@ -0,0 +1,20 @@
+form {
+ min-width: 1em;
+ max-width: 25.8em;
+ margin: 0;
+}
+
+#contact_details > input {
+ min-width: 1em;
+ max-width: 30em;
+}
+
+#contact_body > textarea {
+ min-width: 1em;
+ max-width: 25.8em;
+}
+
+#contact_reason {
+ display: list-item;
+}
+
From bdbaadf7dcdb7f3b285e8837b32ac91029a87dde Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Sun, 17 Apr 2022 13:07:24 +0100
Subject: [PATCH 6/6] minor formatting
---
contact/contact_mobile.css | 1 +
1 file changed, 1 insertion(+)
diff --git a/contact/contact_mobile.css b/contact/contact_mobile.css
index bc93de1..68e7089 100644
--- a/contact/contact_mobile.css
+++ b/contact/contact_mobile.css
@@ -1,4 +1,5 @@
form {
+ padding-top: 2em;
min-width: 1em;
max-width: 25.8em;
margin: 0;