diff --git a/src/app.html b/src/app.html index 148f9c7..2d8fbbd 100644 --- a/src/app.html +++ b/src/app.html @@ -3,6 +3,7 @@ + %sveltekit.head% @@ -29,6 +30,23 @@ margin: 2rem; } + + *::-webkit-scrollbar, + *::-webkit-scrollbar-thumb { + width: 26px; + border-radius: 13px; + background-clip: padding-box; + border: 10px solid transparent; + color: var(--fg); + } + *::-webkit-scrollbar-thumb:hover{ + color: var(--green); + } + + *::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 0 10px; + } + @media (max-width: 800px) { .not-required { display: none; diff --git a/src/main.svelte b/src/main.svelte index d8986a8..4063819 100644 --- a/src/main.svelte +++ b/src/main.svelte @@ -5,7 +5,7 @@ {#await getJson('/json/me.json')} @@ -61,7 +111,7 @@ {:then info} -
+

{info.name}

{info.job_title}

@@ -72,6 +122,27 @@

{@html info.about}

+ +
+ +
{:catch}
diff --git a/static/json/me.json b/static/json/me.json index faa5394..b3bdaba 100644 --- a/static/json/me.json +++ b/static/json/me.json @@ -5,18 +5,21 @@ "skills" : [ { "skill": "Rust", - "logo": "test", + "logo": "devicon-rust-plain", + "about": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate", "mastery": 100 }, { - "skill": "C++", - "logo": "test", - "mastery": 40 + "skill": "Svelte", + "logo": "devicon-svelte-plain", + "about": "Lorem ipsum dolor sit alore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate", + "mastery": 100 }, { - "skill": "Linux", - "logo": "test", - "mastery": 10 + "skill": "Git", + "logo": "devicon-git-plain", + "about": "Lorem ipsum doerit in voluptate", + "mastery": 100 } ], "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."