Merge pull request 'development' (#44) from development into main
All checks were successful
Build and Push Latest Docker Image / build-and-push (push) Successful in 27s
Reviewed-on: #44
@ -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`.
|
||||
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 152 KiB After Width: | Height: | Size: 181 KiB |
Before Width: | Height: | Size: 166 KiB After Width: | Height: | Size: 178 KiB |
Before Width: | Height: | Size: 166 KiB |
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 298 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 85 KiB |
@ -13,7 +13,7 @@
|
||||
{#each timelineData as entry, i}
|
||||
<div class="relative border-l border-gray-700 pl-8 pb-12">
|
||||
{#if i == 0}
|
||||
<div class="absolute top-0 left-[8px] text-green-400 w-4 h-4">♦</div>
|
||||
<div class="absolute top-0 left-[8px] text-green-400 w-4 h-4">♦</div>
|
||||
{:else}
|
||||
<div class="absolute top-0 left-[8px] text-green-400 w-4 h-4">⋄</div>
|
||||
{/if}
|
||||
|
0
src/lib/types.d.ts
vendored
@ -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>
|
||||
|