Skip to content

Commit 56896e3

Browse files
jumpyjackojumpyjacko
committed
add: projects section
1 parent 38dadd2 commit 56896e3

2 files changed

Lines changed: 114 additions & 1 deletion

File tree

‎src/App.svelte‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
import Clock from "./lib/components/Clock.svelte";
44
import SocialsRow from "./lib/components/SocialsRow.svelte";
55
6+
import Projects from "./lib/sections/Projects.svelte";
7+
68
import { onMount } from "svelte";
79
810
let scrollIndicator: SVGElement;
@@ -28,7 +30,11 @@
2830
<div class="h-8"></div>
2931
<SocialsRow />
3032

31-
<p class="mt-100 mb-10">theres no content here yet...</p>
33+
<div class="mt-100"></div>
34+
35+
<Projects />
36+
37+
<div class="mb-10"></div>
3238
</main>
3339
<footer class="hidden md:flex flex-row justify-end fixed bottom-0 right-0 p-1 z-1">
3440
<a

‎src/lib/sections/Projects.svelte‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<script lang="ts">
2+
function goToLink(link: string) {
3+
window.open(link, "_blank");
4+
}
5+
</script>
6+
7+
<h1 class="text-xl font-bold">stuff I have made</h1>
8+
9+
<h1 class="text-lg font-semibold">the real projects</h1>
10+
<div class="grid grid-cols-2 gap-8 text-wrap w-3/4">
11+
<div>
12+
<iframe src="/" title="this website" class="h-full w-full"> </iframe>
13+
this website
14+
</div>
15+
<button
16+
onclick={() =>
17+
goToLink("https://github.com/jumpyjacko/audio_converter")}
18+
>
19+
<img
20+
src="https://raw.githubusercontent.com/jumpyjacko/audio_converter/main/.github/gallery-1.png"
21+
alt="Batch audio file converter GUI application"
22+
/>
23+
GUI audio file converter
24+
</button>
25+
<button onclick={() => goToLink("https://github.com/jumpyjacko/bakayomi")}>
26+
<img
27+
src="https://github.com/jumpyjacko/bakayomi/blob/main/screenshots/home_wide.jpg?raw=true"
28+
alt="Browser-based manga/comics reader with OCR (very not-done)"
29+
/>
30+
<img
31+
src="https://github.com/jumpyjacko/bakayomi/raw/main/screenshots/series_wide.jpg"
32+
alt="Series view for a browser-based manga reader"
33+
/>
34+
manga reader with ocr
35+
</button>
36+
</div>
37+
38+
<h1 class="text-lg font-semibold">the random projects</h1>
39+
40+
<div class="grid grid-cols-2 gap-8 text-wrap w-3/4">
41+
<button onclick={() => goToLink("https://github.com/jumpyjacko/wireframe-cli")}>
42+
<img
43+
src="https://github.com/jumpyjacko/wireframe-cli/raw/main/images/wireframe-cli-cube.gif"
44+
alt="Terminal 3D wireframe renderer"
45+
/>
46+
terminal wireframe renderer
47+
</button>
48+
<button onclick={() => goToLink("https://github.com/jumpyjacko/terminal_renderer")}>
49+
<img
50+
src="https://github.com/jumpyjacko/terminal_renderer/raw/main/gallery/suzanne.gif"
51+
alt="Terminal 3D renderer for OBJ files"
52+
/>
53+
terminal .obj renderer (with lighting!)
54+
</button>
55+
<button onclick={() => goToLink("https://github.com/jumpyjacko/slashg")}>
56+
<div class="flex flex-row">
57+
<img
58+
src="https://private-user-images.githubusercontent.com/48436180/533053967-da5b83b7-5cfd-462f-acbb-6c777ab8879e.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Njc4MjIxMTgsIm5iZiI6MTc2NzgyMTgxOCwicGF0aCI6Ii80ODQzNjE4MC81MzMwNTM5NjctZGE1YjgzYjctNWNmZC00NjJmLWFjYmItNmM3NzdhYjg4NzllLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAxMDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMTA3VDIxMzY1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg2YTVkZmEyYTBkZmI1MjA1NmZhODI5MGQ2NTBkYzgwNzAwMjhiN2QwYjIzYWU5OWRkYzIxMzg1OThmYzk1M2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.9MYhXn2msfa-Wwb9dHlAYiSRB-Qq9TrJd17o39q38kU"
59+
alt="Native android app that calculates things per 100g"
60+
class="w-1/2"
61+
/>
62+
<img
63+
src="https://private-user-images.githubusercontent.com/48436180/533053984-d2e07573-ba72-430c-b0f3-8f6a8ebe3469.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Njc4MjIxMTgsIm5iZiI6MTc2NzgyMTgxOCwicGF0aCI6Ii80ODQzNjE4MC81MzMwNTM5ODQtZDJlMDc1NzMtYmE3Mi00MzBjLWIwZjMtOGY2YThlYmUzNDY5LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAxMDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMTA3VDIxMzY1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVjMjZiMzdkN2U3MWNkYjM4NTllZDc4NTg1YmNmODg5ZDMxMWU1NjU5YzZkZDA3YmYyOTcxYmM0Zjk0NjUxOWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.y2J0QR90e9kPr0m9Mx1fjivZHsgh3o7EGzqTpgZIC_Q"
64+
alt="Native android app that calculates things per 100g"
65+
class="w-1/2"
66+
/>
67+
</div>
68+
native android app that calculates things per 100g
69+
</button>
70+
<button onclick={() => goToLink("https://github.com/jumpyjacko/fractl")}>
71+
<img
72+
src="https://github.com/jumpyjacko/fractl/raw/main/images/default.png"
73+
alt="Julia set fractal"
74+
/>
75+
<img
76+
src="https://github.com/jumpyjacko/fractl/raw/main/images/seahorse_valley.png"
77+
alt="Fractal zoom of the seahorse valley on the Mandlebrot fractal"
78+
/>
79+
cpu fractal renderer
80+
</button>
81+
<button onclick={() => goToLink("https://github.com/jumpyjacko/lorenz_attractor")}>
82+
<img
83+
src="https://raw.githubusercontent.com/jumpyjacko/lorenz_attractor/main/example.gif"
84+
alt="Lorenz attractor rendered using braille for better resolution"
85+
/>
86+
terminal lorenz attractor simulation
87+
</button>
88+
<button onclick={() => goToLink("https://github.com/jumpyjacko/maze_game")}>
89+
<img
90+
src="https://github.com/jumpyjacko/maze_game/raw/main/images/maze_example.gif?raw=true"
91+
alt="Terminal-based maze game with pathfinding algorithms"
92+
/>
93+
terminal maze game, with path finder algorithms
94+
</button>
95+
</div>
96+
97+
<style>
98+
button,
99+
div {
100+
font-size: 14px;
101+
text-align: center;
102+
}
103+
104+
button {
105+
cursor: pointer;
106+
}
107+
</style>

0 commit comments

Comments
 (0)