From 212103ab710822a2bf3881fa5fd8cc800662b731 Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Wed, 6 Sep 2023 20:42:07 +0100
Subject: [PATCH] Updated personal content and prepared async fetch to be more
 expandable and include more content rather than a single div.

---
 src/main.svelte     | 26 +++++++++++++++++---------
 static/json/me.json |  2 +-
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/main.svelte b/src/main.svelte
index 02f1179..97f8566 100644
--- a/src/main.svelte
+++ b/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>
\ No newline at end of file
+    </div>
+    
+{:catch}
+    <div class="card">
+        <div class="card-header">
+            <h1>Unable to load portfolio overview data</h1>
+        </div>
+    </div>
+{/await}
\ No newline at end of file
diff --git a/static/json/me.json b/static/json/me.json
index 0df92ab..faa5394 100644
--- a/static/json/me.json
+++ b/static/json/me.json
@@ -19,5 +19,5 @@
       "mastery": 10
     }
   ],
-  "about": "Hello! I'm a enthusiastic, dedicated software engineer passionate about backend development, networking, and embedded systems. I am currently employed at Thales UK and thrive on architecting robust backend solutions, optimizing data transmission, and crafting efficient embedded software. I love tackling complex challenges, collaborating with fellow professionals, and staying up-to-date with tech trends such as my current venture in learning <a href='https://rust-lang.org'>Rust-Lang</a>."
+  "about": "Hello! I'm an enthusiastic, dedicated software engineer passionate about backend development, networking, and embedded systems. I am currently employed at Thales UK and thrive on architecting robust backend solutions, optimizing data transmission, and crafting efficient embedded software. I love tackling complex challenges, collaborating with fellow professionals, and staying up-to-date with tech trends such as my current venture in learning <a href='https://rust-lang.org'>Rust-Lang</a>."
 }
\ No newline at end of file