Chris Baughman cmbaughman

Fixing SQL Query Performance With CTEs

SELECT
    c.customer_id,
    c.segment,
    SUM(t.amount) AS total_spent
FROM customers c

<a href="#modal">Open Modal</a>

<div id="modal" class="modal">
  <a href="#" class="close">×</a>
  <p>This is a CSS-only modal window!</p>

	#!/bin/bash

	# INSTALL
	# =======
	# Add Cloudflare's gpg key
	curl -fsSL https://pkg.cloudflareclient.com/pubkey.gpg \| sudo gpg --yes --dearmor --output /usr/share/keyrings/cloudflare-warp-archive-keyring.gpg

	# Add the repository
	echo "deb [signed-by=/usr/share/keyrings/cloudflare-warp-archive-keyring.gpg] https://pkg.cloudflareclient.com/ $(lsb_release -cs) main" \| sudo tee /etc/apt/sources.list.d/cloudflare-client.list

	#!/usr/bin/bash

	sudo apt update
	sudo apt install android-sdk-platform-tools-common
	# If it's already installed, manually add the Google vendor ID
	echo 'SUBSYSTEM=="usb", ATTR{idVendor}=="18d1", MODE="0666", GROUP="plugdev"' \| sudo tee /etc/udev/rules.d/51-android.rules
	sudo udevadm control --reload-rules
	sudo service udev restart

	window.addEventListener('DOMContentLoaded', () => {
	const walk = document.createTreeWalker(
	document.body,
	NodeFilter.SHOW_TEXT,
	null,
	false
	);

	const reg = /®/g;
	let node;

	/*
	* A Modern CSS Reset (2025 Edition)
	* Inspired by Josh Comeau, Andy Bell, and community best practices.
	* Usage: Apply at the top of your CSS for a clean foundation.
	*/

	/* 1. Box-sizing: Border-box for all elements */
	, ::before, *::after {
	box-sizing: border-box;
	}

	/////////////////////////////////////////////////////////
	// Debounce: wait until the user stops typing
	function debounce(fn, delay) {
	let timeout;
	return (...args) => {
	clearTimeout(timeout);
	timeout = setTimeout(() => fn.apply(this, args), delay);
	};
	}

	/* Recommended font stack for neutral, modern look */
	:root { --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }

	body { font-family: var(--ui-font); }

	/* Self-hosted font (or just comment out) */
	@font-face{
	font-family: 'YourCoolFont';
	src: url('/fonts/yourcool.woff2') format('woff2');
	font-display: swap;

	html {
	scroll-behavior: smooth;
	}

	.section {
	transform: translateZ(0); /* force GPU layer */
	will-change: transform;
	}