@hex4 – Hack Club Scrapbook

4:16am

day 13! did less today but it was fun • played a lil #CD1JSG9UK| (missed the dragon fight

) • fixed #C09SVFUBK8X|'s deployment! it's now open for PRs, i just need to write some docs up and spread the word

• did a session zero for a d&d campaign i'm running • a little work on mixtape! added a play button that programatically interfaces with strudel's CodeMirror editor to play/pause/update - one step closer to not needing the editor at all

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/92d94110-d4c4-4ee8-b26b-1bf10ff54c99-image.png

Sun, Nov 23

day 12! today was pretty productive :D • hopped on a huddle with @/Lucas11, and got the #C08PXNRN7T4| display working-ish • finished the first page for #C09SVFUBK8X|, deployed it but images are broken for some reason • started on mixtape! strudel has made it really easy to use it in your apps - i just imported the @strudel/repl npm package and created a <strudel-editor> element, then I have access to setCode(), start(), stop(), and evaluate() functions

here's what it looks like rn, will get AI to work tomorrow

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/19dbe5f7-afaa-475c-bb06-2bbf6c72a1f7-image.png

Sat, Nov 22

day 11! uh didn't get much done today either ~~because i was catching up on s4 of stranger things~~ but i did do some research on a new project idea, called mixtape. what if you gave an AI access to a strudel.cc workspace and asked it to give me some background music for working? no code yet so here's my hack club ai dashboard :p

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/2f8144dc-d27e-432c-b5bb-7e3fc8a431d1-image.png

Fri, Nov 21

*day 10/50* okay,,, i didnt get anything done with my goals today,,, but i did finish the aforementioned school story,,;, spent half the day at my little brother's parent teacher conferences

since scrappy needs an image heres an extremely rushed slide i made for my school's morning announcements

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/3c96e2ec-68a2-49c9-823d-6b6b0a066ee7-image.png

Thu, Nov 20

*day 9/50* spent a bit writing a story for school, then wrote a bunch for README! I made an <Emoji> component to easily use Slack emojis in the writing, and did some of the "an attempt at an introduction" section.

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/c1ac7bd1-d4e2-412b-a9aa-0b977b7f7418-image.png

Wed, Nov 19

*day 8/50* more work on README! spent a while scrolling through old event photos and scrubbing through Hack Club videos to make this little Polaroid collage thingy for README's homepage. also made some CSS fixes and wrote some more content. I think tomorrow I'll add table of contents stuff and some style settings, then deploy so others can start writing

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/11c042fd-d613-49a8-9949-7d5305ec2c02-image.png

Tue, Nov 18

*day 7/50* i got the basics down for #C09SVFUBK8X| - you can create Nutshells, expand them, and the website is styled with Hack Club colours! now i need to finish up the CSS and write some content

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/7791e05f-f635-433e-b7f5-422c0c68b100-image.png

Mon, Nov 17

*day 6/50* shipped Tanuki! and started on #C09SVFUBK8X|! i have to go to sleep! bye!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/23636082-1494-461b-90f2-c12ace3f8176-image.png

Sun, Nov 16

*day 5/50* tanuki is done! well, at least for the alpha. i wrote a readme, fixed a few bugs, and spent much too long fiddling with github actions but it is up now: github.com/Hex-4/tanuki/releases/tag/v0.1.1

also made a PR to scrapbook to automatically tag posts sent in this channel

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/da0ace86-65f8-42cc-90a3-cd75acc578ba-image.png

Sat, Nov 15

*day 4/50* alright, due to recovering from being sick and procrastination ™️ I have not gotten much done today, though I did rewrite the kk slider implementation, prepped some things for release, and started on a readme for tanuki! here it is with the (default

) tray icon

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/a23f4f92-631c-465e-8e1e-fc9d4b7cf91f-img_6299.jpg

Fri, Nov 14

