Vsc Posts – Hack Club Scrapbook

Winter Hardware Wonderland Day 1: Installed the DC Buck Converter. Wired the battery pack to it and used the output of it to the servo. Configuring each servo with VSCode and calibrating them

https://cloud-oeojr1u2b-hack-club-bot.vercel.app/020230214_222209.jpg

Unexpectedly took an interest on Raspberry Pi Picos from Arduinos and decided to experiment with them. The windows setup with vscode was definitely a pain and it took ~2 hours, so I didn't have much time to do any other project but a modified blink project with a reset switch. Also I almost bent a pin 😑.

https://cloud-rgam057uh-hack-club-bot.vercel.app/0img_20230130_003447.jpg

I finally add more colors to my vscode theme! Now I'm ready to work on the syntax highlighting! :vsc: :burst:

https://cloud-dq6hwmeer-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-14_a_la_s__22.42.22.png

https://cloud-kjpwwptem-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-14_a_la_s__22.42.46.png

:burst: More research for my vscode theme! I need a good background color. :sadge: Now I'm looking at solarized and rosé-pine for ideas, most likely I'll go with a dark gruvbox like color.

https://cloud-nxmduxbm5-hack-club-bot.vercel.app/0image.png

https://cloud-psi9kzzyz-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-13_a_la_s__22.17.39.png

Today I started to remake a workshop repo I did and learned more on how to make a vscode theme! Also here's my macbook uptime.

https://cloud-ewofreu7e-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-11_a_la_s__22.14.30.png

https://cloud-dunhmtfaa-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-11_a_la_s__22.12.36.png

Learned about gitub.dev and made my first PR :pr: to Sinerider! :sinerider:

https://cloud-j36fbmv2i-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-10_a_la_s__12.26.00.png

I'm going to be making a Slack bot with Bolt! 🤖 Also I learned how to make a VScode theme :vscode: , I was planning to start this first, but I need to think on the colors I'll use so I'll work on the bot first. :salute:

https://cloud-cge62nqw7-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-09_a_la_s__20.52.09.png

https://cloud-in4b8zupt-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-09_a_la_s__20.53.30.png

Today I learned a bit more on how npm :npm: works, made a small test site with Astro :astro: to understand deployment and changed my VScode theme to Vitesse! :vsc:

https://cloud-dx4ws4x97-hack-club-bot.vercel.app/0captura_de_pantalla_2023-01-08_a_la_s__22.15.07.png

made a vscode extension! it's going to be a status updater (e.g. editing one.js in adventofcode_2022)

https://cloud-mrgczxcjp-hack-club-bot.vercel.app/0image.png

Updated my VSCode theme and installed some extensions! I'm trying to learn Vim, so I found an extension for that, which is pretty nice

https://cloud-jhi48ee25-hack-club-bot.vercel.app/0screenshot_from_2022-09-13_21-47-39.png

finally learning how to go from figma to a website. BUTT new fav vscode theme?? 👀 "Winter is coming dark blue no italics" theme is hot af

https://cloud-arvlqp3iy-hack-club-bot.vercel.app/0screen_shot_2022-09-10_at_4.00.17_am.png

Today I learned more on how to work with VScode! :vsc: I didn't knew :thinking: it was possible to open a terminal :macintosh-stcicker: on it! I tried as well to open the 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! 🦠 🔬

https://cloud-82syjxkzn-hack-club-bot.vercel.app/0vscode.png

Today I started to work on my Visual Studio Code setup! :vsc: I installed Atom's :atom: One Dark theme which is awesome, and Prettier code formatter :macbook-air-space-gray-screen: that was a recommendation from @caleb! I also studied for my exams 🦠 , and worked on a new PR :pr: for Hack Club! :hack-club: Also here's macOS penguin default wallpaper. 📸

https://cloud-nft908oea-hack-club-bot.vercel.app/0macos-penguin.png

https://cloud-pstrpe5nq-hack-club-bot.vercel.app/0captura_de_pantalla_2022-06-04_a_la_s__23.24.34.png

https://cloud-jntso4r13-hack-club-bot.vercel.app/0captura_de_pantalla_2022-06-04_a_la_s__23.22.36.png

today @belle and I got commodore 64 emulators running so we could write assembly programs in 6502! we followed github.com/Esshahn/acme-assembly-vscode-template, but had to make a few tweaks to make it work. first, their application path to VICE is different than ours was - ours was /Applications/vice-x86-64-gtk3-3.6.1/x64sc.app/Contents/MacOS/x64sc second, when assembling the program, our vscode setup didn’t automatically open VICE for us. so we had to manually open the .prg in VICE after we created it

