thinkjrs

# ctrl-y to copy to clipboard
if [[ -n $DISPLAY ]]; then
  copy_line_to_x_clipboard () {
    printf %s "$READLINE_LINE" | xclip -selection CLIPBOARD
  }
  bind -x '"\C-y": copy_line_to_x_clipboard' # binded to ctrl-y
fi

thinkjrs

const colors = {
  slate: {
    50: '#f8fafc',
    100: '#f1f5f9',
    200: '#e2e8f0',
    300: '#cbd5e1',
    400: '#94a3b8',
    500: '#64748b',
    600: '#475569',
    700: '#334155',

thinkjrs

'use client'
import React, { MouseEvent } from 'react'
import Link from 'next/link'
import settings from '../lib/settings'

export function HomeLink404() {
  const handleClick = (e: MouseEvent<HTMLAnchorElement>, href: string) => {
    e.preventDefault()
  }
  return (

thinkjrs

import React from 'react'
import { HomeLink404, DashboardLink404 } from '@/components/404Links'
export default function NotFound() {
  return (
    <>
      <section className="bg-primary relative z-10 py-[120px]">
        <div className="container mx-auto">
          <div className="-mx-4 flex">
            <div className="w-full px-4">
              <div className="mx-auto max-w-[400px] text-center">

thinkjrs

1. Client uploads a file using the frontend upload component
2. Frontend calls edge/middleware backend to get pre-signed PUT and GET request urls from AWS
3. Frontend uses pre-signed PUT request to upload file
4. Frontend uses pre-signed GET request to download file

Additional steps for our apps

5. Frontend sends pre-signed GET request to backend which appends url to campaign via Promo API

https://stackoverflow.com/questions/76776562/nextjs-upload-to-s3-using-aws-sdk-v3-and-new-nextjs-app-router

thinkjrs

<!-- https://larsmagnus.co/blog/how-to-make-images-react-to-light-and-dark-mode -->
<picture>
  <source
    srcset="dark-image.png"
    media="(prefers-color-scheme: dark)"
  />
  <img
    src="light-image.png"
    alt="Browser with large and small images of a coffee cup and plants"
  />

thinkjrs

// https://github.com/vercel/vercel/issues/3825#issuecomment-961295566
function formatBytes(bytes: number, decimals = 2) {
  if (bytes === 0) return '0 Bytes'

  const k = 1024
  const dm = decimals < 0 ? 0 : decimals
  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']

  const i = Math.floor(Math.log(bytes) / Math.log(k))

thinkjrs

Copy an SSH key to a server

Use the built-in ssh-copy-id command to copy keys to servers.

Note: make sure you have enabled password authentication on the server ssh server configuration, first!

ssh-copy-id -i ~/.ssh/mykey user@host

thinkjrs

Removing Docker Volumes

It's a common need to remove docker volumes (e.g. Gitlab runners that polute your system).

The command

Below is a quick 'n dirty command to get the job done.

sudo docker volume rm $(sudo docker volume ls -q)

thinkjrs

Date Range in Python

This covers how to get a date range in Python using only standard library modules.

The code

"""
MIT LICENSED
(c) 2023 Jason R. Stevens, CFA
"""