*day 3/50* still sick, but I did manage to add K.K. Slider songs to tanuki! you can now select the "k.k. slider" game, and you'll get a new button allowing you to skip a song. there's also a new "random" option which shuffles through tracks from every game!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/6395c1d0-9243-4c01-90b2-70b12c168643-image.png

Thu, Nov 13

*day 2/50* today was a smaller day since i'm sick (why is everyone else getting sick too???) but I did manage to make tanuki save the selected game to a persistent store! i had to add quite a lot of checks and some workarounds for Svelte not marking things accessed in await as dependencies (why??), but it does work! here's some of the code, ignore the typescript errors

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/0d72a191-38ea-4eb5-9e50-6ecfc4a41f8f-image.png

Wed, Nov 12

hello! realized i haven't participated in my own event yet so here I am :P

*DAY 1/50* today was a pretty chill day since I spent time prepping for my dad's birthday and running this event, but I did manage to get some work done on Tanuki! i've added rain sounds with its own slider, fixed bugs, and made a few UI tweaks.

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/b33026b8-6165-4ffc-844f-14dcddc594a8-image.png

Sat, Jun 7

figured out how to get makecode arcade working on the sprig! the audio is janky and I can't figure out how to enable overclocking but it works. 1/ download the configuration uf2 and flash it 2/ choose a makecode arcade game, like jumpy 3/ download it as an R2 file 4/ flash to pico!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/9513c8bc-198b-4f54-a173-ffcf187ab194-c2577145-ea6e-4a39-899a-cc0c03e26246.png

Wed, May 7

this is a little old but for Journey I made Modulo - a little webapp that puts time into perspective. Select a time range to display, then see what's left visually represented with dots. Mark important dots (or note down how the day went) and save your customizations. Choose custom themes as well!

github.com/Hex-4/modulo ://modulo-app.pages.dev|modulo-app.pages.dev>

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/91d62696-5d23-4ceb-9979-00db4d98144d-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/daf4ec25-cab0-48f3-a8be-71139ce20d66-6aefef9c-6322-4cab-832e-b1f453472bb7.png

Sun, Apr 27

my #C08K7ARJ58U| theme is looking good!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/19e7265a-2a5c-4ce7-a7fd-e75b05c42425-image.png

Sat, Apr 26

I've added theming to Modulo! If you recall at the very start, I made an update about figuring out how to change the Tailwind theme on-the-fly. This is why! I used a color picker library called svelte-awesome-color-picker, and hooked its onInput event to a function that updates the theme's CSS variable.

git.new/modulo-682a6c7

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/9dfbd9d9-f28e-421a-acd2-de25b8734e1f-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/d77a7f69-4e07-4dda-9838-dd218c7a3290-da61d6b2-78e4-48e8-8ff7-ef88a1af83a1.png

Fri, Apr 25

you can now save your dot colors and notes in Modulo ‼️ this works via storing all the info in an array, then saving it to localStorage with a library called lockr. then every time the view changes Modulo checks if there's something saved, and if it is, loads the saved array! this even persists across page refreshes. next I'm going to take this off localhost and see if it works

git.new/modulo-01218d8

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/eb02ad6e-badb-4b4d-809e-7d180b90f0e2-9f24b719-fcf1-460c-b0fb-7c6ecbf82348.png

Thu, Apr 24

i've added notes functionality to the dots in Modulo, which persist even when you close the menu! now I have to make it persist on page reload...

git.new/modulo-8c6ac69

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/d8fcba37-de13-4025-9b35-d07a51618de7-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/39219019-8259-4159-8a02-1d351b406f82-fee2452c-9207-4d0d-a78a-366008e11229.png

Tue, Apr 22

I've made color choosing work! You can now assign different preset colors to dots in Modulo, with a very satisfying UI. However, while doing this I think I broke the dot counting so I'm going to need to fix that tomorrow...

git.new/86dd4af

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/85fd9424-5dc3-4f00-bb8a-799354a78334-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/af8873d1-4268-42c0-a6a8-2f6a78569c4c-61b9362a-120b-4bae-94e9-931ebf317082.png

