diff --git a/images/profile7.png b/images/profile7.png new file mode 100644 index 0000000..b2e98d3 Binary files /dev/null and b/images/profile7.png differ diff --git a/index.html b/index.html index f282add..02a4f10 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,7 @@
- An image of Rosia Evans, Me + An image of Rosia Evans, Me
diff --git a/pages/AllProjects.css b/pages/AllProjects.css index f6dce60..b9fa474 100644 --- a/pages/AllProjects.css +++ b/pages/AllProjects.css @@ -1,13 +1,18 @@ +#Title{ + max-width: 15vw; + margin-bottom: 10vh; + transition: background-color 0.5s +} +#Title:hover{ + background-color: var(--highlight); + color: var(--base); +} h1{ font-size: 2rem; } -h2{ - margin-bottom: 10vh; -} - .item{ display: flex; margin-top: 4vh; @@ -68,3 +73,28 @@ h2{ a.galleryLink{ text-decoration: none; } + +@media (orientation:portrait){ + body{ + padding: 5vw; + } + + .galleryLink{ + font-size: 2rem; + } + + .galleryImage{ + visibility: visible; + max-height: 10vh; + margin-top:5px; + } + + #Title{ + max-width: 80vw; + font-size: 3rem; + } + + h1{ + font-size: 5rem; + } +} diff --git a/pages/AllProjects.html b/pages/AllProjects.html index 5fb14e6..f9ad084 100644 --- a/pages/AllProjects.html +++ b/pages/AllProjects.html @@ -13,9 +13,11 @@ -

All Projects

-

click to find out more

- +
+

All Projects

+

click to find out more

+
+

Aardvark XR

diff --git a/pages/basic.css b/pages/basic.css index 0500008..1b1ea85 100644 --- a/pages/basic.css +++ b/pages/basic.css @@ -48,3 +48,14 @@ h1{ margin-bottom: 7vh; margin-top: 7vh; } + +@media (orientation:portrait){ + #socialBar{ + font-size: 3rem; + margin-top: 5vh; + } + + #backButtonContainer{ + font-size: 3rem; + } +} diff --git a/pages/effects.css b/pages/effects.css index f30f3d1..082b769 100644 --- a/pages/effects.css +++ b/pages/effects.css @@ -46,3 +46,22 @@ span:hover{ background-color: var(--highlight); color: var(--base); } + +@media (orientation:portrait){ + a{ + background-color: var(--highlight); + color: var(--base); + text-decoration: none; + border-radius:4px; + } + + #Title{ + background-color: var(--highlight); + color: var(--base); + text-decoration: none; + border-radius:4px; + + border-bottom: none; + } +} + diff --git a/pages/gallery/blog-post-default.css b/pages/gallery/blog-post-default.css index 366643c..4fd1921 100644 --- a/pages/gallery/blog-post-default.css +++ b/pages/gallery/blog-post-default.css @@ -89,7 +89,7 @@ iframe:hover{ margin-left: 0vw; margin-right: 0vw; margin-top: 5vh; - margin-bottom: 20vh; + margin-bottom: 5vh; padding-top: 0.5vh; @@ -121,7 +121,7 @@ iframe:hover{ iframe{ border: 2px solid var(--secondary); - width: 90vw; + width: 70vw; height: 50vw; } diff --git a/pages/mainpage.css b/pages/mainpage.css index 9ee7083..62ea0b9 100644 --- a/pages/mainpage.css +++ b/pages/mainpage.css @@ -59,7 +59,43 @@ } @media (orientation:portrait){ - + body{ + padding: 5vw; + } + + #Title{ + font-size: 5rem; + text-align: left; + margin-bottom: 2rem; + max-width: 80vw; + + border-bottom: 2px solid var(--secondary); + + transition: background-color 0.5s; + } + + .textBox{ + text-align: left; + font-size: 3rem; + } + + #mainContent{ + flex-direction: column; + } + + #sideText{ + margin-left: 0; + } + + #galleryButton{ + text-align: center; + } + + #profileImageContainer{ + height: auto; + padding: 10px; + margin-bottom: 5vh; + } }