Fix responsiveness and links

leighfall · Jul 6, 2024 · 50b5d9b · 50b5d9b
1 parent e0f22ca
commit 50b5d9b
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 18 deletions.
diff --git a/docs/assets/AboutView-9603ac8f.js → docs/assets/AboutView-4f1c177a.js b/docs/assets/AboutView-9603ac8f.js → docs/assets/AboutView-4f1c177a.js
diff --git a/docs/assets/index-788919d2.css → docs/assets/index-1c647edb.css b/docs/assets/index-788919d2.css → docs/assets/index-1c647edb.css
diff --git a/docs/assets/index-73691788.js → docs/assets/index-23ae278a.js b/docs/assets/index-73691788.js → docs/assets/index-23ae278a.js
diff --git a/docs/index.html b/docs/index.html
@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <title>Autumn's Portfolio</title>
-    <script type="module" crossorigin src="/assets/index-73691788.js"></script>
-    <link rel="stylesheet" href="/assets/index-788919d2.css">
+    <script type="module" crossorigin src="/assets/index-23ae278a.js"></script>
+    <link rel="stylesheet" href="/assets/index-1c647edb.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -17,8 +17,7 @@ import SocialMedia from '../components/SocialMedia.vue';
         </div>
       </div>
       <div class="role">
-        <p>Junior Frontend Engineer</p>
-        <!-- <p>Aspiring Full-stack Engineer</p> -->
+        <p>Software Engineer</p>
       </div>
       <div class="tagline">Bringing designs to life with seamless frontend development</div>
       <SocialMedia />
@@ -37,15 +36,17 @@ import SocialMedia from '../components/SocialMedia.vue';
       </p>
       <p>
         I attended
-        <a href="vanderbilt.edu" class="vanderbilt" target="_blank">Vanderbilt University</a>
+        <a href="https://www.vanderbilt.edu" class="vanderbilt" target="_blank">
+          Vanderbilt University
+        </a>
         , where I immediately fell in love with learning about the environment, how it has changed,
         and where it is going. While honing my coding skills, my fascination with fossils and rocks,
         and what they could tell us about Earth's past and future, led me to pursue a B.A. in Earth
         and Environmental Sciences.
       </p>
       <p>
         After graduating from Vanderbilt, I worked for
-        <a href="target.com" class="target" target="_blank">Target Corporation</a>
+        <a href="https://www.target.com" class="target" target="_blank">Target Corporation</a>
         in various roles. Throughout my 6-year tenure, I spent the last 3 years as a Food Team Lead,
         overseeing the operations of the Grocery and Starbucks departments. I led a team of 18 to
         ensure the floor was fully stocked with fresh fruits, veggies, and pasta while creating the
@@ -54,18 +55,18 @@ import SocialMedia from '../components/SocialMedia.vue';
       <p>
         Throughout all of this, my passion for coding never wavered. I decided to go back to school
         at the
-        <a href="utk.edu" class="ut" target="_blank">University of Tennessee</a>
+        <a href="https://www.utk.edu" class="ut" target="_blank">University of Tennessee</a>
         in Knoxville to pursue that passion once and for all. I completed a second Bachelor's degree
         in Computer Science, focusing on Software Development, with a minor in Cybersecurity. During
         my final year, I had the pleasure of interning for both
-        <a href="uscellular.com" class="uscc" target="_blank">UScellular</a>
+        <a href="https://www.uscellular.com" class="uscc" target="_blank">UScellular</a>
         and
-        <a href="kub.org" class="kub" target="_blank">Knoxville Utilities Board</a>
+        <a href="https://www.kub.org" class="kub" target="_blank">Knoxville Utilities Board</a>
         , where I worked on automation projects and customer-facing website development. Currently,
         I work full-time as a Software Engineer for
-        <a href="cadre5.com" target="_blank">Cadre5</a>
+        <a href="https://www.cadre5.com" target="_blank">Cadre5</a>
         , where I get to continue expressing my passion for front-end programming using the
-        <a href="vuejs.org" class="vue" target="_blank">Vue 3</a>
+        <a href="https://www.vuejs.org" class="vue" target="_blank">Vue 3</a>
         framework and building software for national laboratories.
       </p>
       <p>
@@ -84,22 +85,28 @@ import SocialMedia from '../components/SocialMedia.vue';
   flex-flow: row;
   margin: 5% auto 0 auto;
   padding: 20px;
-  border-radius: 50px;
   background: rgba(26, 26, 26, 0.95);
   width: 75vw;
   min-width: 300px;
   color: #ffffff;
   font-size: 16px;
 
   .phone({
-    font-size: 1.5rem;
+    font-size: 1rem;
+    display: flex;
+    flex-flow: column;
+    width: 100%;
   });
 }
 
 .sidenav {
   display: flex;
   flex-flow: column;
   width: 40%;
+
+  .phone({
+    width: 100%;
+  });
 }
 
 .content {
@@ -111,6 +118,13 @@ import SocialMedia from '../components/SocialMedia.vue';
   p {
     margin: 7px 0;
   }
+
+  .phone({
+    display: flex;
+    flex-flow: column;
+    width: 100%;
+    margin: 20px 0 0 0;
+  });
 }
 
 .title {