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:
p5.js
:js: website that includes a starry night sky and random shooting stars and some lo-fi beats! 🎵
Please give it a ⭐ on :github: if you like it! This was very fun to work on, and helped me to learn more about p5js.hackclub/global
repo to use the main Assemble picture! Also I did the last commit to my Splatter Paint project and published my first github release, with this finished, I definitely need to start something new. :roo-yay:axios
and my package.json
file, I'm checking the logs and will try to fix it! Also I'm going to be taking BWSI!.gitignore
file for this project!axios
and the /api
endpoint, but I'll try to get everything fixed tomorrow.Astro.props
works..toml
files!svg
file on my profile so this could work.Header.astro
and Footer.astro
components! But there's a weird bug 🐛 :sadge: so I'll watch a tutorial to learn what's going on. Also I started #some-assembly-required Spanish translation! :github: :pullrequest: :mexicoparrot:layouts
, components
and Scoped Styles
! :astro: (Also I learned how to implement a 404 :errors: page). Thanks to this I'm ready to make a local version of my website in vscode! :vsc: Also today I made new Dalle pictures that I shared on my previous post. :tw_tada:src/*
for my code files and public/*
for non code things, besides this I'll use a package.json
manifest and an Astro config file astro.config.mjs.
Here's a screenshot of my vscode with my Astro files learning the project structure and some cool Dalle pictures I made as well! :quad_parrot:brew
and mas
! :homebrew-mac: :ruby: Here’s a screenshot 📸 of how it’s looking right now..config
files are easier to use.
Also tomorrow I'm having Medicine classes again, so it's going to be week #2! :parrotdad:PDFs
files! 📖 🔖.mdx
file which I also learned how to work with to bring back that missing info! Today I also saw some new coding things that I could use and I took this photo because it's raining. 🌧️catppuccin
that was recommend to me in here! So let's see how it look like. 🎨.replit
:replit: and replit.nix
! :nix: Also I added some things to my website and went to see a school as an option for college! 🏫 Also tomorrow I will start learning how to drive 🚗 and here’s an image I took today of the landscape! ⛰️ 🌴 ☀️dino.icu
🌐 domain so I'll make a PR :pullrequest: to change my :hack-club: scrapbook domain to link 🔗 it to my website! Here's two of my previous images! :tw_camera:nixpkgs
🗃️ home-manager
🏡 nix-darwin
🐠 and other things! I have a better idea too on how this kind of dotfiles works.:parrot-nix: As well I'm finally working on my website again! I never finished last design so this is going to count towards my first version! 🌐 Also yesterday I managed to de-cypher 🔓 and enter Hack Club :hack-club: 2022 summer event :tw_bridge_at_night: website! It was so much fun and a very interesting project! I learn a lot of things from this like OpenSSL! :cat-on-the-laptop: :tw_unlock:Lastly, somehow I saw Vercel's 404 :sadmac: page for the first time while checking my projects dashboard. :vercel: :sphere:guide-to-web-dev
repository :merge: I plan to make more commits soon and explain everyone here what is it for! 👀neofetch
command and Vim :vim: on it and my Splatter Paint 🎨 project files! Today I also worked again on details for two new Hack Club :hack-club: PR! :pr: The first one is to add Scrapbook to the GitHub :github: README and the second is my Workshop translation guide! :mexicoparrot: All of this are from ideas talked with @jessicard yesterday, thanks a lot for guiding me and reviewing my work! :yay: Lastly for today, I kept studying for my Biology Exam! 🦠 🔬Flexbox
:harder-flex: :css: with a few tutorials and examples! Also did a Hack Club's :hack-club: Summer 2022 sketch based on the theories 🏕️ 🧭 🎈 we have made here on the Slack :slack: about the event and with a small description with the help of some cool additional details! :cooll-dino:Hex
! :parrotdad: 💻flexbox
:harder-flex: :css: , and I learned many different tools and how to use them like CyberChef 💻 🤌 that I've been using recently, it's a really useful tool for any sort of data format conversion! Also I learned about curl curl.se and I've been trying to figure out with @maggie, @mutammim and @fayd what is Hack Club :hack-club: planning to do this summer! We have a few theories :blobninja: , and the most likely is that the event is going to be at SF! :tw_bridge_at_night: We also have other theories that include animals 🦦 , a blimp or some kind of hackathon! :quad_parrot:index.js
:javascript: file that adds a link to the streaks page at the main Scrapbook page. :scrappy:
And speaking of streaks, with this post I take @sampoder second 🥈 streak place at scrapbook post with 243 consecutive days!!! 🔥 :parrotdad:cool-retro-term
because it has some awesome retro effects! :awesome:
2. 🥈 Second, open Vim :vim: on it!
3. 🥉 Third, start tying the info you want to be display! 💻
That's all, it's very simple and the results are great :D :parrotdad: