๐Ÿ–‹๏ธ

Posts tagged with :lower_left_fountain_pen:

j_cordz
@j_cordz6
I finally finished my confetti thing for #angelhacks-site! :angelhacks: github.com/hackclub/angelhacks3/pull/8 :pr: This is my first time working with Next.js :nextjs: and I wanted to see if I could code something with it without reading any docs! *How?* โ€ข Well, first I had an error, I couldn't start the dev environment! :pensive-wobble: To fix this I (somehow) installed next globally and that allowed my package.json :npm: to run next build โ€ข After that, I wrote the confetti code and implement it on a React :react: component but I also don't know any react so it didn't work :eggsdee: โ€ข So I added the confetti code into the already existing PhotoGallery component! :yay: Everything looked good, but then I got this error: ReferenceError: document is not defined :errors: โ€ข To fix that, I run my code client side after watching a small tutorial and it ended up like this:
import Masonry from 'react-masonry-css'
import styles from './PhotoGallery.module.scss'
import { Nunito } from 'next/font/google'
import { useEffect } from 'react'

const nunito = Nunito({
  weight: ['400', '800'],
  subsets: ['latin']
})

export function Button({ children, fontSize = '7rem', ...props }) {
  const handleClick = () => {
    import('js-confetti').then(({ default: Confetti }) => {
      const confetti = new Confetti()
      confetti.addConfetti({
        emojis: ['๐ŸŽฎ', '๐Ÿ‘พ', '๐Ÿ•น๏ธ', '๐Ÿ’ป', '๐Ÿ“ธ', '๐ŸŽง', '๐ŸŽจ', '๐Ÿชฝ']
      })
    })
  }

  return (
    <button className={styles.button} onClick={handleClick} {...props}>
      <span className={styles.shadow} />
      <span className={styles.edge} />
      <span
        style={{ fontSize }}
        className={`${styles.front} ${nunito.className}`}>
        {children}
      </span>
    </button>
  )
}

function Image({ src, text }) {
  return (
    <div className={styles.photo}>
      <img src={src} width="auto" />
      <p>{text}</p>
    </div>
  )
}

