Julian

@fettstorch.dev

953 Followers 729 Following

๐ŸŸฆTypescript; ๐Ÿ’šVue; ๐ŸŽฒDnD ๐ŸŽฎ Game Programming/Design ๐Ÿ‘พ ๐ŸฆŠMy dog Kleo 35 he/him https://www.programmier.bar/ Try out my browser extension mustardnotes.com :) it lets you annotate any web page and share those notes with your atproto/GitHub followers!

screenshot of a business goose post on top chicken showing them as top chicken. next to it yellow messages from another user saying: step 1: find goose post step 2: invest everything step 3: profit Next Message same user: step 4: ABORT! I take everything back. Don't ever listen to me again Next Message same user: step 5: ABORT THE ABORT!! I take everything un-back!
classic wolverine meme 2 panels. panel on top shows wolverine lying on a bed holding a framed picture - we can't yet see whats on the picture. panel two is a close up of the framed picture. the framed picture is jcalteregos bsky profile picture. wolverines hands caress the picture in melancholy
spongebob meme where squidward is looking out a window seeing spongebob and patrick having fun. text overlay on squidward: "me" text overlay on spongebob and patrick: "people having fun at dweb camp"
classic fffuuuuu meme with mu.social's fu feed's image on its head indicating the fu feed is crying "fffffuuuuuuuuu" angrily
the simpsons' meme "stop hes already dead" but instead of he the kid says "stop you're already dead". The bottom panel of the comic shows crusty the clown beating on a robber however above both crustie's and the robber's heads is the bluesky logo
screenshot of a bluesky post containing intentional AI misinformation and a community generated note, created via https://mustardnotes.com calling this out.
image of a circular white stork - it doesn't even have a neck. it stands on two long shaky legs and looks annoyed. a thick monobrow sits right on its eyes and a big sweat droplet runs down its temples
Welsh Pembroke Corgi laying in the grass in front of some spring flowers. It looks in the camera with its tongue wide out looking like itโ€™s smiling.
photo of a macbook on the floor. a corgi wearing glasses is lying infront of it with one paw on the trackpad. its looking at the camera.
screen recording of the clun's cannon game. played by a fettstorch, a circular storch figurine that walks towards the canon, mounts it and then is shot in the air. it flies not far tho.
screenshot showing a small part of the claude code console indicating that claude is currently working. the exact text is: "Fermenting... (2m s 110.7k tokens)".
the classic rick & morty's 'what is my purpose' meme comic featuring a little robot asking Rick 'what is my purpose'. Rick then answers 'you are my new formatter'. In the third panel the robot realizes its mundane existence and answers 'oh god'
screenshot of nuxt's page on npmx.dev. from the left a hand holding a laserpointer points at the screens top right where it projects a laserpointer onto the pages like button.
screenshot of a stream featuring streampets. some of them took the firm of a circular white storch looking annoyed.
screenshot of the model chooser in Zed editor for the opencode agent highlighting the opencode zen/nemotron 3 super model and stating that its free resulting in the line: "OpenCode Zen/Nemotron 3 Super Free"
interstellar movie poster showing the writing INTERSTELLAR next to an astronaut
screnshot of github.com where the user made a note using a chrome plugin called mustardnotes to sort of like create an on-site bookmark to the gitbhubstatus.com site. one can see the github logo, next to it 'Dashboard'. beneath that is the user's github profile picture and name (fettstorch). beneath that is the user's mustard colored mustard note featuring his bluesky profile picture the link https://www.githubstatus.com/ and 'ยฏ\_(ใƒ„)_/ยฏ'
screen recording of the mustardnotes.com webpage showing some information on how to use the mustard notes chrome extension. the user scrolls down passing some informational text until they find an animated gif of heman. They then copy that images link address and right click next to it. A context menu opens where the user selects 'Add Mustard'. A yellow empty note then opens. The user pastes the image url inside and it also becomes the animated gif. The user then publishes the note. A confirmation dialog opens informing the user that they should never publish sensitive data.
screen recording of a slides of a presentation featuring a block of code on the top right that just creates a Rive instance. On the bottom there is a head and two arms of a cartoonish blonde character looking upwards with a delighted expression. The characters head, eyes and hands always follow the mouse cursor which steers a volleyball.
screenshot of some terminal windows and splits of the ghostty terminal. on the top there is one ghostty window including three splits. On the bottom there are three separate windows set up in the same way as the split views on the top.
screenshot of the PDSls website listing 'fettstorch.com's account. It shows npmx.social as the did's pds
the infamour "you're tearing me apart lisa" scene from the movie "The Room" as a meme saying "You're tearing me apart chrome webstore submission review". The picture shows a man crying out loud with his fists thrown up. Next to him the side profile of a woman looking at him.
picture showing on the left: a 3d rotated version of an exemplary web page 'Awesome Page - managing some boxes'. It consists merely of a header, some control buttons +/- header, subheader and a section where there are some boxes in a layout. the view is slightly rotated and both the header and the boxes section are visibly detached from the page in order to emphasize that they are individual layers. on the right there is some explanatory text on the browser's render pipeline's 'Paint' step and its sub-steps: 'Layerize' and 'Rasterize'.
recording of a slide listing four reasons against animations. the slides title is 'Reaons against animations'. The four arguments are: 1. We don't need this! 2. I don't have the capabilities! 3. I have enough on my plate right now 4. This would hurt performance On the slides are also two cartoon figures depicting both the designer (to the left, shrinking and being more depressed with each further argument) and the dev (to the right, growing in size and more angry with each further argument)
a video recording showing a guy steering an animation on a screen behind him. The screen shows an animated avatar of the guy (cartoonish). Its gaze and its hands follow the mouse cursor. The cursor itself is a volleyball. The avatar looks like its playing volleyball.
screenshot of a download drop down on bandcamp ofering a variety of different file formats
Mathy screenshot showing the following text: Calculating a new Q produces just a single row as output. WQ hasn't changed from before. A matrix with 1 rows 3 columns, labelled "embeddings".embeddings 0.20 -0.10 0.70 ร— A matrix with 3 rows 3 columns, labelled "WQ".WQ -0.74 0.91 -0.21 -0.51 0.43 0.18 -0.56 -0.21 0.76 = A matrix with 1 rows 3 columns, labelled "Q(new)".Q(new) -0.49 -0.01 0.48 Then calculating a new K produces just a single row as output as well, and likewise WK is the same. A matrix with 1 rows 3 columns, labelled "embeddings".embeddings 0.20 -0.10 0.70 ร— A matrix with 3 rows 3 columns, labelled "WK".WK 0.13 -0.51 -0.63 -0.79 0.54 -0.04 0.33 -0.10 -0.87 = A matrix with 1 rows 3 columns, labelled "K(new)".K(new) 0.34 -0.23 -0.74 But then we take that new row and append it to the 4 cached K rows from the previous iteration: A matrix with 4 rows 3 columns, labelled "cached K".cached K -0.21 0.13 0.29 0.30 -0.68 -0.03 -0.39 0.36 -0.56 0.96 -0.74 -1.15 append A matrix with 1 rows 3 columns, labelled "K(new)".K(new) 0.34 -0.23 -0.74 = A matrix with 5 rows 3 columns, labelled "K".K -0.21 0.13 0.29 0.30 -0.68 -0.03 -0.39 0.36 -0.56 0.96 -0.74 -1.15 0.34 -0.23 -0.74 So now we have the K matrix for all of the tokens in the prompt, but we've only had to calculate the last row of it. We carry on in this fashion to get new scores: A matrix with 1 rows 3 columns, labelled "Q(new)".Q(new) -0.49 -0.01 0.48 ร— A matrix with 3 rows 5 columns, labelled "transpose(K)".transpose(K) -0.21 0.30 -0.39 0.96 0.34 0.13 -0.68 0.36 -0.74 -0.23 0.29 -0.03 -0.56 -1.15 -0.74 = A matrix with 1 rows 5 columns, labelled "scores(new)".scores(new) 0.24 -0.16 -0.08 -1.01 -0.52 And new weights: softmax( A matrix with 1 rows 5 columns, labelled "scores(new)".scores(new) 0.24 -0.16 -0.08 -1.01 -0.52 ) = A matrix with 1 rows 5 columns, labelled "weights(new)".weights(new) 0.32 0.21 0.23 0.09 0.15
screenshot of a game called memorhythm. it shows the the title Memorhythm big on top with the subheading "Test your memory and sense of rhythm". It also shows an input field for the player's name currently containing "fettstorch". Also a leaderboard shows recent scores of players
A screen capture of a few rounds of memorhythm, a simple web game where you get a sequence of colored circles on a board in a specific rhythm. you are then supposed to replicate both the positions of the circles and the given rhythm to the best of your ability. In the video the user seems to be ok with the rhythm but not too accurate on the positions resulting in e.g. 99% rhythm accuracy but only 44% position accuracy
A picture from the show the Simpsons showing sideshow bob revealing a chest tattoo spelling โ€žDIE BART, DIEโ€œ
A small Welsh corgi Pembroke puppy lying on the floor
two frame comic showing tom from parks and recreation. first frame: tom looking down on something saying "it's beautiful" second frame: toms looking at the camera saying "I've looked at this for five hours now"
screenshot of a 'muted words' setup in bluesky showing that the words putin and trump are being muted for the duration of 1 day
import { sleep } from './sleep' /** * * Allows to execute a function and retry it as you see fit. * The given action will get access to a 'retry' function that can be used to * 1. interrupt the current execution of the action * 2. re-execute the action * The action will also get the current try count. * * @example * ```ts * const result = retryable(({ retry, tryCount }) => { * const result = doSomething() * if (isNetworkError(result)) { * console.log(`try ${tryCount}`) * retry({ backoffMs: 250 }) * // unreachable code here ๐Ÿ‘๐Ÿป * } * }) * ``` * @param action the function to execute that might fail * @param action.tryCount the current try count * @param action.retry the function to initiate a retry * @param action.retry.backoffMs the backoff in milliseconds * @param action.retry.cause the cause of the retry * * @returns the result of the function */ export function retryable<T>( action: (context: { tryCount: number retry: (args: { backoffMs: number }) => never }) => T ): T { function retryDecoratedAction(tryCount: number): T { try { const result = action({ retry: ({ backoffMs }) => { throw new Retry(backoffMs) }, tryCount }) // case: result is a promise if (result instanceof Promise) { return result.catch((error) => { if (error instanceof Retry) { return sleep(error.backoffMs).then(() => retryDecoratedAction(tryCount + 1)) } return Promise.reject(error) }) as T } // case: not a promise return result } catch (error: unknown) { if (error instanceof Retry) { return retryDecoratedAction(tryCount + 1) } throw error } } return retryDecoratedAction(1) } //--- module private class Retry extends Error { constructor(readonly backoffMs: number) { super('retry') Object.setPrototypeOf(this, Retry.prototype) } }
its the meme of timmys dad pointing to an empty pedestal saying "this is where i'd put my trophy - IF I HAD ANY" only this picture replaces the text with "this is unreachable code - IF YOU DON'T ASK TYPESCRIPT"
screenshot of the following code not including an error message as this time the code following the never returning function will not be detected as unreachable: retryable(({ retry, tryCount }) => doSomethingAsync().catch((error) => { if (isNetworkError(error)) { retry({ backoffMs: tryCount * 250 }); console.log( "this is unreachable code - but typescript thinks it is reachable :(" ); } return Promise.reject(error); }) );
screenshot of the following code including an error message stating that the console log is unreachable code: function main() { throwError(); console.log("this is unreachable code"); } function throwError(): never { throw new Error("this is an error"); }
screenshot of the following code: function retry(args: { backoffMs: number }): never { throw new Retry(args.backoffMs); }
screenshot of the following code: function main() { retryable(({ retry, tryCount }) => doSomethingAsync().catch((error) => { if (isNetworkError(error)) { retry({ backoffMs: tryCount * 250 }); } return Promise.reject(error); }) ); }
video filming a laughing crowd. in the background we see three progress bars on a projected screen growing uncontrollably.
video showing first a projected screen with three live views of a coding challenge. code being developed and the first peaces of a german flag being assembled in the middle one of them
short guy in a black shirt talking in front of a crowd.
photo of three young men sitting in front of a tiny desk each with a laptop on top. they are facing a crowd of people. behind them a screen showing their projected screens with their coding results to the crowd.
picture of a long table in an old room with high windows/glass-doors. on the table there are red and black cups on either side arranges for beer pong. a few cups are already missing on each side. we see one team of two young men both in black shirts looking at a ball slipping right into one of their cups. thrilling.
screenshot from the programmier.bar webpage about the programmier.con conference showing three of the speakers rich harris (profile pic of him munchin a... burrito?) mirjam aulbach and nico martin.
terminal screenshot with the following text: tre . โ”œโ”€โ”€ public โ”‚ย ย  โ”œโ”€โ”€ favicon.ico โ”‚ย ย  โ”œโ”€โ”€ garrelt-body.png โ”‚ย ย  โ”œโ”€โ”€ garrelt-dancing.png โ”‚ย ย  โ”œโ”€โ”€ garrelt-guitar.png โ”‚ย ย  โ”œโ”€โ”€ garrelt-head.png โ”‚ย ย  โ”œโ”€โ”€ garrelt-normal.png โ”‚ย ย  โ”œโ”€โ”€ garrelt-rocking.png โ”‚ย ย  โ””โ”€โ”€ Garrelt.png โ”œโ”€โ”€ src โ”‚ย ย  โ”œโ”€โ”€ App.vue โ”‚ย ย  โ””โ”€โ”€ main.ts โ”œโ”€โ”€ env.d.ts โ”œโ”€โ”€ index.html โ”œโ”€โ”€ package-lock.json โ”œโ”€โ”€ package.json โ”œโ”€โ”€ README.md โ”œโ”€โ”€ tsconfig.app.json โ”œโ”€โ”€ tsconfig.json โ”œโ”€โ”€ tsconfig.node.json โ””โ”€โ”€ vite.config.ts 3 directories, 19 files
screenshot of a minimal dockerfile in order to introduce the bun runtime to the container. it shows this code: FROM oven/bun:1 WORKDIR /app COPY . . RUN bun install ARG PORT EXPOSE ${PORT:-3000} CMD ["bun", "server.ts"]
screenshot of the koyeb config. one can see 'service type', 'source' and 'Builder'. The builder part is expanded and reveals two options: 'Buildpack' (Uses buildpacks to detect your project's language, install dependencies, and package the environment into a runnable image) and 'Dockerfile' (If your repository contains a Dockerfile, Koyeb can use it to build a runnable container image for your project)
code snippet screenshot (to keep syntax highlighting) with this code: const server = Bun.serve({ fetch(req, server) { if (server.upgrade(req)) return; return new Response("Upgrade failed", { status: 500 }); }, websocket: { open(ws) { ws.subscribe("chat"); server.publish("chat", "User joined"); }, message(ws, message) { server.publish("chat", message); }, }, });
shows the player client. mostly black with lime green highlight colors for certain texts and frames. the preview contains some html code. on the top right there are two joker buttons. one for the rendered html preview and one for the console preview. the user clicks first on the rendered html preview joker which spawns a new frame on the right showing the code rendered as html. a progress bar on the new frame's top is running out for about 5 seconds, then the preview disappears again. after that the user clicks on the console joker. yet another frame appears that just says somethin like 'no console output yet' indicating that the user's code has no errors or other console output.
leftmost: square titled 'host client' filled red containing two nested squares titled 'preview1' and 'preview2' which are both also filled red. on the right two squares titled 'player1 client' and 'player2 client'. while inside the player1 client nothing is filled red inside the player2 client everything is filled red.
top center a cloud icon (supposed to depict the cloud host koyeb) the koyeb icon on the cloud. inside the cloud a square titled backend containing both the docket icon and another nested square containing the bun icon. left bottom: a square titled 'host client' containing two nested squares titled iframe1 and iframe2. right bottom: two squares titled 'player1 client' and 'player2 client'. both contain another square titled 'iframe'. from the host client there is a bidirectional arrow between it and the backend. from the player clients there is an arrow (each) pointing to the backend.
recording of both the host- and the player client for the mentioned blind coding challenge. General theme is black and lime green for highlighting color (certain text and frames). The host creates a match called 'demo match' then the player client on the right joins the match and starts typing <h1> Thanks @koyeb and..... the code immediately appears on the host client both as syntax highlighted code as well as the actual rendered html preview.
shows a snippet from a .vimrc file with the following instructions: " Center the view after jumping to the previous/next paragraph nnoremap { {zz nnoremap } }zz " Center the view after jumping to the next/previous search result nnoremap n nzz nnoremap N Nzz this remaps the {,},n and N actions in normal mode to just also execute zz
Screenshot of nornoeโ€™s profile showing a light purple variant of the generated avatar