[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
0

Configure Feed

Select the types of activity you want to include in your feed.

actual ocean fix

Florian (Jun 17, 2024, 11:50 PM +0200) fa867793 e6913f66

+9 -8
-5
src/routes/+page.svelte
··· 44 44 }} 45 45 /> 46 46 47 - <img 48 - class="fixed left-0 right-0 top-0 h-screen -z-50 object-cover blur-md" 49 - src={fallback} 50 - alt="background" 51 - /> 52 47 <div class="fixed left-0 right-0 top-0 h-screen"> 53 48 <Canvas> 54 49 <Scene pos={percentageScroll} />
+1 -1
src/lib/3D/PlanetModel.svelte
··· 43 43 <T.Mesh 44 44 geometry={gltf.nodes.mesh_1.geometry} 45 45 material={gltf.nodes.mesh_1.material} 46 - material.transparent={false} 46 + material.transparent={true} 47 47 material.flatShading={true} 48 48 /> 49 49 </T.Mesh>
+1 -1
src/lib/components/Photos.svelte
··· 12 12 index % rotations.length 13 13 ]}" 14 14 > 15 - <img src={image.src} alt={image.alt} class="absolute inset-0 h-full w-full object-cover" loading="lazy"/> 15 + <img src={image.src} alt={image.alt} class="absolute inset-0 h-full w-full object-cover rounded-xl" loading="lazy"/> 16 16 {#if image.href} 17 17 <a href={image.href} target="_blank"> 18 18 <div class="sr-only">{image.alt}</div>
+7 -1
src/lib/components/Posts.svelte
··· 8 8 9 9 const articles: Article[] = [ 10 10 { 11 + title: 'publishing an ai generated music album', 12 + description: 'in one week, without any music creation expertise', 13 + date: '2024-02-13', 14 + href: 'https://flobit.substack.com/p/publishing-an-ai-generated-music' 15 + }, 16 + { 11 17 title: 'how to become a great programmer (or anything else)', 12 18 description: 'in one easy step', 13 19 date: '2024-02-08', 14 - href: 'https://flobit.substack.com/p/how-i-recreated-this-awesome-text' 20 + href: 'https://flobit.substack.com/p/how-to-become-a-great-programmer' 15 21 }, 16 22 { 17 23 title: 'how i recreated this awesome text fluid effect',