eliana jubilancy

All Named CSS Colors

Shows all named CSS colors, with a few special features. Covered in complete detail on my site

color keywords are drawn from a JSON array, which may be useful
script demonstrates looping through a JSON array, determining luminosity and contrast, and generating elements with insertAdjacentHTML
alternative English spellings of colors are included, together with rebeccapurple and transparent. (Note that transparent is not technically a named color, and its alpha hex value - #00000000 - is not yet supported in most browsers (browsers currently map transparent to rgba(0,0,0,0), but the hex value has been used for consistency).
demonstrates even distribution of last-children in a flexbox layout using media queries

	@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap');


	:root {
	--width: 720px;
	--font-main: 'Roboto Mono', monospace;
	--font-secondary: 'Roboto Mono', monospace;
	--font-scale: .9em;
	--background-color: #fff;
	--heading-color: #232333;

	tap "domt4/autoupdate"
	tap "lemoony/tap"
	tap "raymonepping/repository-export-cli"
	tap "theboredteam/boring-notch"
	tap "tombener/tap"
	# ANSI HTML adapter
	brew "aha"
	# Resource monitor. C++ version and continuation of bashtop and bpytop
	brew "btop"
	# Play, record, convert, and stream select audio and video codecs

	---
	{}
	---

	<div style="display: flex; padding: 10px; gap: 10px;">
	<div style="flex: 1; padding: 10px; border: 1px solid #ccc;">
	⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠃⢠⡆⠀⠀⢽⣬⣭⣭⣛⣻⢿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
	⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢋⣡⠆⢀⣾⣿⡄⠀⠀⠙⣿⣿⣿⣟⢭⣷⣧⣤⣋⠻⡿⣿⣿⣿⣿⣿⢟⣛⡻⡿⠿⠿⣿⣿⣿⣿
	⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢟⢋⣕⣿⠏⠀⣾⣿⠛⠀⠀⠀⠀⠀⠚⠛⣟⣳⣯⣭⣿⣿⣾⣶⣕⢽⠿⠿⠏⠛⠋⢿⣾⣿⣿⢨⣿⣿⣿
	⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⢱⣿⣏⣹⠟⠀⠀⣿⡀⠀⠀⠀⠀⠀⠀⠀⣩⣷⣿⣿⣿⣿⡿⠙⠉⠀⠀⠀⠀⠀⣀⡄⢸⣿⠿⣣⣾⣿⣿⣿

	from PIL import Image
	import os
	import shutil


	def get_aspect_ratio(image_path):
	with Image.open(image_path) as img:
	width, height = img.size
	aspect_ratio = float(width) / float(height)
	return aspect_ratio

	<details>
	<summary>welcome to ravel!</summary>
	<details>
	<summary>ravel is a tool for making unfolding texts out of the html details tag.</summary>
	<details>
	<summary>write text in the "Write" tab, left</summary>
	<div>(click on any piece of text to edit it)</div>
	<details>
	<summary>while writing, press enter to make a new node of editable text</summary>
	<div>it will be nested under the node you were writing in</div>

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>Universal CSV Viewer</title>

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">

	:root {
	--border-color: #e1e4e8;
	--header-bg: #f6f8fa;
	--header-text: #24292e;
	--row-hover: #f1f8ff;
	--link-color: #0366d6;
	--text-muted: #586069;
	}

	/* 1. Container for Responsiveness & Sticky Header */