Skip to content

Instantly share code, notes, and snippets.

Building Altair

Bryan Veloso bryanveloso

Building Altair
View GitHub Profile
TheThirdRace / ImageNextJs.tsx
Last active Jan 18, 2022
Integrate NextJs `next/image` with Chakra-UI styling (direct integration)
View ImageNextJs.tsx
import { chakra, ThemingProps, useStyleConfig } from '@chakra-ui/react'
import NextImage, { ImageProps as NextImageProps } from 'next/image'
import { ReactElement } from 'react'
import { Sizes } from '../../theme/variables/image'
// TODO review props when NextJs is updated so we don't have to defined it here
* ? Because NextJs typing is preventing auto-suggest for layout, width and height,
* ? we declare the styles differently in this component and will manage the switch
* ? to NextJs typings when calling NextJs `next/image` component
stungeye /
Last active Nov 9, 2021
Export Flickr Photos To Google Photos Using Exiftool CLI

Backing Up All Photos from Flickr to Google Photos

  • Request an archive of your photos and metadata (json) from the "Your Flickr Data" section of your Flickr user account page.

  • Extract all provided zip files to a single folder with the JSON files unzip to a json subfolder.

  • Install exiftool, a command-line application for reading, writing and editing meta information in a wide variety of files..

  • Sort your Flickr photos into yearly folders by EXIF timestamp and set file-system timestamps from the command line:

nathansmith /
Last active Jan 6, 2019
Command line snippet to lock icons at "48" size.
smiley /
Last active Jan 12, 2022
How to make an automatic "stream's live" notification for your Discord server

Making an automatic Twitch -> Discord notification (using IFTTT)

So you went live and you want everyone to know. Here's how you do it:

Part 1 - Register on IFTTT

Go to and create an account (if you don't already have one)

Part 2 - Make a Discord Webhook

  • Find the Discord channel in which you would like to send Tweets.
  • In the settings for that channel, find the Webhooks option and create a new webhook. Note: This URL should be kept private. It allows anyone to write messages to that specific channel using that specific URL. Keep it safe!
matthewzring /
Last active Jan 20, 2022
A guide to Markdown on Discord.

Markdown Text 101

Want to inject some flavor into your everyday text chat? You're in luck! Discord uses Markdown, a simple plain text formatting system that'll help you make your sentences stand out. Here's how to do it! Just add a few characters before & after your desired text to change your text! I'll show you some examples...

Sweet Styles

Italics *italics* or _italics_

Underline italics __*underline italics*__

troyfontaine /
Last active Jan 19, 2022
Signing your Git Commits using GPG on MacOS Sierra/High Sierra

Methods of Signing with GPG

Last updated March 28, 2021

There are now two ways to approach this:

  1. Using gpg and generating keys
  2. Using Kryptonite by

This Gist explains how to do this using gpg in a step-by-step fashion. Kryptonite is actually wickedly easy to use-but you will still need to follow the instructions

niksudan /
Last active Dec 11, 2021
How to create a new Minecraft Server with DigitalOcean

Creating a new Minecraft Server

This is a short and simple guide on how to set up a multiplayer server running the latest version of Minecraft.

This guide has been tested on Ubuntu 16.04 and 18.04.


Create a new Ubuntu droplet on DigitalOcean. Make sure it has at least 2GB of RAM, and you provide it with your SSH key.

matthewjberger /
Last active Dec 20, 2021
How to make an electron app using Create-React-App and Electron with Electron-Builder.
eliotsykes / current-route-query-params-ember-component.js
Last active Nov 13, 2019
How to get the current route, queryParams, etc. in an Ember component
View current-route-query-params-ember-component.js
// Examples
// Yes, "router.router" twice - this assumes that the router is being injected
// into the component. Otherwise lookup 'router:main'
// One of these will be of interest, figure out which one you want:
danielgtaylor / gist:0b60c2ed1f069f118562
Last active Oct 22, 2021
Moving to ES6 from CoffeeScript
View gist:0b60c2ed1f069f118562

Moving to ES6 from CoffeeScript

I fell in love with CoffeeScript a couple of years ago. Javascript has always seemed something of an interesting curiosity to me and I was happy to see the meteoric rise of Node.js, but coming from a background of Python I really preferred a cleaner syntax.

In any fast moving community it is inevitable that things will change, and so today we see a big shift toward ES6, the new version of Javascript. It incorporates a handful of the nicer features from CoffeeScript and is usable today through tools like Babel. Here are some of my thoughts and issues on moving away from CoffeeScript in favor of ES6.

While reading I suggest keeping open a tab to Babel's learning ES6 page. The examples there are great.


Holy punctuation, Batman! Say goodbye to your whitespace and hello to parenthesis, curly braces, and semicolons again. Even with the advanced ES6 syntax you'll find yourself writing a lot more punctuatio