FEAT: Added icons back into the skills section
All checks were successful
Build and Push Development Docker Image / build-and-push (push) Successful in 1m19s

This commit is contained in:
Luke Else 2025-05-27 22:00:53 +01:00
parent 280c8e15ad
commit 9028175ae4
Signed by: luke-else
GPG Key ID: B44FAF5CD3964A56
10 changed files with 6 additions and 1 deletions

View File

@ -5,7 +5,7 @@ This site contains information relating to my personal situation, however, you a
## Screenshots
<p align="center">
<img src="assets/images/main_page.png" width="40%">
<img src="assets/images/main.png" width="40%">
<img src="assets/images/light_mode.png" width="40%">
</p>
@ -25,17 +25,20 @@ Get starting but installing all of the dependencies of the project.
```bash
npm install
```
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
```
```bash
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
@ -45,6 +48,7 @@ To create a production version of the app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 92 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 152 KiB

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 166 KiB

After

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 298 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 85 KiB

0
src/lib/types.d.ts vendored
View File

View File

@ -47,6 +47,7 @@
{#each info.skills as skill}
<Card containerStyle="opacity-100 hover:opacity-100 hover:scale-[105%] md:opacity-70 transition-all duration-300">
<h2 slot="headerLeft">{skill.name}</h2>
<i slot="headerRight" class="text-slate-300 text-5xl {skill.logo}"></i>
<div slot="content">
<Collapsible>
<span slot="label" class="text-lg">About {skill.name}</span>