cassidoo

Check out this picture and toggle dark mode or light mode on your GitHub profile to see it change!

cassidoo

Have Copilot give you tips on how to improve as a developer

Click the button and you'll seeeeeee:

(I generated this button with this project here, try it out!)

cassidoo

If you don't want to deal with styling a mostly text-based HTML document, plop these lines in and it'll look good:

html {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.3em;
  max-width: 40rem;
  padding: 2rem;
  margin: auto;
 line-height: 1.5rem;

cassidoo

Convert a video from dark mode to light mode with FFmpeg!

Let's make it so you can record a demo once in dark mode, and then convert that into light mode, in a single command!

Install FFmpeg

FFmpeg is the brains behind pretty much all video editing softwares. It's a really awesome tool beyond just this use case!

You can go to their downloads page to clone the repo or go into details about how it runs, but here's some shortcuts.

cassidoo

"use client";
import { useState, useEffect, useRef } from "react";

function SimpleRecordButton() {
	const [isRecording, setIsRecording] = useState(false);
	const [audioStream, setAudioStream] = useState(null);
	const [mediaRecorder, setMediaRecorder] = useState(null);
	const [audioBlob, setAudioBlob] = useState(null);
	const [recordingTime, setRecordingTime] = useState(0);
	const timerRef = useRef(null);

cassidoo

Talk to Me page

Who am I?

...

What do I do at organization?

...

cassidoo

Switch master branch to main branch

Create main branch with history from master

git branch -m master main

Push main branch to GitHub

cassidoo

function generateLutFilter(hexColorsToExclude) {
  function hexToRgb(hex) {
    const bigint = parseInt(hex, 16);
    const r = (bigint >> 16) & 255;
    const g = (bigint >> 8) & 255;
    const b = bigint & 255;
    return { r, g, b };
  }

  let lutFilter = "lutrgb=";

cassidoo

<?xml version="1.0" encoding="utf-8"?>
<!--

# Pretty Feed

Styles an RSS/Atom feed, making it friendly for humans viewers, and adds a link
to aboutfeeds.com for new user onboarding. See it in action:

	 https://interconnected.org/home/feed

cassidoo

export function mergeRefs(refs) {
	return (value) => {
		refs.forEach((ref) => {
			if (typeof ref === "function") {
				ref(value);
			} else if (ref != null) {
				ref.current = value;
			}
		});
	};