From ebf9a21478fd7310fd3b6c8c8139462629c83e19 Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Tue, 26 Sep 2023 23:15:42 +0100
Subject: [PATCH] Created base template for contact and repo pages. Fixed
 styling issues on toasts on small screens.

---
 src/Modal.svelte                | 4 ++--
 src/Toasts/Toast.svelte         | 1 +
 src/main.svelte                 | 5 +++++
 src/routes/contact/+page.svelte | 1 +
 src/routes/repos/+page.svelte   | 3 +++
 static/json/me.json             | 6 ++++++
 6 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/contact/+page.svelte
 create mode 100644 src/routes/repos/+page.svelte

diff --git a/src/Modal.svelte b/src/Modal.svelte
index 560d265..9fd5fb6 100644
--- a/src/Modal.svelte
+++ b/src/Modal.svelte
@@ -36,7 +36,7 @@
         box-shadow: .5em .5em .5em var(--red);
 	}
 	dialog::backdrop {
-		background: rgba(0, 0, 0, 0.3);
+		background: rgba(0, 0, 0, 0.7);
 	}
 	dialog > div {
 		padding: 1em;
@@ -53,7 +53,7 @@
 		}
 	}
 	dialog[open]::backdrop {
-		animation: fade 0.5s ease-out;
+		animation: fade 0.3s ease-out;
 	}
 	@keyframes fade {
 		from {
diff --git a/src/Toasts/Toast.svelte b/src/Toasts/Toast.svelte
index 0ca64dd..0f6588f 100644
--- a/src/Toasts/Toast.svelte
+++ b/src/Toasts/Toast.svelte
@@ -41,6 +41,7 @@
     align-items: center;
     margin: 0 auto 0.5rem auto;
     width: 20rem;
+    max-width: 80%;
   }
   .error {
     background: IndianRed;
diff --git a/src/main.svelte b/src/main.svelte
index a0fa5f3..088298e 100644
--- a/src/main.svelte
+++ b/src/main.svelte
@@ -163,6 +163,9 @@
             {/each}
         </ul>
     </div>
+
+    <div style="display: none;">{addToast(new Toast("Click on a skill to open a prompt", ToastType.Info, true, 4000))}</div>
+    <div style="display: none;">{addToast(new Toast("Welcome!", ToastType.Success, true, 3000))}</div>
 {:catch}
     <div class="card">
         <div class="card-header">
@@ -172,6 +175,8 @@
     <div style="display: none;">{addToast(new Toast("Unable to load me.json", ToastType.Error, true, 3000))}</div>
 {/await}
 
+
+<!--Modal to be displayed on click-->
 {#if activeModal != null}
     <Modal bind:showModal>
         <h2 slot="header" class="card-header">
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
new file mode 100644
index 0000000..df27c92
--- /dev/null
+++ b/src/routes/contact/+page.svelte
@@ -0,0 +1 @@
+<h1>Contact</h1>
\ No newline at end of file
diff --git a/src/routes/repos/+page.svelte b/src/routes/repos/+page.svelte
new file mode 100644
index 0000000..4877c96
--- /dev/null
+++ b/src/routes/repos/+page.svelte
@@ -0,0 +1,3 @@
+<h1>Repos</h1>
+<p>Stay tunded! This is still in development.</p>
+<p>Come back later to find out what projects I'm currently working on!</p>
\ No newline at end of file
diff --git a/static/json/me.json b/static/json/me.json
index 091a952..fc7db85 100644
--- a/static/json/me.json
+++ b/static/json/me.json
@@ -20,6 +20,12 @@
       "logo": "devicon-git-plain",
       "link": "https://git-scm.com",
       "about": "Git, a fundamental tool in version control, streamlines collaboration and code management. Its simplicity and robustness empower developers to track changes, collaborate seamlessly, and maintain code efficiently. With Git, managing and tracking code changes becomes a breeze, making it an essential tool for software development."
+    },
+    {
+      "skill": "C++",
+      "logo": "devicon-cplusplus-plain",
+      "link": "https://cplusplus.com/",
+      "about": "C++, a versatile and powerful programming language, has stood the test of time as a cornerstone of software development. Its combination of high-level abstractions and low-level control allows developers to tackle a wide range of projects efficiently. With a rich standard library and a massive ecosystem of libraries and frameworks; C++ empowers programmers to create efficient and scalable software solutions."
     }
   ],
   "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>."