Mon, Apr 21

been kinda demotivated yesterday and today

but i made the current dot highlighted and since my code was getting messy i moved the dot into its own Svelte component - this'll make it much easier to add the dot logging feature tomorrow 👀 git.new/modulo-bb8c0b0

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/59ef96dd-d37a-48b6-b913-5c09cf4e9d28-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/494326cf-2766-473d-a8f2-f638db2415ea-3c928d1f-6f6b-4eb1-ab84-13d1f5b37a5a.png

Fri, Apr 18

Modulo's going well! Only the dots that have passed are highlighted, using a library called date-fns to help me with the calculations. I took the image at 2:54 and 54 dots are highlighted! Next I need to figure out why sometimes it's off-by-one... maybe timezones? git.new/modulo-2fee8e7

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/8e6a0dcc-6e43-4db9-89aa-63f44f5af3db-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/27e9a03c-458c-489a-82b0-f4e62925810c-e1fe4e07-2f6d-4c9d-ab0a-bb1be6bc076a.png

Wed, Apr 16

was bored so I made a fun little logo & banner for Modulo, based on the planned dot-matrix UI of the app

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/13dcbefb-2c9f-4485-9335-b3de0b49ce53-modulo-banner.png

Sat, Feb 15

rebased my minecraft modpack to additive 1.21.4 and reconfigured everything today!

modrinth.com/modpack/super/version/1.21.4+0

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/72a05768-610f-4acb-9c53-8e63c99fce17-image.png

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/2f53fe52-85c6-4005-bc0c-cdf00dcf321e-db262784-5f4c-4ad5-ab29-ae63c6a8a8c1.webp

Thu, Jan 23

more of a behind-the-scenes Mosaic update today! I made the widget code reusable, which should make adding new widgets wayyyyy faster and the code much easier to maintain!

let's hope this pays off for the one hour I spent trying to figure out how to make a $bindable $<http://derived.by|derived.by>

(i ended up giving in and using an effect)

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/55ac6704-f9aa-436f-9dc1-b8fa1f6a3a7d-image.png

Sat, Jan 18

i added a janky, terribly-written implementation of per-widget settings to Mosaic! it's bad but it works!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/9a2f6973-1133-45bd-850b-157b1161ee5c-image.png

Sat, Jan 11

added some new widget capabilities to Mosaic, a new edit mode toggle, and a simpler widget style!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/ff1d626a-f7a4-4273-81fe-6a783ffafdd5-image.png

Mon, Dec 30, 2024

hai scrapbook, i'm back! today I migrated my dashboard for getting things done, Mosaic (name still pending) to use

Svelte components, and implemented

widget dragging! Because of the blur I applied to the windows they make this glassy effect which I quite like!

https://scrapbook-into-the-redwoods.s3.us-east-1.amazonaws.com/a8b96899-cc50-49c1-9db7-8f3760c5ea2f-image.png

Fri, Sep 6, 2024

minecraft modpack is out! For a while I've been trying to create my perfect version of Minecraft - and I think Super is pretty close to that. it's based on Fabulously Optimized, but adds a ton more mods for immersion + quality of life. it's also client side! get it on

//modrinth.com/modpack/super>

https://imgutil.s3.us-east-2.amazonaws.com/3feabd7eaccd8e8c7a547b9852c38fff99c953b3aaa43d81dd82a7bf9ea2f4c8/4cf32be5-5c97-4aba-8620-c133e261ac4d.png

Wed, Aug 28, 2024

The hero for my personal website 2 (electric boogaloo) is done! While it's not any crazy 3D stuff (yet) I'm pretty happy with it. There's a virtual business card and a few animations.

github.com/Hex-4/website 🌐 hex4-v2.pages.dev

https://scrapbook-into-the-redwoods.s3.amazonaws.com/67bf850c-fdb2-4fa3-a238-f2d766e7230a-image.png

