-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ Name
+
-
-
-
+
+ Subject
+
+
+
+ Message
+
+
+
+
+
+ Send Message
+
+
-
-
diff --git a/src/routes/repos/+page.svelte b/src/routes/repos/+page.svelte
index 10b9d09..9595167 100644
--- a/src/routes/repos/+page.svelte
+++ b/src/routes/repos/+page.svelte
@@ -1,64 +1,46 @@
-
My Projects
-
This here is a list of my most recently worked on projects. Note this does not show any private repositories. For more in depth information Click Here .
-
-
- {#if $repos.length > 0}
-
{addToast(new Toast("See a snapshot of my latest work.", ToastType.Info, true, 8_000))}
-
- {#each $repos as repo}
- {#await checkImage(repo)}
-
- {:then hasImage}
- {#if hasImage}
-
-
-
{repo.name}
- {repo.language}
-
-
-
{@html repo.description}
-
-
-
- {:else}
-
-
-
{repo.name}
- {repo.language}
-
-
-
{@html repo.description}
-
- {/if}
- {/await}
- {/each}
-
- {:else}
-
- {/if}
-
+
+ {#each $repos as repo}
+
+
+ {repo.description}
+
+ {#if repoImages[repo.name]}
+
+
+ {/each}
+
diff --git a/src/skills.svelte b/src/skills.svelte
deleted file mode 100644
index 554ed40..0000000
--- a/src/skills.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
-{#each skills as skill}
-
{showModal = true; activeModal = skill}}>
-
-
{skill.skill}
-
-{/each}
-
-
-{#if activeModal != null}
-
-
-
-
- {activeModal.about}
-
-
-
-
-{/if}
-
-
\ No newline at end of file
diff --git a/src/timeline.svelte b/src/timeline.svelte
deleted file mode 100644
index 55c0bf8..0000000
--- a/src/timeline.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-
-
-
- {#each timelineData as item}
-
-
- {item.duration}
-
-
-
- {#if item.duration.includes('Present') || !item.duration.includes('-')}
-
-
- {:else}
-
-
- {item.title}
- {@html item.description}
-
-
- {/each}
-
-
-
\ No newline at end of file
diff --git a/static/json/me.json b/static/json/me.json
index df11f9d..824f0e5 100644
--- a/static/json/me.json
+++ b/static/json/me.json
@@ -1,42 +1,48 @@
{
"name": "Luke Else",
"job_title": "Software Engineer",
+ "location": "Crawley, Sussex
UK",
"profile_photo": "/profile.jpg",
"skills": [
{
- "skill": "Rust",
+ "name": "Rust",
"logo": "devicon-rust-plain",
"link": "https://rust-lang.org",
"usage": "Rust is a memory-safe language with zero-cost abstractions, making it ideal for embedded systems. I used Rust to build a
GPS-based speedometer for my car and a
Subnet Calculator for university studies.",
- "about": "Rust combines safety, efficiency, and clean code, making it a powerful choice for reliable software development."
+ "about": "Rust combines safety, efficiency, and clean code, making it a powerful choice for reliable software development.",
+ "competency": 70
},
{
- "skill": "C++",
+ "name": "C++",
"logo": "devicon-cplusplus-plain",
"link": "https://cplusplus.com/",
"usage": "Since joining Thales in 2022, I’ve worked on a distributed simulation system using C++, primarily with
Qt and
ImGui to develop customer-facing applications.",
- "about": "C++ offers high-level abstractions with low-level control, making it essential for performance-critical applications."
+ "about": "C++ offers high-level abstractions with low-level control, making it essential for performance-critical applications.",
+ "competency": 80
},
{
- "skill": "Git",
+ "name": "Git",
"logo": "devicon-git-plain",
"link": "https://git-scm.com",
"usage": "I have extensive experience with Git, including advanced features like
branching, merging and hooks . I've also set up self-hosted
Git services with CI/CD automation.",
- "about": "Git is an essential tool for version control, enabling efficient collaboration and streamlined code management."
+ "about": "Git is an essential tool for version control, enabling efficient collaboration and streamlined code management.",
+ "competency": 80
},
{
- "skill": "Docker",
+ "name": "Docker",
"logo": "devicon-docker-plain",
"link": "https://docker.com",
"usage": "I use Docker and Docker Compose for containerized deployments, including hosting
home-lab services such as this
website and remote Git repositories.",
- "about": "Docker simplifies deployment by packaging applications in lightweight containers, ensuring consistency across environments."
+ "about": "Docker simplifies deployment by packaging applications in lightweight containers, ensuring consistency across environments.",
+ "competency": 100
},
{
- "skill": "Svelte",
+ "name": "Svelte",
"logo": "devicon-svelte-plain",
"link": "https://svelte.dev",
"usage": "I built
this website using Svelte and plan to explore
Tauri for building desktop apps.",
- "about": "Svelte compiles to optimized JavaScript, offering a fast, efficient, and maintainable front-end development experience."
+ "about": "Svelte compiles to optimized JavaScript, offering a fast, efficient, and maintainable front-end development experience.",
+ "competency": 40
}
],
"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
Rust-Lang .",
diff --git a/static/themes/cool-modern.css b/static/themes/cool-modern.css
deleted file mode 100644
index 950f365..0000000
--- a/static/themes/cool-modern.css
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
- --bg: #f2f6f7; /* Soft blue-tinted white */
- --bg-secondary: #d7e1e4; /* Cool grey-blue */
- --accent: #92a9b0; /* Subtle blue-green */
-
- --header: #5d7075; /* Deep slate blue-green */
- --fg: #3c4649; /* Rich dark grey */
-
- --input: #e0e6e8; /* Light desaturated blue-grey */
-
- --link: #678d97; /* Muted sea blue */
- --glow: #b2c4c8; /* Gentle cool glow */
- --hover: #8fa7af; /* Soft grey-blue hover */
-
- --green: #78a890; /* Balanced green */
- --red: #e08c96; /* Soft dusty red */
- --blue: #729da5; /* Medium desaturated blue */
-}
\ No newline at end of file
diff --git a/static/themes/dark.css b/static/themes/dark.css
deleted file mode 100644
index 117569c..0000000
--- a/static/themes/dark.css
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
- --bg: #282c34;
- --bg-secondary: #3e434b;
- --accent: #59616d;
-
- --header: #E06C75;
- --fg: #9eaac0;
-
- --input: #2b3136;
-
- --link: #98C379;
- --glow: #C678DD;
- --hover: #56B6C2;
-
- --green: #98C379;
- --red: #E06C75;
- --blue: #79aec3;
-}
\ No newline at end of file
diff --git a/static/themes/frosted-blue.css b/static/themes/frosted-blue.css
deleted file mode 100644
index cb6ba16..0000000
--- a/static/themes/frosted-blue.css
+++ /dev/null
@@ -1,17 +0,0 @@
-:root {
- --bg: #1e1f2a;
- --bg-secondary: #3a3f4b;
- --accent: #777f8d;
-
- --header: #cad1da;
- --fg: #e4e1db;
-
- --input: #2e3438;
-
- --link: #95add8;
- --glow: #bcc3ca;
- --hover: #cdd8e2;
-
- --green: #98C379;
- --red: #E06C75;
-}
\ No newline at end of file
diff --git a/static/themes/jet-brains-dracula.css b/static/themes/jet-brains-dracula.css
deleted file mode 100644
index e32d258..0000000
--- a/static/themes/jet-brains-dracula.css
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
- --bg: #2b2b2b; /* Dark but not too harsh */
- --bg-secondary: #3c3f41; /* Deep warm grey */
- --accent: #6897bb; /* Muted but clear blue */
-
- --header: #a9b7c6; /* Softer contrast */
- --fg: #bbbbbb; /* Light but not pure white */
-
- --input: #414141; /* Dark grey input */
-
- --link: #519aba; /* Soft coding blue */
- --glow: #4e5d68; /* Subtle bluish glow */
- --hover: #8c9da8; /* Brighter on hover */
-
- --green: #6a8759; /* Classic Darcula green */
- --red: #cc6666; /* Softer, warm red */
- --blue: #6897bb; /* Standard coding blue */
-}
\ No newline at end of file
diff --git a/static/themes/light.css b/static/themes/light.css
deleted file mode 100644
index ad988cc..0000000
--- a/static/themes/light.css
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
- --bg: #f5f5f5; /* Slightly deeper light grey for subtle contrast */
- --bg-secondary: #d9dddf; /* More defined soft grey */
- --accent: #8ea29b; /* Stronger muted sage green */
-
- --header: #4a5a56; /* Darker desaturated green-grey for better contrast */
- --fg: #2f3739; /* Richer dark grey for improved readability */
-
- --input: #e4e7e8; /* Slightly deeper soft grey input background */
-
- --link: #5f8480; /* Darker muted teal for contrast */
- --glow: #b0bdb9; /* More noticeable but soft glow */
- --hover: #85a29c; /* Stronger pastel hover effect */
-
- --green: #6fa984; /* More vibrant pastel green */
- --red: #e8858f; /* Slightly deeper pastel red for contrast */
- --blue: #6fa9a4; /* Same as accent */
-}
diff --git a/static/themes/monokai-dark.css b/static/themes/monokai-dark.css
deleted file mode 100644
index c39c63e..0000000
--- a/static/themes/monokai-dark.css
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
- --bg: #272822; /* Classic Monokai dark */
- --bg-secondary: #3e3d32; /* Darker olive grey */
- --accent: #f92672; /* Monokai’s signature pink-red */
-
- --header: #a6e22e; /* Neon green */
- --fg: #f8f8f2; /* Soft off-white */
-
- --input: #373831; /* Slightly lighter grey-green */
-
- --link: #66d9ef; /* Monokai cyan */
- --glow: #49483e; /* Muted background glow */
- --hover: #fd7c95; /* Lighter pink hover */
-
- --green: #a6e22e; /* Bright Monokai green */
- --red: #f92672; /* Soft pinkish-red */
- --blue: #66d9ef; /* Bright cyan */
-}
\ No newline at end of file
diff --git a/static/themes/vscode-dark.css b/static/themes/vscode-dark.css
deleted file mode 100644
index 9223bda..0000000
--- a/static/themes/vscode-dark.css
+++ /dev/null
@@ -1,18 +0,0 @@
-:root {
- --bg: #1e1e1e; /* Dark neutral background */
- --bg-secondary: #252526; /* Slightly lighter for separation */
- --accent: #569cd6; /* Signature VS Code blue */
-
- --header: #9cdcfe; /* Brighter cyan for contrast */
- --fg: #d4d4d4; /* Light grey for readability */
-
- --input: #333; /* Dark but still visible */
-
- --link: #4fc1ff; /* Brighter blue for hyperlinks */
- --glow: #2a3f5f; /* Soft deep blue glow */
- --hover: #7bb8e8; /* Brighter accent on hover */
-
- --green: #4ec9b0; /* Soft green */
- --red: #d16969; /* Coding red */
- --blue: #9cdcfe; /* Soft bright cyan */
-}
\ No newline at end of file
diff --git a/svelte.config.js b/svelte.config.js
index 23477d3..8f0f7a7 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,19 +1,10 @@
// import adapter from '@sveltejs/adapter-auto';
import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/kit/vite';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-/** @type {import('@sveltejs/kit').Config} */
const config = {
- // Consult https://kit.svelte.dev/docs/integrations#preprocessors
- // for more information about preprocessors
preprocess: vitePreprocess(),
-
- kit: {
- // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
- // If your environment is not supported or you settled on a specific environment, switch out the adapter.
- // See https://kit.svelte.dev/docs/adapters for more information about adapters.
- adapter: adapter()
- }
+ kit: { adapter: adapter() }
};
export default config;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..7814a0d
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,19 @@
+module.exports = {
+ theme: {
+ extend: {
+ colors: {
+ 'one-bg': '#282c34',
+ 'one-bg-light': '#3a3f4b',
+ 'one-fg': '#abb2bf',
+ 'one-accent': '#61afef',
+ 'one-green': '#98c379',
+ 'one-orange': '#d19a66',
+ 'one-red': '#e06c75',
+ 'one-yellow': '#e5c07b',
+ 'one-purple': '#c678dd',
+ 'one-cyan': '#56b6c2',
+ 'one-comment': '#5c6370',
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 6ae0c8c..82081ab 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,7 +8,8 @@
"resolveJsonModule": true,
"skipLibCheck": true,
"sourceMap": true,
- "strict": true
+ "strict": true,
+ "moduleResolution": "bundler"
}
// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
//
diff --git a/vite.config.ts b/vite.config.ts
index bbf8c7d..26a5bad 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,10 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
+import tailwindcss from '@tailwindcss/vite';
export default defineConfig({
- plugins: [sveltekit()]
+ plugins: [
+ tailwindcss(),
+ sveltekit(),
+ ]
});
-