https://cloud-5ab0vtz8t-hack-club-bot.vercel.app/0screen_shot_2022-06-02_at_1.57.16_pm.png

https://cloud-incqsi49h-hack-club-bot.vercel.app/0screen_shot_2022-06-02_at_3.29.36_pm.png

:sunglassesblob: I have finally found a theme & font combo I love. It might only be One Dark Pro Darker and JetBrains Mono but I still love it

https://cloud-8awc0bv7j-hack-club-bot.vercel.app/0image.png

Here's an extra image from yesterday's Biology Lab Class! 🪴 🧪 (I forgot to mention yesterday that my next practice besides Connective tissue will include Epithelial tissue as well!) Also today I'm setting up VScode again to add a better theme and maybe some cool extensions to get done things more easily and add new functions to the IDE! I'm learning too Firefox customization with CSS and how to make a theme for the browser and lastly learning about SSH Connections! 💻

https://cloud-dd93pj72z-hack-club-bot.vercel.app/0screenshot_20220224_235009.jpg

https://cloud-aboti0uvo-hack-club-bot.vercel.app/0screenshot_20220224_233813.jpg

Day 2 of VS Code import pygame import time import math from utils import scaleimage, blitrotatecenter GRASS = scaleimage(pygame.image.load("images/grass.jpg"), 2.5) TRACK = scaleimage(pygame.image.load("images/track.png"), 0.9) def newfunc(): TRACKBORDER = scaleimage(pygame.image.load("images/track-border.png"), 0.9) newfunc() REDCAR = scaleimage(pygame.image.load("images/red-car.png"), 0.55) GREENCAR = scaleimage(pygame.image.load("images/green-car.png"), 0.55) WIDTH, HEIGHT = TRACK.getwidth(), TRACK.getheight() WIN = pygame.display.setmode((WIDTH, HEIGHT)) pygame.display.setcaption("Racing Game For None!") FPS = 60 class AbstractCar: def init(self, maxvel, rotationvel): self.img = self.IMG self.maxvel = maxvel self.vel = 0 self.rotationvel = rotationvel self.angle = 0 self.x, self.y = self.STARTPOS self.acceleration = 0.1 def rotate(self, left=False, right=False): if left: self.angle += self.rotationvel elif right: self.angle -= self.rotationvel def draw(self, win): blitrotatecenter(win, self.img, (self.x, self.y), self.angle) def moveforward(self): self.vel = min(self.vel + self.acceleration, self.maxvel) self.move() def move(self): radians = math.radians(self.angle) vertical = math.cos(radians) self.vel horizontal = math.sin(radians) self.vel self.y -= vertical self.x -= horizontal def reducespeed(self): self.vel = max(self.vel - self.acceleration / 2, 0) self.move() class PlayerCar(AbstractCar): IMG = REDCAR STARTPOS = (180, 200) def draw(win, images, playercar): for img, pos in images: win.blit(img, pos) playercar.draw(win) pygame.display.update() run = True clock = pygame.time.Clock() images = [(GRASS, (0, 0)), (TRACK, (0, 0))] playercar = PlayerCar(4, 4) while run: clock.tick(FPS) draw(WIN, images, playercar) for event in pygame.event.get(): if event.type == pygame.QUIT: run = False break keys = pygame.key.getpressed() moved = False if keys[pygame.Ka]: playercar.rotate(left=True) if keys[pygame.Kd]: playercar.rotate(right=True) if keys[pygame.Kw]: moved = True playercar.moveforward() if not moved: playercar.reduce_speed() pygame.quit()

https://cloud-jhk1c9986-hack-club-bot.vercel.app/0background-black.png

https://cloud-2d4rgeud8-hack-club-bot.vercel.app/0pixel_ship_green_small.png

https://cloud-l7qkls810-hack-club-bot.vercel.app/0pixel_ship_blue_small.png

https://cloud-pcxrlhvxq-hack-club-bot.vercel.app/0pixel_laser_green.png

https://cloud-g26j5vs5d-hack-club-bot.vercel.app/0pixel_ship_yellow.png

https://cloud-1sc5nklcr-hack-club-bot.vercel.app/0pixel_laser_red.png

https://cloud-ny8el12wr-hack-club-bot.vercel.app/0pixel_ship_red_small.png

https://cloud-j7wkr33rr-hack-club-bot.vercel.app/0pixel_laser_yellow.png

