add projects

README.md

@@ -1,38 +1,13 @@
-# sv
+# Website
-
-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npx sv create
-
-# create a new project in my-app
-npx sv create my-app
-```
 
 ## Developing
 
-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
+pnpm dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
 ```
 
 ## Building
 
-To create a production version of your app:
-
 ```bash
-npm run build
+pnpm build
 ```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

src/lib/components/ProjectCard.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <div class="bg-srcery-black-800 border-srcery-black-800 flex flex-row gap-2 border-2 border-solid">
-	<div class="bg-srcery-black-500 flex flex-col justify-center p-4 text-2xl">
+	<div class="bg-srcery-black-500 flex w-72 flex-col justify-center p-4 text-2xl">
 		{info.title}
 	</div>
 	<div class="flex flex-grow flex-col gap-2 p-4">
@@ -18,6 +18,7 @@
 				href={info.sourceCodeURL}
 				class="hover:text-srcery-blue-500 duration-200"
 				aria-label="Source code"
+				target="_blank"
 			>
 				<i class="fa-brands fa-git-alt"></i>
 			</a>

src/lib/index.ts

@@ -1,5 +1,4 @@
 export interface ProjectInfo {
-	id: string
 	title: string
 	sourceCodeURL: string
 	createdAt: string
@@ -8,14 +7,124 @@ export interface ProjectInfo {
 
 export const email = "rokas.puz@gmail.com"
 
-const gameOfLifeInfo: ProjectInfo = {
+export const projects: ProjectInfo[] = [
-	id: "game-of-life",
+	{
-	title: "\"Game Of Life\"",
+		title: "\"Game Of Life\"",
-	sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/rust-game-of-life",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/rust-game-of-life",
-	createdAt: "2022/06/03",
+		createdAt: "2022/06/03",
-	shortDescription: "John Conway's game of life parašytas rust programavimo kalboje"
+		shortDescription: "John Conway's game of life parašytas rust programavimo kalboje"
-}
+	},
-
+	{
-export const projects = [
+		title: "8086",
-	gameOfLifeInfo,
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/8086",
+		createdAt: "2023/06/12",
+		shortDescription: "CPU instrukcijų dekodavimas ir simuliavimas naudojant C"
+	},
+	{
+		title: "Rust WASM Snake",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/rust-wasm-snake",
+		createdAt: "2022/06/03",
+		shortDescription: ""
+	},
+	{
+		title: "Advent of Code 2020",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/aoc-2020",
+		createdAt: "2020/12/25",
+		shortDescription: ""
+	},
+	{
+		title: "Advent of Code 2021",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/aoc-2021",
+		createdAt: "2021/12/25",
+		shortDescription: ""
+	},
+	{
+		title: "Advent of Code 2022",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/aoc-2022",
+		createdAt: "2022/12/25",
+		shortDescription: ""
+	},
+	{
+		title: "Advent of Code 2023",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/aoc-2023",
+		createdAt: "2023/12/25",
+		shortDescription: ""
+	},
+	{
+		title: "ls-todos",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/ls-todos",
+		createdAt: "2022/08/05",
+		shortDescription: ""
+	},
+	{
+		title: "ls-repos",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/ls-todos",
+		createdAt: "2022/08/05",
+		shortDescription: ""
+	},
+	{
+		title: "KTU Timetable",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/ktu-timetable",
+		createdAt: "2023/02/05",
+		shortDescription: ""
+	},
+	{
+		title: "Sudoku solver",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/sudoku-solver",
+		createdAt: "2019/12/29",
+		shortDescription: ""
+	},
+	{
+		title: "Boids playground",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/boids-playground",
+		createdAt: "2023/08/15",
+		shortDescription: ""
+	},
+	{
+		title: "Raylib example indexer",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/raylib-example-indexer",
+		createdAt: "2023/08/26",
+		shortDescription: ""
+	},
+	{
+		title: "CHIP-8 Zig",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/chip8-zig",
+		createdAt: "2023/09/02",
+		shortDescription: ""
+	},
+	{
+		title: "Nature of Code",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/nature-of-code",
+		createdAt: "2024/02/10",
+		shortDescription: ""
+	},
+	{
+		title: "Brainfuck",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/brainfuck",
+		createdAt: "2024/09/14",
+		shortDescription: ""
+	},
+	{
+		title: "Seam carving",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/seam-carving",
+		createdAt: "2024/07/14",
+		shortDescription: ""
+	},
+	{
+		title: "Raytracing in One Weekend",
+		sourceCodeURL: "https://git.rpuzonas.com/rpuzonas/raytracing-in-a-weekend",
+		createdAt: "2022/03/13",
+		shortDescription: ""
+	},
 ]
+
+projects.sort((a, b) => {
+	if (a.createdAt < b.createdAt) {
+		return 1
+	} else if (a.createdAt > b.createdAt) {
+		return -1
+	} else {
+		return 0
+	}
+})
+

src/routes/+layout.svelte

@@ -30,25 +30,25 @@
 	<footer class="bg-srcery-gray-600 w-full px-6 py-3">
 		<div class="flex flex-col justify-center md:flex-row md:gap-8">
 			<span>
-				<a href="mailto:{email}">
+				<a href="mailto:{email}" target="_blank">
 					<i class="fa-regular fa-envelope"></i>
 					<span class="text-srcery-blue-500 underline underline-offset-2">{email}</span>
 				</a>
 			</span>
 			<span>
-				<a href="https://git.rpuzonas.com/rpuzonas/">
+				<a href="https://git.rpuzonas.com/rpuzonas/" target="_blank">
 					<i class="fa-brands fa-square-git"></i>
-					<span class="text-srcery-blue-500 underline underline-offset-2"
+					<span class="text-srcery-blue-500 underline underline-offset-2">
-						>@RokasPuzonas</span
+						@rpuzonas
-					>
+					</span>
 				</a>
 			</span>
 			<span>
-				<a href="https://www.linkedin.com/in/rokas-puzonas-a60842243/">
+				<a href="https://www.linkedin.com/in/rokas-puzonas-a60842243/" target="_blank">
 					<i class="fa-brands fa-linkedin"></i>
-					<span class="text-srcery-blue-500 underline underline-offset-2"
+					<span class="text-srcery-blue-500 underline underline-offset-2">
-						>Rokas Puzonas</span
+						Rokas Puzonas
-					>
+					</span>
 				</a>
 			</span>
 		</div>

vite.config.ts

@@ -4,5 +4,10 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [tailwindcss(), sveltekit(), devtoolsJson()]
+	plugins: [tailwindcss(), sveltekit(), devtoolsJson()],
+	resolve: {
+		alias: {
+			$lib: '/src/lib',
+		}
+	}
 });