From b1146d2951802305f874092d667d5130d8dbc26f Mon Sep 17 00:00:00 2001 From: deepskyblue Date: Tue, 28 May 2024 10:17:42 -0700 Subject: [PATCH] hella decibella #1 ||| --- README.md | 37 ++------------------- hue.css | 48 ++++++++++++++++++--------- hum.css | 52 ++++++++++++++++++----------- index.html | 97 +++++++++++++++++++++++++++++------------------------- 4 files changed, 118 insertions(+), 116 deletions(-) diff --git a/README.md b/README.md index bc3560f..87c4726 100644 --- a/README.md +++ b/README.md @@ -1,36 +1,3 @@ -## [mural](https://webmural.com/0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000) +## [decibella lyrics](https://vocals.page/decibella) -``` -⓪ -⓿ -⓪⓿ -⓿⓪⓪ -⓪⓪⓿⓿⓿ -𑱐𑱐𑱐꧰꧰꧰𑓐𑓐 -𑱐𑱐𑱐⓿꧰⓿𑓐𑓐 -⓿⓿꧰꧰꧰ -𑱐𑱐〇 -〇⓪ -⓿ -⓪ -〇 -𑓐 -𑓐〇 -〇𑓐𑓐 -〇〇〇𑓐𑓐 -𑱐𑱐𑱐𑓐𑓐ººº -𑱐𑱐𑱐〇〇〇〇〇 -〇〇〇𑱐𑱐 -𑱐〇〇 -〇𑱐 -〇 -𑱐 -〇 -꧰ -꧰꧐ -꧐〇꧰ -꧰꧰〇꧐꧐ -〇〇꧐꧐𑱐ººº -``` - -### [monsoon](https://webmural.com/0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000#wave) \ No newline at end of file +[HTML](index.html) diff --git a/hue.css b/hue.css index 4c48187..0890d5b 100644 --- a/hue.css +++ b/hue.css @@ -1,32 +1,48 @@ ::selection { - background: #ee1; - color: darkviolet; + background: darkviolet; + color: #ee1; } :root { background-color: coral; - background-image: radial-gradient(plum, hotpink, violet, orchid, hotpink); + background-image: linear-gradient(#ee1, violet, #bae); color: indigo; } -:any-link { - color: indigo; - background-color: transparent; +.plum:active { + background-image: linear-gradient(violet, plum, yellow); +} + +.pink:active { + background-image: linear-gradient(violet, hotpink, yellow); +} + +:target { + background-image: linear-gradient(deeppink, mediumpurple); +} + +p { + background-image: linear-gradient(#ee1, peachpuff); +} + +[value=violet] { background: violet } +[value=pink] { background: pink } +[value=plum] { background: plum } +[value=yellow] { background: yellow } + +.echo { + color: darkviolet; text-shadow: - 2vw -3vh 1pc, - 3vw 3vh 1pc, - 5vw -3vh 1pc, - -2vw 3vh 3pc; + -1vw 1vh 0 pink, + 1vw -1vh 0 plum; } -:focus { - background-color: blueviolet; - color: plum; - outline: 1rem groove indigo; +:any-link { + color: indigo; + background-color: transparent; } a:hover { - color: indigo; - background-color: skyblue; + background-color: mediumspringgreen; } diff --git a/hum.css b/hum.css index 0e27ffa..cedc572 100644 --- a/hum.css +++ b/hum.css @@ -9,31 +9,43 @@ body { overflow-wrap: anywhere; } -a { - border-radius: 100%; - font-size: max(2rem, var(--vol) * 1.618rem); - display: inline-flex; - text-decoration-line: line-through; -} - -nav { - align-items: center; +article { + align-items: flex-start; box-sizing: border-box; contain: layout; display: flex; - flex-flow: row wrap; - justify-content: flex-end; + flex-flow: column; + justify-content: flex-start; margin: auto; - margin-right: 10vw; min-height: 100vh; padding: 20vh 10vw; } -:nth-child(1n) { --vol: 1 } -:nth-child(2n) { --vol: 1.618 } -:nth-child(3n) { --vol: 2.618 } -:nth-child(odd) { text-decoration-style: double } -:nth-child(even) { text-decoration-style: dotted } -:focus { text-decoration-style: solid } -:hover { text-decoration-style: wavy } -:target a { transform: rotate(99deg) } \ No newline at end of file +h1 { + font-size: 2.618rem; + margin: auto; + padding: 1ch; +} + +@media (orientation: portrait) { + h1 { + writing-mode: vertical-rl; + } +} + +p { + box-sizing: border-box; + margin-block: 0; + margin-inline-end: auto; + padding: 1ch; +} + + +:focus { + outline: thick dotted; + text-decoration-style: dotted; +} + +:hover { + text-decoration-style: double; +} diff --git a/index.html b/index.html index 7aa3d31..653e8a0 100644 --- a/index.html +++ b/index.html @@ -1,55 +1,62 @@ -free bees + +decibella + - - - + + + - - - - - - - \ No newline at end of file +
+

decibella

+

welcome too low front row +

hope you enjoy yo" show +

slip rite thru a moshpit +

hope you enjoy yo" lips +

la la la la la la la la +

la la la la la la la la +

lol o decibella +

hope you're feelin" hella +

+ violet + pink and + yellow +

+

hope you're singin" hello +

+ violet + plum and + yellow +

+

hope you're swoon an" gel o +

hello ello decibella +

hope you're feelin" hella +

fly like an umbrella +

inside an a cappella +

hiii +

+ violet + pink and + yellow +

+

hope you're singin" hello +

+ violet + plum and + yellow +

+

hope you're swoon an" gel o +

la la la la la la la la +

la la la la la la la la +

lol o decibella +

hope you're free as hella +

la la la la la la la la +

la la la la +