https://cloud-bbbtxdaf6-hack-club-bot.vercel.app/0pixel_laser_blue.png

Zeus update: Got a new UI with better perf and rewrote some hacky parts of codebase. The version is now testable github.com/Borrus-sudo/Zeus Currently is supports traversing the file directory and opening files in VSCode. Next I am gonna code opening the command line at the clicked folder to save us unnecessary cd, cd .. and stuff!

https://cloud-1y95ydmcp-hack-club-bot.vercel.app/0image.png

-> DOWNLOAD: marketplace.visualstudio.com/items?itemName=AndrewNijmeh.radium v1.1.0, It now is more related to our "radium" name and has more green, still has some purple stuff in some areas updated filetab and more github.com/radium-theme/vsc go star it here <- 🙂 (it looked similar to another theme so thats why the change is very big, I didnt want to look like a copycat)

https://cloud-99zwmk4uw-hack-club-bot.vercel.app/0image.png

finished my vscode theme (first time making one so not the best). go download it here -> marketplace.visualstudio.com/items?itemName=AndrewNijmeh.radium

https://cloud-as9yn3glj-hack-club-bot.vercel.app/0image.png

going to try vscode again some bumps in the road aaaaaaaaaaaaaaa

https://cloud-i7ig4tlh7-hack-club-bot.vercel.app/0image.png

:blackbird: :blackbird: :blackbird: :blackbird: :blackbird: A new blackbird release is out! v5.0.0 brings blackbird dusk, a slightly lighter version of blackbird with all the same juicy colors. There are also a few other changes such as custom diff colors and color unifications (such as deep blue being used for arithmetic operations as it is already used for numbers). On the left is blackbird midnight (classic blackbird) and on the right is blackbird dusk. Get it fresh off the press on the vscode store! github.com/blackbirdtheme/vscode

https://cloud-n2n7kmoej-hack-club-bot.vercel.app/0screen_shot_2021-08-23_at_11.19.57_pm.png

https://cloud-lyebkvdxx-hack-club-bot.vercel.app/0screen_shot_2021-08-23_at_11.19.47_pm.png

you can have source control be in the bottom panel!?!?

https://cloud-r66gsl6ac-hack-club-bot.vercel.app/0screen_shot_2021-08-23_at_12.06.22_am.png

my vscode broke :wtf:

https://cloud-n3ltdqdz9-hack-club-bot.vercel.app/0screen_shot_2021-08-17_at_3.41.33_pm.png

Meet montertheme! A VS code theme inspired by macos monterey! I love the color pallet and now I can use it in my code editor! This was fun to learn about Azure DevOps and PATs, as well as the workflow for publishing extensions! marketplace.visualstudio.com/items?itemName=l3gacyb3ta.montertheme

https://cloud-apv7ptxb9-hack-club-bot.vercel.app/0screenshot_from_2021-08-01_21-01-41.png

🚢 SHIP INCOMING 🚢 After a few months in beta I am happy to announce that blackbird, my own personal color scheme has reached v1.0.0! There are currently implementations for vscode, vim, and a number of terminal emulators. I also created a website for it which you can see at blackbird.mattglei.ch! 🗺️ website ➡️ blackbird.mattglei.ch 🐙 github ➡️ github.com/blackbirdtheme 🚀 product hunt ➡️ www.producthunt.com/posts/blackbird-2

https://cloud-ehu85urf4-hack-club-bot.vercel.app/0title.png

https://cloud-ehu85urf4-hack-club-bot.vercel.app/1example.png

Self hosted vscode! I can host my projects really fast now :)

https://cloud-mxnztdmxt-hack-club-bot.vercel.app/0screenshot_2021-07-02-02-21-57-898_com.android.chrome.jpg

JavaScript is amazing <3 I had to put all hardcoded headings and paragraphs into a yaml file and I just quickly opened up devtools and fiddled with it and solved the problem quicker than I could even open vscode and hit compile in C.

https://cloud-duhgkuwtc-hack-club-bot.vercel.app/0image.png

learning how to use GraphQL with nodejs

https://cloud-qlsvinolj-hack-club-bot.vercel.app/0image.png

used GitHub pages to open a repo and clone it into VSCode…usually I start in VSCode and then use the command line to push to GitHub. It was cool to just figure out a new way on my own that’s actually easier

https://cloud-6za63i0z4-hack-club-bot.vercel.app/0screen_shot_2021-05-28_at_9.26.02_pm.png

Wrote a React useState snippet for VS Code (and Vim too) :celebratoryrat:

