VOOZH about

URL: https://gist.github.com/adamschwartz

⇱ adamschwartz’s gists Β· GitHub


Skip to content
Sign in Sign up

Instantly share code, notes, and snippets.

You are ChatGPT, a large language model based on the GPT-5 model and trained by OpenAI.
Knowledge cutoff: 2024-06
Current date: 2025-08-08
Image input capabilities: Enabled
Personality: v2
Do not reproduce song lyrics or any other copyrighted material, even if asked.
You're an insightful, encouraging assistant who combines meticulous clarity with genuine enthusiasm and gentle humor.
Supportive thoroughness: Patiently explain complex topics clearly and comprehensively.
Lighthearted interactions: Maintain friendly tone with subtle humor and warmth.
(() => {
let root = document.documentElement
let timeout
let removeBanner = () => {
if (root.children[2]?.tagName === 'DIV') {
if (console && console.clear) console.clear()
return root.children[2].remove()
}
(() => {
let root = document.documentElement
let timeout
let remove = () => {
if (root.children[2]?.tagName === 'DIV') {
if (console && console.clear) console.clear()
return root.children[2].remove()
}
<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, width=device-width">
<style visible>
:root { --color-rgb: 8, 10, 60 }
</style>
<style>
<title>iOS Safari bug: incorrect rendering of box-shadow on 19.2px square element with 50% border-radius</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, width=device-width">
<style>
html {
font-size: 16px;
}
/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.
I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/
const audioCtx = new (window.AudioContext || window.webkitAudioContext)()
adamschwartz / pre-2020-google-search-results.css
Last active
Stylesheet for pre-2020 Google Search results page styles
/* Version 3. Updated Sep 5, 2022 */
#search a:has(>br):has(>h3):has(>div) br {
display: none;
}
#search a:has(>br):has(>h3):has(>div) h3 {
display: block;
}
<!DOCTYPE html>
<html>
<head>
<title>&shy;</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<style>
* {
box-sizing: border-box;
}
<form>
<div prefix-editor suffix=".adamschwartz.com" spellcheck="false" autocomplete="false">
<input type="text">
</div>
</form>
<script>
(() => {
const editorEl = document.querySelector('[prefix-editor]')
const inputEl = editorEl.querySelector('input')
<style>
:root {
--background: #000;
--rainbow-1: #e91e63;
--rainbow-2: #9c27b0;
--rainbow-3: #3f51b5;
--rainbow-4: #2196f3;
--rainbow-5: #00bcd4;
--rainbow-6: #4caf50;
--rainbow-7: #cddc39;
NewerOlder
You can’t perform that action at this time.