[READ-ONLY] Mirror of https://github.com/flo-bit/flo-bit.github.io. my personal website, w/ astro, svelte, tailwind, typescript, threlte
flo-bit.dev/
portfolio
portfolio-website
svelte
sveltekit
tailwind
threejs
threlte
typescript
add project
+17
-4
+17
-4
src/lib/components/Projects.svelte
+17
-4
src/lib/components/Projects.svelte
···
7
7
link?: { href: string; label: string };
8
8
logo?: string;
9
9
}[] = [
10
+
10
11
{
11
12
name: 'Hyperlumen',
12
13
description:
···
17
18
name: 'Text Effect Fluid',
18
19
description: "Text effect that looks like it's made of fluid.",
19
20
link: { href: 'https://github.com/flo-bit/text_effect_fluid', label: 'github.com' }
21
+
},
22
+
{
23
+
name: 'Image2Fake3D',
24
+
description: "Turns an image into a fake 3D image that you can rotate with your mouse or gyro.",
25
+
link: { href: 'https://github.com/flo-bit/image2fake3d', label: 'github.com' }
20
26
},
21
27
{
22
28
name: 'Ball Game',
···
30
36
'Generating a simple but slick documentation website from a folder of markdown files.',
31
37
link: { href: 'https://github.com/flo-bit/svleek', label: 'github.com' }
32
38
},
33
-
{
39
+
/*{
34
40
name: 'Mandala Drawer',
35
41
description: 'Drawing mandalas in the browser with a simple interface.',
36
42
link: { href: 'https://github.com/flo-bit/mandala', label: 'github.com' }
37
-
},
43
+
},*/
38
44
{
39
45
name: 'Old Coding Projects',
40
46
description: "Some of my old coding projects. Please don't look at the code.",
···
54
60
import mandala from '$lib/images/projects/mandala.png?w=1024&format=webp';
55
61
//@ts-ignore
56
62
import fluideffect from '$lib/images/projects/text-effect-fluid.png?w=1024&format=webp';
63
+
//@ts-ignore
64
+
import image2fake3d from '$lib/images/projects/image2fake3d.png?w=1024&format=webp';
57
65
58
66
let images: {
59
67
src: string;
···
71
79
href: 'https://flo-bit.github.io/text_effect_fluid/'
72
80
},
73
81
{
82
+
src: image2fake3d,
83
+
alt: 'Image2Fake3D',
84
+
href: 'https://flo-bit.github.io/image2fake3d/'
85
+
},
86
+
{
74
87
src: ballgame,
75
88
alt: 'Ball Game',
76
89
href: 'https://flo-bit.github.io/ball-game/'
···
80
93
alt: 'Svleek',
81
94
href: 'https://flo-bit.github.io/svleek/'
82
95
},
83
-
{
96
+
/*{
84
97
src: mandala,
85
98
alt: 'Mandala',
86
99
href: 'https://flo-bit.github.io/mandala/'
87
-
},
100
+
},*/
88
101
{
89
102
src: oldprojects,
90
103
alt: 'Old Projects',
src/lib/images/projects/image2fake3d.png
src/lib/images/projects/image2fake3d.png
This is a binary file and will not be displayed.