VS Code's SSH support is amazing, I'm obsessed! I was really missing this in my life, now I'm gonna ship cool stuff in seconds trust me

https://cloud-hwwx4zumo-hack-club-bot.vercel.app/0image.png

trying out vscode vim for like the billionth time. Hopefully I actually get used to it :bro:

https://cloud-85ottxvx5-hack-club-bot.vercel.app/0screen_shot_2021-05-03_at_4.14.33_pm.jpg

vs-slack is slowly coming to life :eyes_squint: (you can try out the beta at clb.li/vs-slack if you like)

https://cloud-bcmm1j5o0-hack-club-bot.vercel.app/0screen_shot_2021-04-13_at_4.10.46_pm.png

slack for vs code 👁️

https://cloud-dv62evq73-hack-club-bot.vercel.app/0screen_shot_2021-04-13_at_12.41.01_am.png

iv had vs code open for the past hour not knowing what to make

https://cloud-9uudkv0a5-hack-club-bot.vercel.app/0image.png

Added intellisense + syntax highlight for vscode + lucia! marketplace.visualstudio.com/items?itemName=aidenybai.lucia

https://cloud-kqjxj0k1r.vercel.app/0image.png

writing python libraries in nim for speed

https://cloud-6wybzsrp8.vercel.app/0screen_shot_2021-02-16_at_20.12.30.png

Spent sometime tonight making vscode look good :)

https://cloud-e4xfpc1kd.vercel.app/0image.png

Began to code the new project today!

https://cloud-extnms8rs.vercel.app/0image.png

building a :vsc: extension for fgh :fgh:!

wrote 2 #raycast script commands: one to set my slack status and one to open VS Code to an fgh project!

https://cloud-cq0fy8xgo.vercel.app/0screen_shot_2021-02-08_at_6.52.49_pm.png

https://cloud-cq0fy8xgo.vercel.app/1screen_shot_2021-02-08_at_6.53.19_pm.png

Wow!!! The ultimate code

https://cloud-76vqd7zed.vercel.app/0image.png

For all you Raspberry Pi Pico fellas with macs that use vscode (that narrowed it down a lot geez), I made a repo with all the hard work of getting the pico-sdk to work in your development environment already done! github.com/Devnol/pico-boilerplate All you have to do is follow the getting started guide on the Pico website!

https://cloud-3v26jjmku.vercel.app/0image.png

Used VSCode to make a PR, I'm split

https://cloud-o17idltv9.vercel.app/0image.png

coded

https://cloud-ifou3dhbv.vercel.app/0screen_shot_2021-01-28_at_8.54.01_pm.png

I've been struggling to put together large-ish completed projects lately so I decided to just go all out and see how much I can get done in a day-ish. I just finished up ankylos (github.com/safinsingh/ankylos) a modular bootstrapper thing for node projects. Here's what it does: 1. Grab a preset to clone from. This will be copied to whatever destination you specify via a tarball from NPM 2. run ankylos bootstrap to read from the ankylos.config.js in the preset. this tells ankylos what plugins to install and configure. for example, the next preset automatically installs and configures the 'editorconfig', 'eslint', 'github', 'husky', 'markdownlint', 'pnpm', 'prettier', 'renovate', and 'vscode' plugins. it'll also send instructions for build scripts to set, dependencies, etc. ankylos will take care of the explicit dependencies in the preset first. then, it'll install your plugins (ive made like 10 of them for convenience) and install your plugin's dependencies (these are stages 1 & 2 of the bootstrap phase) 3. ankylos prompt you for project metadata and will insert your custom build scripts along with this metadata into a fully-filled out and templated package.json file. finally, ankylos will walk through each of your plugins and apply/copy the files specifies in ankylos.config.js 4. from there, pnpm install will bump you in to your new, modular, automatically-bootstrapped, linted, formatted, <insert a bunch more buzzwords> project! i only had enough time to create a next and node preset so be sure to check those out. anyway, i'm glad i was able to follow through with this and i hope y'all like it! p.s: you can check out all 16, yes, 16 projects from the ankylos monorepo on its dedicated npm org: www.npmjs.com/org/ankylos. anyway, i'll try my best to maintain this (it's in my best interest too so thats good) if anyone else decides to use it

https://cloud-g3j9puxcx.vercel.app/0image.png

you know you’ve matured when you stopped keeping streaks on snapchat and started keeping a streak on scrapbook

https://cloud-j2tbrdy4e.vercel.app/0image_from_ios.jpg