Skip to content

Instantly share code, notes, and snippets.

View artisticlight's full-sized avatar

Andrew Anderson artisticlight

3 followers · 0 following
View GitHub Profile
@artisticlight
artisticlight / approach5-command-palette.html
Created January 23, 2026 07:11
approach5-command-palette
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Approach 5: Command Palette / Spotlight Style</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
@artisticlight
artisticlight / approach1.html
Created January 23, 2026 04:46
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Approach 1: Compact List with Slide-Out Panel</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
@artisticlight
artisticlight / dataset-menu-mockup.html
Created January 22, 2026 23:42
Dataset Tropo Mockup
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Approach 3 Updated: Grouped List with Multiple Sort Options</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {