From 81bc26368e365a232ec2406e5518d3639676bfc9 Mon Sep 17 00:00:00 2001
From: Kira <iam@kirajiroux.com>
Date: Mon, 12 Dec 2022 13:17:12 -0800
Subject: [PATCH] PhotoBanner isn't working quite as I would like it; the text
 isn't explicitly centered in the image due to the 100vw set on the image.
 It's good enough for now, but I would like to have it be centered. Added a
 little container for the landing page to encompass the blurb.

---
 PortfolioPage/Pages/Index.razor            | 7 +++++--
 PortfolioPage/Pages/Index.razor.css        | 8 ++++++++
 PortfolioPage/Shared/PhotoBanner.razor.css | 9 +++------
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/PortfolioPage/Pages/Index.razor b/PortfolioPage/Pages/Index.razor
index 9e8ddd4..6200024 100644
--- a/PortfolioPage/Pages/Index.razor
+++ b/PortfolioPage/Pages/Index.razor
@@ -4,8 +4,11 @@
 
 <div class="page-layout">
 
-<h1>Hello, world!</h1>
-<h5>Welcome to my corner of the internet! My name is Kira Jiroux. I am a graduate of Oregon State University, with a Bachelor of Science in Computer Science, with an emphasis on VR/AR and Computer Graphics.</h5>
+    <div class="blurb">
+        <h1 style="color: #3d8361;">Hello, World!</h1>
+        <h5>Welcome to my corner of the Internet! </h5>
+        <h5>My name is Kira Jiroux. I am a graduate of OSU - Oregon State University - with a Bachelor of Science in Computer Science, with an emphasis on VR/AR and Computer Graphics.</h5>
+    </div>
 
 </div>
 
diff --git a/PortfolioPage/Pages/Index.razor.css b/PortfolioPage/Pages/Index.razor.css
index 8da837a..0541037 100644
--- a/PortfolioPage/Pages/Index.razor.css
+++ b/PortfolioPage/Pages/Index.razor.css
@@ -8,4 +8,12 @@
     padding: 10px;
     margin-top: 60px;
     margin-bottom: 60px;
+}
+
+.blurb {
+    width: 60%;
+    background-color: #eef2e6;
+    padding: 15px;
+    border-radius: 25px;
+    border: 2px solid #3b5249;
 }
\ No newline at end of file
diff --git a/PortfolioPage/Shared/PhotoBanner.razor.css b/PortfolioPage/Shared/PhotoBanner.razor.css
index ef6524b..d588a89 100644
--- a/PortfolioPage/Shared/PhotoBanner.razor.css
+++ b/PortfolioPage/Shared/PhotoBanner.razor.css
@@ -4,7 +4,7 @@
 .container{
     position: relative;
     text-align: center;
-    margin: auto;
+    margin: 0;
     padding: 0;
     top: 0;
     width: 100%;
@@ -12,11 +12,10 @@
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
-    border: 1px solid red;
 }
 
 .photo-banner {
-    width: 100%;
+    width: 100vw;
     max-height: 660px;
 }
 
@@ -24,9 +23,7 @@
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%, -50%);
+    transform: translate(10%, -50%);
     font-size: 100px;
     color: white;
-    width: 100vw;
-    
 }