google emoji

Posts tagged with :google:

CooperD’Andilly
@CooperD’Andilly2
applied for google ads code hates me
https://scrapbook-into-the-redwoods.s3.amazonaws.com/21dd0963-d342-4192-ba41-46d589e1edb8-screenshot_2024-06-19_at_11.43.24___am.png
spring-of-making emoji
google emoji
goose-honk-technologist emoji
BrianFarkas
@BrianFarkas1
Finished my TaskMaster app. Consists of 3 different feature pages. One where you can type in a list separated by commas and it will put it into a To-Do List in which you can manage (using local storage) and you can also add and remove single items. Second page is to view the list. Third page estimates the time of a task using a local database and if it contains it, it will say that time. The database consists of around 200 common words right now but can be expanded and sophisticated using a larger database or an online ai api. drive.google.com/file/d/1hxdnLcBleLofZk19nJGVaCZN4b4NS9mp/view?usp=sharing github.com/alch19/TaskMaster
https://imgutil.s3.us-east-2.amazonaws.com/7ce4699ab39a9d6f962394b17d27dbd4de053cd6df7201a9666d80a32533f23f/51b371e9-0f06-4bdc-a233-4b519f79fe5c.png
spring-of-making emoji
github emoji
google emoji
SriramKalki
@SriramKalki3
https://imgutil.s3.us-east-2.amazonaws.com/48305d86603e2f5c8546fc7e59aad61fb120f33c07dd21101fe802687f66f449/970ba064-0c44-4e62-839f-69b390afb18d.png
spring-of-making emoji
google emoji
AcidToast76
@AcidToast763
https://imgutil.s3.us-east-2.amazonaws.com/df96be3945d315311a4942937fe65983ac1961efb2c5558337419e32dba0582e/dad6e5ef-cc9c-41b1-b5de-2f4fac8137c6.png
IsaiahW
@IsaiahW2
https://imgutil.s3.us-east-2.amazonaws.com/0d91cd4b106ba9151e926e32f1d51a6c0ac647603991e934aba3ff4b3c07ac5f/49117681-864d-49cf-aadc-87ec14139321.png
Raymond
@Raymond0
Made a better than google chat ai summary thing with phi3-instruct-128k 😃 as a discord bot as part of my new monolith (no more single purpose bots yay) also made a less useful reply with ai feature to make unhelpful posts
https://scrapbook-into-the-redwoods.s3.amazonaws.com/111f8f0f-b1d8-4d6e-acdb-1e7c734b5cb7-image.png
NimitVijayvargee
@NimitVijayvargee5
https://scrapbook-into-the-redwoods.s3.amazonaws.com/fbebc7a3-0e12-481d-8666-ea02d58a9137-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a36d5273-6ca6-4329-9a17-a5dce52d1236-image.png
spring-of-making emoji
google emoji
NimitVijayvargee
@NimitVijayvargee5
Github pages has a neat way to add a 404 page, So i spent some time making it look pretty. Also worked with google search console a bit.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ef569edc-e41f-4cb2-ba92-64433a76d2fd-image.png
spring-of-making emoji
google emoji
github emoji
sam
@sam2
I made a bookmark that shows the amount of tasks left in my todo list! Idea copied off of #samuel-land It's a janky combination of google apps script to fetch from Tasks with my self hosted n8n instance to connect it to slack.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/5b13b5ce-b763-4190-a08d-39f801d7dc80-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/ae9bceb3-c0b5-40d8-b4ec-16f3fb5e0988-image.png
slack emoji
google emoji
spring-of-making emoji
sam
@sam2
I've been pretty quiet on scrapbook the past bit. A lot of exciting things happened! My attempt to balance Apocalypse, FRC, AP, the rush of English assignments, and other misc commitments seem to have worked out, to an extent. :orphmoji-peefest: Time to start scrapbooking again! Here's what I'll be personally working on in the next bit before my exam period arrives. I'll be scrapbooking any updates. • Some #apocalypse site stuff & cleaning up my docs/spreadsheets • Revamping my personal website and add a blog :D • Design and manufacture my own swerve drive similar to those in #frc or FTC (OnBoard time 👀) • Clean up my workspace and create a organization system, it's currently a rat's nest • Google Drive/Photos & Laptop spring cleaning, too many files all over the place • Web stuff for my local iGEM team perchance
https://scrapbook-into-the-redwoods.s3.amazonaws.com/a8353862-f4ff-413f-957d-8d9d1999ef5e-2.png
Malycia
@Malycia0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/e218235d-4916-4680-9bff-31d794629364-screenshot_2024-05-01_011610.pnghttps://imgutil.s3.us-east-2.amazonaws.com/7368bf0bd3bc49b0e758bec2ceac3ea4f7aeaa17e4bb767e919a51c96d9f8b93/f5f57fff-397b-485c-a2fa-14fe84571427.png
sahitid
@sahitid0
:kitty-dance: 🌸 *days of service ship incoming:* :kitty-dance: 🌸 Blossom 🌸 was held in Atlanta, Georgia from March 15-16th. working closely with the Girl Scouts of Greater Atlanta :girl-scouts:, i had the privilege of organizing a day-long event that brought together a team of high school female mentors and dozens of eager girl scouts. beginner girl scouts embarked on exciting journeys - from crafting their own PCB :pcb: keychains that they later had manufactured through #onboard to delving into an introduction of javascript :js: to code drawings on #blot the drawing robot. every girl went home with a unique new hardware or software project that they 100% created themselves, but most importantly, the confidence needed to pursue coding further :blobheart:. we also had a brilliant dinner (with ricotta balls :blobby-doughnut:) the night before with 28+ women in technology and STEM who guided us with their stories and experiences in their fields. all the high school mentors and i were fueled for the day ahead of us by the end of the night:half-salute:. it was so motivating to see girls who had never touched code before leaving the event with the confidence that they had a place in the world of technology & finished projects that they could show off. 🔗 website: blossom.hackclub.com :githubparrot: github repo: github.com/hackclub/blossom 📷 day of service photos: drive.google.com/drive/folders/1-XnTK7QPwufdo4flwsF7syqOoZwB0z6C?usp=sharing 🥂 women in STEM dinner photos: drive.google.com/drive/folders/1-WR0RY4SCYAOzAD3T-Z6aT0_DYBsNGgj?usp=sharing thank you to @MariannaLudensky @NilaRam @christina695 &amp; the whole <!subteam^S06A2EGQ29M|@blossom-team> for the wonderful event we pulled off, hopefully inspiring many girls along with each other through the process.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/f16815b3-04af-4ebb-b6db-41d60cd8c43d-dinner.jpeghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/5b172528-5ae2-4317-aa84-4bb38c02c8cc-250a3112.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/aa1eefaf-1b47-4f54-a9e1-b500df0b2da9-250a2983.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/b2cdc041-0871-43df-b973-c78ed229d14b-250a3138.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/58d07676-23c6-4761-9316-5d9ed7da80e8-250a2999.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/71636be4-ec48-4a65-806d-5f0980821a7d-250a3141.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/57cfe71b-8378-4dc4-b729-8f40114d685d-250a2880.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/6808d201-a0d5-4864-9017-7fc66bae90ff-250a3003__1_.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/6b9fe5d6-2b9f-4070-833a-878397bd4ae1-250a3013.jpghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a3b3c0b6-41ad-497d-af93-8bd2f50e7bf0-250a3228__1_.jpghttps://imgutil.s3.us-east-2.amazonaws.com/3548f65faedf573a617d447111d0ec757780471e49fdb18d7af96f911ffb1800/151ecc2f-f49c-4d3c-8447-1a0f5731ee61.png
VihaanSondhi
@VihaanSondhi0
day 5 of #100-days-in-public couldn't sleep so I decided to start working on a semantic search tool, and ended up getting nerd-sniped by the history of search in general. I'm super tired tho now so I'm going to be
https://scrapbook-into-the-redwoods.s3.amazonaws.com/0f4275dc-3a0c-46e3-99bb-db9cfb207526-image.png
EvanGan
@EvanGan7+
Day 29 of #100-days-in-public. Happy PI day! Today I worked on my site more for two and a half hours to get live responses(seeing responses as the AI writes) working, only to later in the day get paywalled by google. I am hoping it is just their changing capacity because it stops pay-walling me randomly. In other news I checked my website this morning to find one of the changes I made yesterday finally updated, so I can now post to my website! I expect to ship a version tomorrow.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/2b831e9e-1206-447e-9c65-8a5dca2025f0-screen_shot_2024-03-14_at_5.18.31_pm.png
google emoji
cupcakes
@cupcakes0
Playing around with Google's Teachable Machine for a project! I'm learning a lot about how camera access works with the web browser
https://scrapbook-into-the-redwoods.s3.amazonaws.com/eebc834c-c813-4911-8f6b-739b62ca2a60-image.png
wom emoji
google emoji
phaedra
@phaedra0
I built a student portal/site for my school! In the future, there may be AI and official district portal features thrown in as well, but at the moment it's primarily being used for my school's course selection since that's what's happening right now at school. I'm so happy to have finished building it! It's a project that I've been hoping to launch since my freshman year of high school but never had the coding expertise to execute, and now it's open-source and live for the 1,700+ students at my school to access! Using Next.js, React, and the magic of the Google Sheets API, I was able to sell the course catalog that my school has (and I now encourage you to check it out)! It's now available at mybla.vercel.app :D It's been awkward walking around and seeing people compliment the project due to seeing my name in weekly announcements but I'm happy that it already has a happy user base even after being released for a short while.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/58eee7b0-4d5a-4075-8ad8-73de2e476309-image.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/4f6fb409-4a02-4301-8411-56489af79756-image.png
EvanGan
@EvanGan7+
Day 13 of #100-days-in-public. Today I tried to implement Google's AI into my webpage with some success. After I had a successful attempt I tried to make the code better but ended up just breaking it for the time being. In the background I have been playing around with my blot and having fun with it. I have a few ideas on how to optimize the drawing speed which I will try to implement at a later date.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/7ef78c2f-663b-4455-9cd0-5d1c337b9098-image.png
google emoji
goose-honk-technologist emoji
wom emoji
vik
@vik0
also worked on a lot of #onboard outreach on various niche discord servers. hack club is now AN OFFICIAL RESOURCE!!! on the keyboard atelier resource google sheet, and its just beginning of more to come!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/86b50d49-f4f6-4982-909d-9dfa3fb9cdda-image.png
pcb emoji
discord emoji
google emoji
goose-honk-technologist emoji
hackclub emoji
wom emoji
cupcakes
@cupcakes0
Day 3 of #10-days-in-public! created a machine learning model using google's Teachable Machine and considering adding it to my site!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/7f550dfd-f7aa-4643-bbe1-7ec8d980305e-image.png
Theo
@Theo0
Day 2 of 10 days in public. I am leaving for a trip today, so I thought the most reliable idea is to post this now. If I do more later today once I get where I am going, I will talk about it tomorrow. Today I wrote out the main story line in its entirety except for characters and details, then watched a bit of a tutorial on making a text based rpg, but realized I needed to know what loops were, so I watched a video on loops, and then experimented with my newfound knowledge. I also tried to figure out how to use the app I got to code things in, but that will take more time. Here is a document with story and stuff: docs.google.com/document/d/1hhrkJPQ7tqSYxhMyzBAnxj3mKT01PaUtq-UWFGhz3r8
https://scrapbook-into-the-redwoods.s3.amazonaws.com/a3c8627c-7ca0-40f4-905e-75f796b63854-screen_shot_2024-02-16_at_3.33.38_pm.pnghttps://imgutil.s3.us-east-2.amazonaws.com/890784463a4b85114b5b375a2772d70681a96746b3c4c2d7228d7caecdf5f5fb/c94db188-d58f-4c6e-b6f0-a933ee786300.png
Firepup650
@Firepup6500
totally not just grabbing random google images for stuff people request...
https://scrapbook-into-the-redwoods.s3.amazonaws.com/46e66db4-eae7-4658-9e7a-84271e0b951a-universe-bottle.png
wom emoji
google emoji
Malycia
@Malycia0
https://imgutil.s3.us-east-2.amazonaws.com/9996e92ba2dc770f37557a66a965b95ecf6e134d246149cb24663c52a1ca9cb8/8d34e7fe-9130-4488-8ac9-0a2f1d536377.png
google emoji
ZigaoWang
@ZigaoWang0
https://scrapbook-into-the-redwoods.s3.amazonaws.com/a211861d-9aa7-458b-8351-ae47b6c7ad71-image.pnghttps://imgutil.s3.us-east-2.amazonaws.com/6bfd1aaf0b4d3ce1971e481689094a617c3e8889e87c9590f355ad90fb33d8d7/5bda415c-b49b-4fb6-9f97-b8367aef3dde.png
google emoji
scournane
@scournane0
Got Google Auth to work with Clerk, and now I'm finally able to replace [Insert Name Here]
https://scrapbook-into-the-redwoods.s3.amazonaws.com/fce75417-abc4-4eda-9cc2-146c84908511-screen_shot_2024-01-20_at_9.43.05_pm.png
google emoji
cytronicoder
@cytronicoder0
mmm, there's #100-days left of 2023 - what better way to kick things off than a revamp of my life? 💜 introducing v2.cytronicoder.com, the latest edition of my portfolio which I started last year. featuring the comeback of my ✨ projects ✨ showcase, as well as a brand new purple theme + profile picture rotation based on my Slack profile pic over at slack.cytronicoder.com! :slack: additionally, non-hacky stuff: I opened up (sourced?) my two spotify playlists @ my profile (psst listen to the alternate version its honestly better) and my React workshop @ buildingbloCS! go check them out, and feel free to reuse the workshop materials :roo-love: finally, i'm really excited to tell yall that my abstract on single-cell embeddings and spacial distributions (quite a mouthful tbh) has been selected for both a poster and oral presentation @ GIW ISCB-Asia 2023 :partyparrot: now comes the part where I go on an indefinite hiatus to work on my final paper, presentation, and poster + school summatives
https://scrapbook-into-the-redwoods.s3.amazonaws.com/e82f9cf8-3612-42aa-a7e0-dea180dcbf79-screenshot_2023-09-22_at_22.46.05.png
jc
@jc0
hi! i’ve been a bit inactive in this slack but i’m officially back! just wanted to share a couple things i’ve been working on: marrow, markright, and the star of the show, arson! arson :fireball: is a programming language, around, well, ARSON! what else. (excuse the bad inside joke.)👇 here’s a demo of me writing a sudoku puzzle solver in arson with marrow, a text editor i’ve been working on using this amazing guide on writing one in c that i’ve been expanding upon! because i want my own vim alternative but mostly for funsies and to learn c. another things: markright! some people might know that i wrote my own markdown parser a while ago along with a web ui. the web ui has been improved and looks a lot better! (although i have a couple issues to fix in chrome). comes w/ google oauth (i kind of skimped on adding extra auth options) and a recursive filesystem. demo also below 👇 extra things i did or am working on icyi at www.jianminchen.com/article/general/2023-06-04! going forward planning to work on more hc-centric stuff!
jzaleta
@jzaleta0
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 = () =&gt; {
    import('js-confetti').then(({ default: Confetti }) =&gt; {
      const confetti = new Confetti()
      confetti.addConfetti({
        emojis: ['🎮', '👾', '🕹️', '💻', '📸', '🎧', '🎨', '🪽']
      })
    })
  }

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

function Image({ src, text }) {
  return (
    &lt;div className={styles.photo}&gt;
      &lt;img src={src} width="auto" /&gt;
      &lt;p&gt;{text}&lt;/p&gt;
    &lt;/div&gt;
  )
}

export default function PhotoGallery() {
  useEffect(() =&gt; {}, [])
  return (
    &lt;div className={styles.photoGallery}&gt;
      &lt;div className={styles.photos}&gt;
This was very fun to work with, and definitely I need to properly learn Next.js on the future. :salute:
Shreeya
@Shreeya0
I am relevant on barb goo
https://scrapbook-into-the-redwoods.s3.amazonaws.com/0898afb8-29b3-425a-ad87-85af51519edd-img_2040.png
google emoji
Marios
@Marios0
More google slide work and homework :/
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ffa01e20-a810-440c-9aba-f1ad93f3b3b9-screenshot_2023-04-23-01-46-57-714_com.google.android.apps.docs.editors.slides.jpg
cupcakes
@cupcakes0
Learning about extensions :google:
https://scrapbook-into-the-redwoods.s3.amazonaws.com/71ded013-530e-423b-9ad9-079a6cc09491-image.png
google emoji
spring-of-making emoji
parkalex380
@parkalex3800
More abuse of school google drive :bsod_smile:
https://scrapbook-into-the-redwoods.s3.amazonaws.com/fc1253b5-e778-42f4-a755-9d67f58c0e67-image.png
sike
@sike0
https://cloud-cvphhg9we-hack-club-bot.vercel.app/020230316_112657.jpghttps://cloud-nazyuucg8-hack-club-bot.vercel.app/020230316_115400.jpghttps://cloud-d1n2ylpv4-hack-club-bot.vercel.app/020230316_115151.jpghttps://cloud-pujbc450c-hack-club-bot.vercel.app/020230316_115824.jpghttps://cloud-i6r3byho1-hack-club-bot.vercel.app/020230316_112654.jpghttps://cloud-o4lgl5rrc-hack-club-bot.vercel.app/020230316_115207.jpg
google emoji
google-cloud emoji
wom emoji
christina695
@christina6950
G-day! This morning, I added a sign up button to the website for my upcoming coding club-- connected to google forms. It’s simple, but it will work.
https://cloud-8kmixbbqp-hack-club-bot.vercel.app/0screen_shot_2023-02-25_at_12.57.24_pm.png
wom emoji
google emoji
hackclub emoji
HaitomnsG-U04FQKQMCET
@HaitomnsG-U04FQKQMCET0
:winter-hardware-wonderland: Winter Hardware Wonderland Day 10: Finally after all the tries Google Assistant is working on Raspberry Pi 4. Now I just need to make a cover for it ☺️.
HaitomnsG-U04FQKQMCET
@HaitomnsG-U04FQKQMCET0
:winter-hardware-wonderland: Winter Hardware Wonderland Day 7: Using a GitHub repo to use Alexa and Google assistant at the same time, hope it works on the first try 😁.
https://cloud-mort7yoro-hack-club-bot.vercel.app/0screenshot_2023-02-20-22-35-08-467_com.realvnc.viewer.android.jpg
google emoji
winter-hardware-wonderland emoji
wom emoji
HaitomnsG-U04FQKQMCET
@HaitomnsG-U04FQKQMCET0
:winter-hardware-wonderland: Winter Hardware Wonderland Day 6: Setting up Google Cloud Console and Amazon Developer Account for the Smart Speaker.
https://cloud-4y3jscal7-hack-club-bot.vercel.app/02023-02-19-180533_1920x1080_scrot.pnghttps://cloud-2c4337xlu-hack-club-bot.vercel.app/0img_20230219_221000.png
wom emoji
google emoji
hardware emoji
winter-hardware-wonderland emoji
among_us_orange_dance emoji
CliveAlmedia-U04KN5ZHM2L
@CliveAlmedia-U04KN5ZHM2L0
day 4/10 project- smart music system, module1 set up a project in google cloud, initialized google assistant API, worked on integrating custom actions on the assistant console until noticed google was deprecating custom actions in a few months, so now thinking of integrating Alexa with my smart music system or finding a new way of setting my smart-speaker up.
https://cloud-mspezuyux-hack-club-bot.vercel.app/0screenshot_2023-02-19_092916.jpg
wom emoji
google emoji
music emoji
winter-hardware-wonderland emoji
Marios
@Marios0
The end of the fifth day of #hardware-party / Winter Hardware Wonderland! :winter-hardware-wonderland: Can you believe it that we reached the half point of #hardware-party! I certainly don't ~~ Basic Project Description ~~ Plant Location Chooser is a project that helps you choose the right place to plant your flowers. This is calculated via the Humidity, Temperature, etc. After a basic summary let's jump into today's software changes! :ultrafastparrot: ~~ Changelog 1️⃣ Add the bluetooth functionality of the app after what it seemed like ages. 3 Hours! :eggsdee: 2️⃣ Learned in advance how bluetooth worked and a it was surprisingly confusing at first! 3️⃣ Create the Google Play Store page & project repository. The repo might not have anything at the moment but in the near future it certainly will. ~~ The Plan of the Future🤖 ~~ Push the app and the schematics to the repo and install the light module! Tomorrow is going to be an exciting! Project Repository
https://cloud-184u6aww6-hack-club-bot.vercel.app/0screenshot_2023-02-18-23-52-33-981_com.example.plant_location_chooser.jpg
wom emoji
winter-hardware-wonderland emoji
hardware emoji
google emoji
cytronicoder
@cytronicoder0
a new project is brewing... :coffeeparrot: Google Chrome extension to pick up possible AI plagiarism by scanning the Google Doc that you are currently editing/viewing no idea how to build one soo here we go 💪
https://cloud-m0paofy5q-hack-club-bot.vercel.app/0screenshot_2023-02-14_at_8.08.13_pm.png
wom emoji
google emoji
cytronicoder
@cytronicoder0
Shipped a simple waitlist form today! User inputs their email in, API logs email into a Google spreadsheet + Discord channel via webhook, and sets a cookie so the user cannot sign up for a second time. The UI is pretty simple, but I learned a lot about integrating the various services inside one endpoint. 💪
https://cloud-3w1qsvvq9-hack-club-bot.vercel.app/0code_260123.png
cytronicoder
@cytronicoder0
https://cloud-7eg58lgz0-hack-club-bot.vercel.app/0image.png
khalby786
@khalby7860
https://cloud-2df17lj5l-hack-club-bot.vercel.app/0image.png
google emoji
instagram emoji
wom emoji
awesome emoji
epoch emoji
khalby786
@khalby7860
https://cloud-6484zity3-hack-club-bot.vercel.app/0image.png
instagram emoji
wom emoji
google emoji
epoch emoji
khalby786
@khalby7860
https://cloud-fp0fgf9ra-hack-club-bot.vercel.app/0image.png
epoch emoji
google emoji
instagram emoji
wom emoji
cytronicoder
@cytronicoder0
https://cloud-eorn99549-hack-club-bot.vercel.app/0screenshot_2023-01-02_at_10.31.35_am.png
cytronicoder
@cytronicoder0
Workshop on cybersecurity with Google DSC in Singapore! 🔏
https://cloud-ogar0clj2-hack-club-bot.vercel.app/0screenshot_2022-12-28_at_9.05.14_pm.png
singaporeparrot emoji
wom emoji
google emoji
Lucas
@Lucas0
I broke my Google Chrome; Episode 1,078,357,359,235,578
https://cloud-acac90h1q-hack-club-bot.vercel.app/0img_20221227_211620.jpg
google emoji
wom emoji
khalby786
@khalby7860
2 weeks to go till Epoch, and here's the story of this sticker. It all started a few months ago when genius minds from all over the world decided to brainstorm ideas for stickers they'd like at Epoch. We decided we wanted stickers with local Delhi references for advanced humour. And one such idea was to make a sticker that says Horn Ok Please, with Epoch-ish Hack Club elements in there. For context, Horn Ok Please is written on the back of trucks and lorries prominently seen in North India (in South India, we just have Sound Horn) to alert drivers of vehicles approaching from behind to sound their horns if they wish to overtake, in a country like India where honking is the primary source of communication between you and the other vehicles on the road. Part of the idea was also to make it look like Horn Ok Please was written on the back of a truck. I said, "OK OK LMAOOO WE'RE MAKING A STICKER OUT OF THIS". Now I'm not exactly the most productive and efficient person out there, I thrive on deadlines. I would occasionally just visit the Figma file, do random stuff and close my tabs while I did not have exams, homework or both. Normally I'd be able to complete stuff while "occasionally" visiting but this one was a bit hard. There weren't many reference images I could find, other than a photo directly from the Wikipedia page. I somehow also found the same image from a frontal angle which helped me trace out the letters and create "Horn Ok Please" as an SVG (my Figma Pen Tool skills are unrivalled, they talk about my curves). I also needed some random art related to India, like peacocks and the Taj Mahal, so what I did was take photos from unsplash.com, remove their background and run them through svgco.de (WHICH IS A GOD SENT BTW, credit to @OjasSomethin' for pointing this wonderful tool out) to give them a painted and vector-y look. I quickly combined them together but I realized it didn't have the same back-of-the-truck feeling and other people were quick to point that out. @deven then points out that I should do "Hack Ok Please" ("cos the H matches") and a few days later, there's a better reference picture of a Horn Ok Please in #design. In the thread where the image was posted, there was a lot of talk about getting the text bevels and shadows right along with identifying a similar font, which @sarthak narrowed down to a font called Syne, which fortunately was available on Google Fonts and I had it downloaded in no time. I decided to start with the background, and I wanted it to look realistic as possible. The question is, how do you make wooden planks in Figma? Sure, I could draw lines, and make it look realistic in a vector art sense but I wanted the right colour and texture. Well, what if I just placed a picture of wooden planks? That is exactly what I did, and it's called textures. A visit to textures.com gave me some quality seamless textures of wooden planks, and to make it pink I added a separate colour layer and decreased the opacity of the colour layer (I slightly colour-corrected the plank textures for it to be visible while still having the desired shade of pink). I also wanted the grooves (or gaps, whatever you call them) between the planks to affect the surrounding elements as if all the designed elements were actually painted on wooden planks. I did this by manually drawing out groove lines using the good ol' Pen Tool and giving it a slight drop shadow. The text. "Hack Ok Please!!". It needed bevels. Neither does Figma have an option for bevels nor could I find a plugin that gives bevels to text. Having lost all hope, I wandered around on YouTube hoping some Indian tech guy could help me out when an unexpected ally rose to the occasion: pixlr.com/e. They could make bevels out of text input and export it into PNG - that was more than enough for me. I dragged the export across the browser and into Figma and used a freemium plugin called Image Tracer which I thought had already been exhausted of its 5 free trials but apparently not. I got an SVG, got box shadows using a wonderful plugin called oblique and added that stuff on top of the wood. Only the decorations remained. I'm not gonna lie, I didn't have much creativity in this area. The corners of my reference image had floral-like colourful designs and I wasn't really sure about manually tracing it using the Pen Tool. The floral-like design reminded me of something I used to do with my mom when I was a kid, where basically I'd take an A4-sized paper, fold the paper in half, put drops of acrylic paint of different colours on the crease of the paper and fold it again to create something that looked like a butterfly. I thought that if I could do something like that with the right colours, I could take a good picture with my phone, remove its background, change its colours a bit and use it in my design. After begging my sister to help me (spoiler alert: she did not), I decided to steal my sister's paint (she's not on Hack Club, so she won't find out) and perform the sacred method of "squish painting". Long story short, it did not come out like I expected it to, it was too narrow and too green for my liking. (I wanted to take a picture of the result I got for the sake of this scrapbook post, but the paint stuck to each other and now I can't unfold the paper and tearing it doesn't seem like a good idea.) At this point, I decided to give up on everything else and trust the mighty Pen. By listening to the Doom OST theme song and Cocomelon songs on a loop, I traced out the basic lines of the floral designs and just randomly coloured them with every main colour I could find. By now, I was too lazy and uncreative to create my own assets, so I just screenshotted the flower thingy at the bottom of the reference image and then modified the colours a bit so that it matches the background colour of the sticker. Combine this with some smooth curves and spheres, and we have our decorations. To make it even more realistic, I got some grime and brush stroke textures from textures.com, removed their backgrounds, reduced the highlights a bit, increased the shadows a lot, halved the opacities and added the corners of the sticker. Oh and I almost forgot, there's a slight amount of noise at the very top to give it a slightly dirty/realistic feeling, using the Noise plugin. Adding noise textures to my designs is a reflex action at this point.
https://cloud-3t9z86ohm-hack-club-bot.vercel.app/00image.pnghttps://cloud-9395dltdx-hack-club-bot.vercel.app/0image.pnghttps://cloud-briizaflu-hack-club-bot.vercel.app/0image.pnghttps://cloud-6vyogbk1y-hack-club-bot.vercel.app/0image.pnghttps://cloud-a55d8l8px-hack-club-bot.vercel.app/0image.png