export default function PhotoGallery() {
  useEffect(() => {}, [])
  return (
    <div className={styles.photoGallery}>
      <div className={styles.photos}>
This was very fun to work with, and definitely I need to properly learn Next.js on the future. :salute:
malted
@malted0
Data visualisations are relaxing to make; this one is using Wikipedia editor data. I wrote a little to explain what's going on. Definitely going to do more of these observablehq.com/@malted/wiki-editors
https://scrapbook-into-the-redwoods.s3.amazonaws.com/8ad063ae-f1d9-47f9-a9a9-f3f248554494-image.png
ryan
@ryan1
https://scrapbook-into-the-redwoods.s3.amazonaws.com/2336d634-1e7d-4a1b-8d6b-b899a3f69723-image.png
sporeball
@sporeball1
wrote a chess bot!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/d5587b03-7b03-420a-a31c-97233844f45b-capture6.png
Arpan
@Arpan1
Just wrote an article on Hashnode about my WHW debugging journey.
https://cloud-b7uws465o-hack-club-bot.vercel.app/0screenshot_2023-03-01_at_10.22.19_pm.png
shayon
@shayon0
Didnโ€™t do anything much today. Went to hardware store and bought superglue and anti-slip rubber mat for my RC car stand, gonna see if this prevents the car from slipping around, wrote a blog on how I made my first web app too.
https://cloud-a303xwhjn-hack-club-bot.vercel.app/0making_day_3.png
Joel-U04FVMC0D3N
@Joel-U04FVMC0D3N0
Day 6 of Winter Hardware Wonderland :winter-hardware-wonderland: Pretty chilly today, Melbourneโ€™s weather just doesnโ€™t want to make up its mind! Today I: โ€ข installed the fan PWM controller โ€ข Wrote a little bit more code
https://cloud-hoqlzhjvk-hack-club-bot.vercel.app/0img_4024.jpg
Arpan
@Arpan1
WHW Day 6/10: Wrote some more code for #sprig persistent storage.
https://cloud-bwfvtg6w5-hack-club-bot.vercel.app/0screenshot_2023-02-19_at_3.05.15_pm.png
Samarth_Verulkar
@Samarth_Verulkar0
Day 4 of #WinterHardwareWonderland Today I wrote some stability code for the drone motors and also attached the power module
https://cloud-fecgprzv6-hack-club-bot.vercel.app/0img_7925.jpghttps://cloud-i2j3zk8gy-hack-club-bot.vercel.app/0img_7924.jpg
linkai
@linkai0
Day 3/10 of #hardware-party!! :winter-hardware-wonderland: Split-flap display: I added in the missing flaps from yesterday and wrote a short script to make more precise flips. It flips rather inconsistently, however. ๐Ÿ˜• I also figured out the hall effect sensor, which detects magnets โ€” iโ€™ll use that as a homing mechanism to identify what letter the display is on.
rey_on_ice
@rey_on_ice0
WHW 2: Software today. Wrote a bit of code, neovim go crazy? Hardware tomorrow. Gotta get the HDMI input working, going to try booting Alpine from a USB. If all goes well I might be able to host a couple of things there tomorrow (just testing stuff, no stability yet).
https://cloud-oomunvk5t-hack-club-bot.vercel.app/0image.png
Edmund-U042UTGUB6J
@Edmund-U042UTGUB6J0
Late winter wonderland Day 1 (because of stupid timezones making me confused :bsod_smile: ) โ€ข Figured out how to connect the screen to the board โ€ข Wrote the software for the display (actually took me more than one day)
https://cloud-hcdtk0o74-hack-club-bot.vercel.app/0img_20230121_143250.jpg
Arpan
@Arpan1
Hey @scrappy-U015D6A36AG I'm back with Second day updates on my #hardware-party project. So, today I wrote some code to convert the epub files into beautiful images which the eInk display can then display. Still figuring out if this is the best way but Waveshare asked me to convert everything to images so here we go with Approach one.
https://cloud-bndkwgr5a-hack-club-bot.vercel.app/0screenshot_2023-02-15_at_8.02.11_pm.png
GregorDavies-U04FX4ZMBJ9
@GregorDavies-U04FX4ZMBJ90
Day 1 of Winter Of Making, I designed the base station case for a Heltec Lora32 V3, wrote the speed sensor code and spent hours trying to level my ender 3
https://cloud-57o0ssc0o-hack-club-bot.vercel.app/0day_1.jpg
msw
@msw0
Day 1/10 of #hardware-party! Starting today, Iโ€™m going to spend a little time every day for the next 10 days building a split-flap display inspired by the parts list from @linkai here. Itโ€™ll be internet connected, so I can wire it up to show the current balance on :bank-hackclub-dark:. Today I wired up the hall-effect sensors thatโ€™ll control the split flaps, and wrote some test code to make sure theyโ€™re working the way I want them to. You can see the sensor working by how it flashes from the magnet. Once I have them working correctly Iโ€™ll start working on a motor housing in Fusion 360 that will hold the thing in place and connect it to the flaps. Excited to see the progress everyone else makes today! Iโ€™m going to spin up a repo tomorrow and show off my work there.
https://cloud-lhcxy9k26-hack-club-bot.vercel.app/0img_9186.jpeghttps://cloud-b44i1kcct-hack-club-bot.vercel.app/0trim.cbaa6f79-5c06-4228-b0de-2761c096cd77.gifhttps://cloud-oijelqayp-hack-club-bot.vercel.app/0img_9184.jpeghttps://cloud-9xz2n2bv4-hack-club-bot.vercel.app/0img_9185.jpeg
Latifah-U013DJAUJBT
@Latifah-U013DJAUJBT0
wrote an article about shakespeare & ai. no idea if the code works tho LMAO
https://cloud-k4doe6e8s-hack-club-bot.vercel.app/0screenshot_2022-12-28_at_9.14.03_am.png
ShaneCelis-U04F7QE6H41
@ShaneCelis-U04F7QE6H410
I wrote a font explorer for sprig because I needed a pipe | character. I found it where the backslash \ normally is.
https://cloud-3jwuj7uhi-hack-club-bot.vercel.app/0font-explorer.gif
jc
@jc1
Playing around with Svelte! Wrote a little highlight.js component
https://cloud-pqv5mnc5f-hack-club-bot.vercel.app/0image.png
adelly13
@adelly130
quickly wrote some code for a pictionary game for the python class that iโ€™m teaching!
https://cloud-jiljy5o7k-hack-club-bot.vercel.app/0image.png
MasonMeirs-U03V4686P9N
@MasonMeirs-U03V4686P9N2
wrote a simple bytecode-interpreted language while bored at school today (read thread for details)
https://cloud-of4km7s0k-hack-club-bot.vercel.app/0screen_shot_2022-12-07_at_10.48.43_pm.png
aaryan
@aaryan0
Day 8/10 of #10-days-in-public! Completed day 6 of AoC, it was much easier than I thought it'd be. Did a lot of work on my "copyright infringement detector" project, sketched a data model for storing perceptual hashes of our videos, hosted a redis instance on digital ocean and pushed all our data on it. Wrote a lot of python, and ffmpeg scripts for the project, kinda getting the hang of python now.
https://cloud-8v2zm1au2-hack-club-bot.vercel.app/0image.pnghttps://cloud-n72k129bq-hack-club-bot.vercel.app/0image.png
peepooppeepoop-U045Z4U1Y2X
@peepooppeepoop-U045Z4U1Y2X0
day 6 of #10-days-in-public studied whiplash movie, and learned about how damien chazelle filmed the whiplash(my favorite movie) in just 19 days and took down tips on how to write a good story. specifically i learned to visualize what you want to happen in the movie and to certain plot points bigger than the characters themsevles. i also wrote down some ideas i had for different scenes in my dinosaur film.
https://cloud-1czbtewj9-hack-club-bot.vercel.app/0capture_d___e__cran__le_2022-12-05_a___00.21.44.png
OmarMobayed
@OmarMobayed0
day 5 of #10-days-in-public! wrote the dockerfile, might need some time to improve on it. gonna be learning go soon
https://cloud-d88v986cq-hack-club-bot.vercel.app/0image.png
zrl
@zrl1
Day 1/10: Made it through chapter 1, and starting on chapter 2 of the Deep Learning with Python book. My goal is to understand some of the fundamental concepts of neural networks in the next 10 days. I wrote and trained my first neural network! (but I donโ€™t understand the code at all). See hackclub.slack.com/archives/C01D7AHKMPF/p1669597204292789 if you want to join the learning group Iโ€™m putting together!
jc
@jc1
https://cloud-m3qku8z0u-hack-club-bot.vercel.app/0screenshot_from_2022-11-10_19-29-18.png
caleb
@caleb0
This morning I wrote a Webpack loader that lets you import Sass variables. (I promptly deleted it and swore never to speak of it again)
https://cloud-6qpaw3n0h-hack-club-bot.vercel.app/0screenshot_2022-11-04_at_11.14.16_am.png
jc
@jc1
Wrote a little Python script to change the background on my computer every so often. Probably could have found something, but this is more fun :)
JosephDong
@JosephDong0
Was bored so I wrote a guide for ppl who want to generate obsidian notes from gcal ๐Ÿ™‚
https://cloud-he7nv7vvc-hack-club-bot.vercel.app/0image.png
thatrobotdev
@thatrobotdev4
Just finished an art drop of some art that I havenโ€™t had the time to post online for a while! Iโ€™m going through the Inktober 2022 challenge, so I created Day 4 Scallop, Day 5 Flame, and Day 6 Bouquet! I also finished a collage project recently of an ouroboros ๐Ÿ˜„
https://cloud-d3crmvcjn-hack-club-bot.vercel.app/0inktober_2022_day_6-_bouquet.pnghttps://cloud-nmdmm6h8s-hack-club-bot.vercel.app/0inktober_2022_day_5-_flame.pnghttps://cloud-jsof3zoo1-hack-club-bot.vercel.app/0final.pnghttps://cloud-6hh2tc8iq-hack-club-bot.vercel.app/0inktober_2022_day_4-_scallop.png
e-lee-za
@e-lee-za0
Remaking my song Green Light! (Again!) Itโ€™s been over two years since I first wrote itโ€ฆin fact Iโ€™m pretty sure you can find the original somewhere in hereโ€ฆtime flies
zrl
@zrl1
Day 8/10 of #10-days-in-public! Iโ€™ve been rebuilding my website and today I got myself stuck in *bash madness*. I wanted to modify my note syncing script to add metadata to the notes (specifically creation time, last edited time, and a list of the fileโ€™s previous names) andโ€ฆ wow. That was a lot harder than I expected. Ultimately, I wrote this mess. But it does the job! And it works in production! Now all of the notes being synced to github.com/zachlatta/public-notes have metadata added to their front matter. Hereโ€™s an example. Now I can add more details about the note being displayed on zachlatta.com, sort them by creation date, and also gracefully handle renames, so no more 404s after a file gets renamed. Beta of the new site is at beta.zachlatta.com. (right now zachlatta.com doesnโ€™t work because my self hosted setup constantly breaks ๐Ÿ˜ž)
https://cloud-84e9ioe6g-hack-club-bot.vercel.app/0screen_shot_2022-10-12_at_10.49.14_pm.png
JosephDong
@JosephDong0
#10-days-in-public back to school :sob (5/10) Not much development, i was tutoring and running errands (new haircut!). Fall break is over :crying_sunglasses_cowboy: wrote some notes for my classes in prep for tmr. Flight back to philly was actually not that bad surprisingly, i met a cool dude who we shared a mutual with and we talked the whole flight. Iโ€™ll have an update later tonight w progress on projects ๐Ÿ‘
https://cloud-igz7dtlnu-hack-club-bot.vercel.app/0cc92fcbe-9e39-4a48-ab47-c08707ecdfae_1_105_c.jpeghttps://cloud-n3turhavg-hack-club-bot.vercel.app/089d14d90-a8e7-444d-8382-099c574e6fcd_1_105_c.jpeghttps://cloud-hcegfhoti-hack-club-bot.vercel.app/0image.pnghttps://cloud-kc32ta323-hack-club-bot.vercel.app/00d46d218-79ec-4c88-91b6-d801f1111b91_1_201_a.jpeg
kaidevrim
@kaidevrim0
Day 5 of Zachtoberfestยฎ #10-days-in-public!!!!!! My dad had a chocolate tasting and I had some of the worst correlation (probably because of my sweet tooth). Had a lot of fun and tasted a lot of chocolate. Unfortunately did not have the time to do programming as I did a lot of drawing for inktober and a school project as well! Tomorrow I have school and my first โ€œdayโ€ or whatever at McDonalds so I will be pretty busy. Here are my inktober drawings so far (Days 1-9).
https://cloud-nmu2e4d3m-hack-club-bot.vercel.app/0pxl_20221010_011118774.jpghttps://cloud-41vc6slza-hack-club-bot.vercel.app/0pxl_20221009_203107803.jpghttps://cloud-41coogrcp-hack-club-bot.vercel.app/0pxl_20221010_013836058.jpghttps://cloud-1ilisvwtk-hack-club-bot.vercel.app/0pxl_20221006_054150009.jpghttps://cloud-ak7sv740v-hack-club-bot.vercel.app/0pxl_20221010_015326304.jpghttps://cloud-8xa55q50z-hack-club-bot.vercel.app/0pxl_20221006_060505842.jpghttps://cloud-ayv64z7ln-hack-club-bot.vercel.app/0pxl_20221010_012134202.jpghttps://cloud-5uln5u4tf-hack-club-bot.vercel.app/0pxl_20221009_203102446.jpghttps://cloud-j3j9edwfv-hack-club-bot.vercel.app/0pxl_20221006_055536565.jpg
zrl
@zrl1
Day 2/10 of #10-days-in-public! Iโ€™m working to rebuild my personal website, zachlatta.com, over the next 10 days with the key new feature being the ability to render content from a subset of my notes in Obsidian. Today I focused on getting the script I wrote to separate out my Obsidian notes into a separate repo deployed to a server and running every 15 seconds. I ran into some tricky issues around authentication, but got it working! All the public notes are now being pushed to github.com/zachlatta/public-notes. Next step is to build out the new Next.js site to render those notes on zachlatta.com in a nice clean way. Iโ€™m also thinking of adding some sort of GitHub commit chart-esque visual to the new site, and perhaps a streak mechanism too.
zrl
@zrl1
Day 1/10 of #10-days-in-public! Over the next 10 days, Iโ€™m focusing on rebuilding my personal website. The key new feature Iโ€™m building in the new site is a way to publish content directly out of my private Obsidan notes repo by adding #public to any note. Today I finished the filter-and-sync.sh script that filters the public files out of my private Obsidian repo and copies them to a public repo that will be rendered by the new static site Iโ€™m building for zachlatta.com. I also got it running in Docker, and wrote a timer script to repeatedly run the sync process every 15 seconds. Once this is deployed, Iโ€™ll be able to add #public to any file in my Obsidian notes, and that file will be pushed and deployed to my website within 15 seconds! So if the file in my Obsidian repo is called โ€œTest.mdโ€, the URL it will be publicly available at will be zachlatta.com/test Excited to see the progress everyone else makes today! You can see the work I did today and my progress here: github.com/zachlatta/zachlatta.com/tree/80001986425894a8948b2a7d044b410978d56a94/public-notes-sync
thatrobotdev
@thatrobotdev4
Hehe this might seem super quick but I posted my Inktober #1 a day late, so with this Iโ€™m caught up :yay:. Day 2/32's theme is scurry so I did a scurrying skunk!
https://cloud-n5ty5hn10-hack-club-bot.vercel.app/0inktober_2022_day_2-_scurry.jpg
thatrobotdev
@thatrobotdev4
I created my first drawing for day 1/31 of the Inktober 2022 drawing challenge! Todayโ€™s theme was โ€œGargoyleโ€.
https://cloud-o35d0v54y-hack-club-bot.vercel.app/0inktober_2022_day_1-_gargoyle.png
e-lee-za
@e-lee-za0
Hello :D Itโ€™s been a while, but I wanted to start posting to Scrapbook again, so hereโ€™s a little sketch of myself I did to warm up โœจ
https://cloud-mgejrssim-hack-club-bot.vercel.app/0img_2440.jpg
Omay
@Omay1
Here are two sprig programs I recently put up: The first is two sprites that are connected together, and can't move, The other is a previous snippet of code I wrote which allows you to combine maps. I'm probably going to make more demos, which will show off other useful snippets.
abby
@abby0
Wrote my first SQL code!
https://cloud-ps44uimw4-hack-club-bot.vercel.app/0screen_shot_2022-08-09_at_11.45.48_am.png
maggie
@maggie2
Google Apps Script is very coolโ€ฆ wrote some code to send an email to each attendee that registers for Leland Hacks! Also got to check out our venue :)
https://cloud-d2xfxu8za-hack-club-bot.vercel.app/0image.png
m04
@m042
Today I wrote some TypeScript types
https://cloud-318m6301e-hack-club-bot.vercel.app/0image.png
pybash
@pybash0
i wrote complex vanilla css! woah
https://cloud-dl5wlwcml-hack-club-bot.vercel.app/0image.png
cnnd
@cnnd0
i wrote a program to automate the changing of my twitter banner, being my second project to be written in golang that i'd actually share, and deployed it to a digitalocean droplet!
https://cloud-99s18d8br-hack-club-bot.vercel.app/0image.png
ella
@ella0
I re-wrote my website again and added a Guestbook which uses Prisma and Postgres.
https://cloud-m719559bi-hack-club-bot.vercel.app/0screen_shot_2022-05-13_at_00.21.45.png
benjjjmin
@benjjjmin0
Wrote quite a lot of articles during class! Also figuring how to reach out to people on Twitter and not look like a freak
https://cloud-qc9b42hcm-hack-club-bot.vercel.app/0screen_shot_2022-05-10_at_7.44.50_pm.pnghttps://cloud-jnj8xknxt-hack-club-bot.vercel.app/0screen_shot_2022-05-10_at_7.44.29_pm.png
HenryBass-U02KEJ8T6D8
@HenryBass-U02KEJ8T6D80
Wrote a new shader thing, this time to look hand-drawn could make a cool coaster or something who knows Also make a Lorem-Ipsum style text generator, that takes text as input and spits out similar text. The output is meaningless, but at a glance looks like it makes sense. Basically picture 1-Dimensional Wave-Function-Collapse algorithm for text I don't have any output on me, as I'm typing this in Chinese class right now
https://cloud-oq8sdwogw-hack-club-bot.vercel.app/0image.png
j_cordz
@j_cordz6
Today I added new HTML and CSS files to my personal website Repo on GitHub! :github: I also made a few changes to my README Profile, because I wrote new text that I'll add soon and moved my trophies โญ theme from Monokai to Gruvbox. Also I learned about what Prettier indentation is thanks to @caleb! Next, today was my last school day before my break so this next two weeks are free and I'll have time to relax, study more, code and make new things! I will also try to work with my workshops and I'll make a pull request to GitHub Docs because I found a typo on their page! ๐Ÿ‘€ :pullrequest:
https://cloud-miyso23xi-hack-club-bot.vercel.app/0captura_de_pantalla_2022-04-08_a_la_s__23.42.12.pnghttps://cloud-lbfjgl3wv-hack-club-bot.vercel.app/0captura_de_pantalla_2022-04-08_a_la_s__23.43.02.pnghttps://cloud-ke4ymqtnv-hack-club-bot.vercel.app/0captura_de_pantalla_2022-04-08_a_la_s__23.48.12.png