reddy adores #1

webmural · Jan 4, 2025 · 1b42560 · 1b42560
1 parent cad3182
commit 1b42560
Show file tree

Hide file tree

Showing 7 changed files with 101 additions and 109 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,3 @@
-# [index](index.html)
+# [reddy mural](index.html)
 
-* [HTML](https://webmural.com/html)
-* [CSS](https://webmural.com/css)
+music index
diff --git a/_config.yml b/_config.yml
diff --git a/dawn.css b/dawn.css
diff --git a/dusk.css b/dusk.css
diff --git a/icon.svg b/icon.svg
diff --git a/index.html b/index.html
@@ -1,52 +1,33 @@
 <!DOCTYPE html>
-<html lang="en-US" id="index">
+<html lang="en-US" class="ooze heat">
 <meta charset="utf-8">
-<title>music mural index</title>
-<meta name=viewport content="width=device-width, initial-scale=1">
+<title>reddy mural</title>
+<meta name=viewport content="width=device-width">
 <meta name=color-scheme content="dark light">
-<meta name=theme-color content="coral">
-<meta name=description content="webmural hypermusic">
-<link rel="stylesheet" href="dawn.css" media="(prefers-color-scheme:light)">
-<link rel="stylesheet" href="dusk.css" media="(prefers-color-scheme:dark)">
+<meta name=theme-color content="tomato">
+<meta name=description content="music or monkey on the moon">
+
+<link rel="stylesheet" href="reddy.css" media="all">
 <link rel="stylesheet" href="index.css">
+
 <link rel="license" href="UNLICENSE.txt">
 <link rel="icon" href="icon.svg">
 
 <main aria-label="setlist">
   <header>
-    <a href="#index">music mural index</a>
+    <a href="https://webmural.com/cosmicdust" class="ooze heat">reddy loves music</a>
   </header>
   <menu>
-    <li><a href="https://webmural.com/natural"><b>♮</b></a>
-    <li><a href="https://webmural.com/333">333</a>
-    <li><a href="https://webmural.com/bpm">BPM</a>
-    <li><a href="https://webmural.com/dfmu">DFMU</a>
-    <li><a href="https://webmural.com/edm">EDM</a>
-    <li><a href="https://webmural.com/hbfs">HBFS</a>
-    <li><a href="https://webmural.com/mpf">MPF</a>
-    <li><a href="https://webmural.com/nerd">NERD</a>
-    <li><a href="https://webmural.com/udm">UDM</a>
-    <li><a href="https://webmural.com/bat">ba+<sup>+<sup>+</sup></sup></a>
-    <li><a href="https://webmural.com/beabadoobee">bea<wbr>ba<wbr>doo<wbr>bee</a>
-    <li><a href="https://webmural.com/composure">compo<wbr>sure</a>
-    <li><a href="https://webmural.com/contrast">contrast</a>
-    <li><a href="https://webmural.com/dance">dance</a>
-    <li><a href="https://webmural.com/creatoreditable"><mark>creator</mark>editable</a>
-    <li><a href="https://webmural.com/jimi">jimi</a>
-    <li><a href="https://webmural.com/feenyx">feenyx</a>
-    <li><a href="https://webmural.com/lavender">lavender</a>
-    <li><a href="https://webmural.com/honeyspider"><mark>honey</mark>spider</a>
-    <li><a href="https://webmural.com/maybee">maybee</a>
-    <li><a href="https://webmural.com/moshpit">moshpit</a>
-    <li><a href="https://webmural.com/mussel">mussel</a>
-    <li><a href="https://webmural.com/risilient/#i">r¡silient</a>
-    <li><a href="https://webmural.com/violin">violin</a>
-    <li><a href="https://webmural.com/shame">shame</a>
-    <li><a href="https://webmural.com/trance">trance</a>
-    <li><a href="https://webmural.com/turf">TURF<sub>ing</sub></a>
+    <li><a href="https://webmural.com/music" class="ooze jupe">music loves reddy</a>
+    <li><a href="https://webmural.com/deserve" class="ooze volt">mutt skiba was here</a>
+    <li><a href="https://webmural.com/beabadoobee" class="ooze moss">new hair new face</a>
+    <li><a href="https://webmural.com/dialon" class="ooze rain">lost my twin</a>
+    <li><a href="https://webmural.com/toucan" class="ooze lawn">chlorophyll lips</a>
+    <li><a href="https://webmural.com/violetttear" class="ooze pulp">purple hat</a>
+    <li><a href="https://webmural.com/puvm" class="ooze heat">always <b>reddy</b></a>
   </menu>
   <footer>
-    <a rel="home" href="https://webmural.com">home</a>
-    <a rel="help" href="https://webmural.dev/music">code</a>
+    <a rel="home" href="https://webmural.com/web123">web123</a>
+    <a rel="help" href="https://webmural.com/333">3:33</a>
   </footer>
 </main>
diff --git a/reddy.css b/reddy.css
@@ -0,0 +1,80 @@
+.ooze *,
+.xxze * {
+  color: inherit;
+  background-color: transparent;
+}
+
+/*
+opensource ooze color
+https://s9a.page/ooze
+https://s9a.org/ooze
+*/
+
+:root {
+  --heat: rgb(250, 50, 150);
+  --jupe: rgb(240, 180, 30);
+  --volt: rgb(240, 240, 30);
+  --lawn: rgb(90, 210, 90);
+  --moss: rgb(120, 210, 210);
+  --wind: rgb(150, 210, 240);
+  --teal: rgb(90, 180, 210);
+  --rain: rgb(90, 180, 270);
+  --pour: rgb(90, 150, 240);
+  --pulp: rgb(180, 90, 240);
+  --pynk: rgb(240, 120, 330); 
+  --punk: rgb(270, 120, 330);
+  --ooze: rgb(210, 210, 210);
+	--xxze: rgb(30, 10, 20);
+	--oooo: var(--ooze);
+	--xxxx: var(--xxze);
+}
+
+.ooze.ooze {
+  --oooo: var(--ooze);
+  --xxxx: var(--xxze);
+  background-color: var(--ooze);
+  color: var(--xxze);
+}
+
+.xxze.xxze {
+  --oooo: var(--xxze);
+  --xxxx: var(--ooze);
+  background-color: var(--xxze);
+  color: var(--ooze);
+}
+
+::selection {
+	background: var(--xxxx);
+  color: var(--oooo);
+}
+
+.heat { --ooze: var(--heat) }
+.jupe { --ooze: var(--jupe) }
+.volt { --ooze: var(--volt) }
+.lawn { --ooze: var(--lawn) }
+.moss { --ooze: var(--moss) }
+.wind { --ooze: var(--wind) }
+.teal { --ooze: var(--teal) }
+.rain { --ooze: var(--rain) }
+.pour { --ooze: var(--pour) }
+.pulp { --ooze: var(--pulp) }
+.pynk { --ooze: var(--pynk) }
+.punk { --ooze: var(--punk) }
+
+.spectra {
+  background-image: linear-gradient(
+    .75turn,
+    var(--pulp),
+    var(--pynk),
+    var(--punk),
+    var(--heat),
+    var(--jupe),
+    var(--volt),
+    var(--lawn),
+    var(--moss),
+    var(--wind),
+    var(--teal),
+    var(--rain),
+    var(--pour)
+  );
+}