From 16813cdd3ef61744745e8461941bcb963ff740f4 Mon Sep 17 00:00:00 2001 From: deepskyblue Date: Wed, 31 Jan 2024 09:05:03 -0500 Subject: [PATCH] Initial commit --- .editorconfig | 7 ++++ .gitignore | 2 + 7.css | 102 ++++++++++++++++++++++++++++++++++++++++++++++++++ README.md | 10 +++++ UNLICENSE.txt | 24 ++++++++++++ index.html | 31 +++++++++++++++ package.json | 9 +++++ 7 files changed, 185 insertions(+) create mode 100644 .editorconfig create mode 100644 .gitignore create mode 100644 7.css create mode 100644 README.md create mode 100644 UNLICENSE.txt create mode 100644 index.html create mode 100644 package.json diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..b3dfee7 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,7 @@ +root = true + +[*] +end_of_line = lf +insert_final_newline = true +indent_style = space +indent_size = 2 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..fd4f2b0 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +.DS_Store diff --git a/7.css b/7.css new file mode 100644 index 0000000..b51d036 --- /dev/null +++ b/7.css @@ -0,0 +1,102 @@ +/* https://s9a.page/tape */ +:root{--tape-filter:none;--tape-bluv:#11dff1;--tape-play:#fbbfff;--tape-loud:#eee833;--tape-luvu:#44f477;--tape-blaq:#0e0e0e;--tape-watt:#e0e0e0;--tape-hex:#e0e0e0;--tape-mix:transparent}.tape-watt{--tape-hex:var(--tape-watt)}.tape-luvu{--tape-hex:var(--tape-luvu)}.tape-loud{--tape-hex:var(--tape-loud)}.tape-play{--tape-hex:var(--tape-play)}.tape-bluv{--tape-hex:var(--tape-bluv)}.tape-flat{border-color:transparent}.tape-flap{border-color:currentColor}.tape-flow{--tape-remix:none}.tape-flow :not(.tape-skip){background-color:transparent;color:inherit}.tape-blaq,.tape-bluv,.tape-loud,.tape-luvu,.tape-play,.tape-watt{--tape-mix:var(--tape-hex);--tape-remix:none;color:var(--tape-blaq)!important;background-color:var(--tape-mix)!important;background-image:var(--tape-remix);filter:var(--tape-filter)}.tape-blaq{--tape-mix:var(--tape-blaq);color:var(--tape-hex)!important}.tape-erase,.tape-erase *{color:transparent!important} + +/* play. */ + +[class] { + --do: 0deg; + --re: calc(360deg / 7); + --mi: calc(720deg / 7); + --fa: calc(1080deg / 7); + --so: calc(-1080deg / 7); + --la: calc(-720deg / 7); + --ti: calc(-360deg / 7); +} + +:nth-child(1n) { --tape-filter: hue-rotate(var(--do)) } +:nth-child(2n) { --tape-filter: hue-rotate(var(--re)) } +:nth-child(3n) { --tape-filter: hue-rotate(var(--mi)) } +:nth-child(4n) { --tape-filter: hue-rotate(var(--fa)) } +:nth-child(5n) { --tape-filter: hue-rotate(var(--so)) } +:nth-child(6n) { --tape-filter: hue-rotate(var(--la)) } +:nth-child(7n) { --tape-filter: hue-rotate(var(--ti)) } + +:root { + --tape-play: gold; + --tape-remix: linear-gradient(gold, violet, deepskyblue, hotpink, salmon, turquoise, fuchsia, gold); +} + +::selection { + background: var(--tape-blaq); + color: var(--tape-hex); +} + +:any-link { + color: inherit; + display: inline-flex; +} + +:focus { + text-shadow: 0 0 2ex; + box-shadow: 0 0 1ex 1ex; + outline: thick groove; + text-decoration-style: dotted; +} + +:hover { + text-decoration-style: double; +} + +* { + box-sizing: border-box; +} + +html { + font-size: max(3ch, 4vmax + 1vmin); + line-height: 1.5; +} + +body { + margin: 1ch; + overflow-wrap: anywhere; +} + +article { + contain: layout; + padding: 1ch; +} + +nav { + contain: layout; + display: flex; + flex-flow: column-reverse; + font-size: 1.236em; + margin-block: 1rem; + min-height: 100vh; + font-family: sans-serif; +} + +nav a { + padding-inline: 1ch; +} + +h1 { + font-family: fantasy; + font-weight: unset; + margin: 0; + margin-inline-end: 1em; + float: right; + writing-mode: vertical-rl; +} + +::first-letter { + font-family: sans-serif; + font-weight: bold; +} + +@media (orientation: portrait) { + nav { + clear: both; + writing-mode: sideways-rl; + } +} \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..1f1757f --- /dev/null +++ b/README.md @@ -0,0 +1,10 @@ +# [rainbo*v* muraL](https://webmural.com/rainbov) + +* Do +* Re +* Mi +* Fa +* So +* La +* Ti + diff --git a/UNLICENSE.txt b/UNLICENSE.txt new file mode 100644 index 0000000..68a49da --- /dev/null +++ b/UNLICENSE.txt @@ -0,0 +1,24 @@ +This is free and unencumbered software released into the public domain. + +Anyone is free to copy, modify, publish, use, compile, sell, or +distribute this software, either in source code form or as a compiled +binary, for any purpose, commercial or non-commercial, and by any +means. + +In jurisdictions that recognize copyright laws, the author or authors +of this software dedicate any and all copyright interest in the +software to the public domain. We make this dedication for the benefit +of the public at large and to the detriment of our heirs and +successors. We intend this dedication to be an overt act of +relinquishment in perpetuity of all present and future rights to this +software under copyright law. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. +IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR +OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, +ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR +OTHER DEALINGS IN THE SOFTWARE. + +For more information, please refer to diff --git a/index.html b/index.html new file mode 100644 index 0000000..3c0c47a --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + +rainbov mural + + + + + + + + + + + + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..65fae0b --- /dev/null +++ b/package.json @@ -0,0 +1,9 @@ +{ + "scripts": { + "ff": "npm run firefox", + "firefox": "open -a firefox index.html || start firefox index.html", + "start": "npm run firefox", + "test": "npm run firefox", + "posttest": "echo 'validate online'" + } +}