Updated personal content and prepared async fetch to be more expandable and include more content rather than a single div.

src/main.svelte

@@ -53,11 +53,14 @@
 
 </style>
 
-<div class="card">
-    {#await getJson('/json/me.json')}
-        <h1>Loading...</h1>
-    {:then info}
-
+{#await getJson('/json/me.json')}
+    <div class="card">
+        <div class="card-header">
+            <h1>Loading...</h1>
+        </div>
+    </div>
+{:then info}
+    <div class="card">
         <div class="card-header">
             <h1>{info.name}</h1>
             <h3 class="not-required">{info.job_title}</h3>
@@ -67,7 +70,12 @@
             <img class="profile not-required" src={info.profile_photo} alt="{info.name}'s Profile Photo">
             <p class="about">{@html info.about}</p>
         </div>
-    {:catch}
-        <h1>Unable to load portfolio overview data</h1>
-    {/await}
-</div>
+    </div>
+    
+{:catch}
+    <div class="card">
+        <div class="card-header">
+            <h1>Unable to load portfolio overview data</h1>
+        </div>
+    </div>
+{/await}