From 1b42560d81ae7457d3fc275b2d5869c3583f5e8e Mon Sep 17 00:00:00 2001 From: deepskyblue Date: Sat, 4 Jan 2025 14:46:24 -0600 Subject: [PATCH] reddy adores #1 --- README.md | 5 ++-- _config.yml | 2 -- dawn.css | 32 --------------------- dusk.css | 34 ----------------------- icon.svg | 2 +- index.html | 55 ++++++++++++------------------------ reddy.css | 80 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 101 insertions(+), 109 deletions(-) delete mode 100644 _config.yml delete mode 100644 dawn.css delete mode 100644 dusk.css create mode 100644 reddy.css diff --git a/README.md b/README.md index 80ae39f..7c2511d 100644 --- 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 deleted file mode 100644 index 3ee9ad1..0000000 --- a/_config.yml +++ /dev/null @@ -1,2 +0,0 @@ -plugins: - - jekyll-sitemap diff --git a/dawn.css b/dawn.css deleted file mode 100644 index 0f4ab5f..0000000 --- a/dawn.css +++ /dev/null @@ -1,32 +0,0 @@ -::selection { - background: indigo; - color: pink; -} - -:root { - transition: 66ms ease; - background: #ddd; - color: #100; -} - -:link { - transition: 33ms ease; - background: #eee; - color: blueviolet; -} - -:visited { - background: #eee; - color: darkviolet; -} - -:any-link:hover { - background: oldlace; - color: darkorchid; - text-decoration-color: darkslateblue; -} - -mark { - background: #bae; - color: #101; -} diff --git a/dusk.css b/dusk.css deleted file mode 100644 index 3528c33..0000000 --- a/dusk.css +++ /dev/null @@ -1,34 +0,0 @@ -::selection { - background: orange; - color: black; -} - -:root { - transition: 99ms ease; - background: #318; - color: pink; -} - -:any-link { - transition: 33ms ease; - color: hotpink; - background: transparent; -} - -:focus { - outline-color: #ec0; -} - -:any-link:hover { - color: salmon; - text-decoration-color: #e0e; -} - -:any-link:active { - color: coral; -} - -mark { - background: orange; - color: navy; -} diff --git a/icon.svg b/icon.svg index 0a295c2..39b6827 100644 --- a/icon.svg +++ b/icon.svg @@ -1,6 +1,6 @@ rectangle diff --git a/index.html b/index.html index 458cc44..688ad6c 100644 --- a/index.html +++ b/index.html @@ -1,52 +1,33 @@ - + -music mural index - +reddy mural + - - - - + + + + +
- music mural index + reddy loves music
-
  • ♮ -
  • 333 -
  • BPM -
  • DFMU -
  • EDM -
  • HBFS -
  • MPF -
  • NERD -
  • UDM -
  • ba+++ -
  • beabadoobee -
  • composure -
  • contrast -
  • dance -
  • creatoreditable -
  • jimi -
  • feenyx -
  • lavender -
  • honeyspider -
  • maybee -
  • moshpit -
  • mussel -
  • r¡silient -
  • violin -
  • shame -
  • trance -
  • TURFing +
  • music loves reddy +
  • mutt skiba was here +
  • new hair new face +
  • lost my twin +
  • chlorophyll lips +
  • purple hat +
  • always reddy
    • diff --git a/reddy.css b/reddy.css new file mode 100644 index 0000000..f0dc0a2 --- /dev/null +++ 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) + ); +}