Tue, Aug 20, 2024

I made a game, in 48 hours, for the GMTK Game Jam 2024! Escape the Evil, Inc. enemy testing lab by switching between you and your tiny friend. Play and rate on

//itch.io/jam/gmtk-2024/rate/2910796> Fully open source on

: github.com/Hex-4/gmtk-2024

https://scrapbook-into-the-redwoods.s3.amazonaws.com/464a4415-f2a7-4392-b0a4-493545e5cfef-image.png

Mon, Jul 29, 2024

Resending cuz bot was down I helped out with high level docs and a roadmap for Purple Bubble (#purplebubble!)

github.com/thepurplebubble/meta/pull/1

Mon, Jul 29, 2024

I helped out with high level docs and a roadmap for Purple Bubble (#purplebubble!)

github.com/thepurplebubble/meta/pull/1

Thu, Jul 25, 2024

I finished card dragging for a game that me and a few others are working on!

github.com/Hex-4/chop-chop-game-thing (i promise it isnt as glitchy as the recording)

Wed, Jul 17, 2024

my personal website is feature complete except for the blog! i'm pretty happy with how it turned out.

github.com/Hex-4/me 🌐 hex4.pages.dev

https://scrapbook-into-the-redwoods.s3.amazonaws.com/decd8438-9d96-468d-aaaf-1958b5ea43e0-image.png

Tue, Jul 9, 2024

cool virtual business card for my personal website, with a text effect from hyperplexed github: github.com/Hex-4/me live site is broken rn

https://scrapbook-into-the-redwoods.s3.amazonaws.com/746963ff-6f14-4ea0-b499-74d4ea788d36-image.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/85748bd4-1aa8-4cff-a1f1-fb814347d762-image.png

Wed, Jul 3, 2024

I made a lexer for my programming language, Superscript! I had to rewrite it not one but two times, but it works. github: github.com/Hex-4/superscript (#arcade)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/063b520d-b30a-4dce-a34b-eb1001f5ceec-image.png

Tue, Jun 11, 2024

I drew some cards for a game based on Chopsticks I'm going to make!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/c6c73218-da13-417f-8651-6482eeff3f9a-image.png

Sat, Jun 8, 2024

The code part of my website, ~~Hidden Gems~~ ~/bookmarks, is done! All I need to do now is get some content. (if you know/have made any free, web-based tools/toys/games, please drop them in the thread!)

https://scrapbook-into-the-redwoods.s3.amazonaws.com/1f4a0f5a-297c-419b-b3d5-ae72002a6639-image.png

Fri, Jun 7, 2024

#hack-hour I finished the homepage for my website!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/22483d4a-5096-4c03-83be-08761f657aec-image.png

Thu, Jun 6, 2024

Made a little demo for a game I might make - an FPS, except you move with recoil!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/299697f4-a219-42d0-83d7-cd3aa3fbc8df-image.png

Sat, May 18, 2024

Did some ricing today - starship, hyprland, and rofi. I needed to fiddle with NixOS a ton, but it kinda works now!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/e5b6b55b-cf32-4a13-886f-5e26f73afaee-image.png

Fri, May 17, 2024

finally switching over to nixos-unstable

https://scrapbook-into-the-redwoods.s3.amazonaws.com/3fed84eb-a94b-4154-815c-d0dcee4d9430-image.png

Tue, May 14, 2024

Continued work on my explainer website. I switched over to Astro because convenience and had to modify Nutshell's code to make it play nice with Tailwind Typography, but it works now! All that's left is to add some styling and write some explainers.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8fc53f8d-edfa-4539-b607-c5b522d8253d-image.png

Mon, May 13, 2024

Hello world! Began work on my explainer website with Nutshell - however it doesn't work when I pass in parsed markdown, so I'll have to troubleshoot that.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7c414aa4-2f01-425d-adf3-b31896851c9a-image.png