Albin Groen albingroen
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Mark from "mark.js"; | |
| import { useEffect, useRef, useState } from "react"; | |
| import { | |
| Dialog, | |
| DialogClose, | |
| DialogContent, | |
| DialogDescription, | |
| DialogTitle, | |
| } from "@radix-ui/react-dialog"; | |
| import { |
albingroen
/ GlassSwitch.tsx
Last active
October 28, 2025 15:07
Glass switch component based on shadcn/ui
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import * as React from "react"; | |
| import * as SwitchPrimitive from "@radix-ui/react-switch"; | |
| import { cn } from "@/lib/utils"; | |
| function Switch({ | |
| className, | |
| ...props |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export default function useQueryParam<T>( | |
| key: string, | |
| push: (path: string) => void, | |
| defaultValue?: T, | |
| ): [T, (value: T) => void] { | |
| const { pathname, search } = location | |
| const query = new URLSearchParams(search) | |
| const rawValue = query.get(key) |
albingroen
/ tailwind.config.js
Last active
June 21, 2021 09:55
Tailwind CSS Typography | Github markdown theme
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"], | |
| darkMode: "media", // or 'media' or 'class' | |
| mode: "jit", | |
| theme: { | |
| extend: { | |
| typography: (theme) => ({ | |
| light: { | |
| css: { | |
| color: "#adbac7", |
albingroen
/ delete-github-repos.js
Last active
June 4, 2021 15:22
Delete multiple GitHub repos from your profile
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/usr/bin/env node | |
| const axios = require("axios"); | |
| // ADD THE NAME OF THE REPOS YOU WANT TO DELETE HERE | |
| const repos = []; | |
| // ADD YOUR GITHUB USERNAME HERE | |
| const username = "" |
albingroen
/ todos-animation.tsx
Created
August 2, 2020 14:59
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <AnimateSharedLayout> | |
| <motion.div layout> | |
| <AnimatePresence> | |
| {todos.map((todo) => ( | |
| <motion.div | |
| initial={{ opacity: 0, x: -50 }} | |
| animate={{ opacity: 1, x: 0 }} | |
| exit={{ opacity: 0, x: 50 }} | |
| key={todo.id} | |
| layout |
albingroen
/ spotifyd.conf
Created
July 7, 2020 13:18
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Your Spotify account name. | |
| username = YOUR_SPOTIFY_USERNAME | |
| # Your Spotify account password. | |
| password = YOUR_SPOTIFY_PASSWORD | |
| # How this machine shows up in Spotify Connect. | |
| device_name = spotifyd | |
| device_type = computer |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Cypress | |
| on: [push] | |
| jobs: | |
| cypress-run: | |
| runs-on: ubuntu-16.04 | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v1 | |
| - name: Cypress run | |
| uses: cypress-io/github-action@v2 |
albingroen
/ ui-diff-pages-with-actions.js
Created
February 4, 2020 11:53
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Add all pages you want to test | |
| module.exports = [ | |
| { | |
| path: '/', | |
| name: 'Start', | |
| actions: [ | |
| { | |
| event: 'type', | |
| element: '#mainInput', |
albingroen
/ ui-diff-config.js
Created
January 14, 2020 21:01
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const envs = { | |
| // Required environments | |
| local: "URL TO YOUR LOCAL ENVIRONMENT", | |
| live: "URL TO YOUR LIVE ENVIRONMENT", | |
| // Any environment you want. For example: | |
| dev: "URL TO YOUR DEV ENVIRONMENT", | |
| staging: "URL TO YOUR STAGING ENVIRONMENT", | |
| } |
NewerOlder