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/1111.svg b/1111.svg new file mode 100644 index 0000000..60a3282 --- /dev/null +++ b/1111.svg @@ -0,0 +1,8 @@ + + 1111 + + + + + + diff --git a/README.md b/README.md new file mode 100644 index 0000000..7fe25d6 --- /dev/null +++ b/README.md @@ -0,0 +1,6 @@ +## [1111 mural
uranus](https://webmural.com/1111) + +* [nosh color](https://s9a.page/nosh) +* [1111ms transition](page.css) +* [hey shadow](punk.css) +* [1111.svg](https://webmural.com/1111/1111.svg) 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..aa29575 --- /dev/null +++ b/index.html @@ -0,0 +1,40 @@ + + + + +1111 uranus mural 🧪🧪🧪🧪 ⚡⚡⚡⚡ 🎤🎤🎤🎤 🧬🧬🧬🧬 + + + + + + + + + + + + + + + + +

+ 1111 +

+ +
+ 🧪🧪🧪🧪 +
+ +
+ âš¡âš¡âš¡âš¡ +
+ +
+ 🎤🎤🎤🎤 +
+ +
+ 🧬🧬🧬🧬 +
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'" + } +} diff --git a/page.css b/page.css new file mode 100644 index 0000000..88294a6 --- /dev/null +++ b/page.css @@ -0,0 +1,45 @@ +:any-link { + text-decoration-style: dotted; +} + +:focus { + outline: thick groove; +} + +* { box-sizing: border-box } +a { transition: filter 1111ms ease-in-out } + +html { + font-family: sans-serif; + font-size: max(1em, 4vmax + 7vmin); + line-height: 1.618; +} + +body { + display: flex; + flex-flow: column; + margin: 0; + overflow-wrap: anywhere; +} + +h1 { + font-size: 1em; + order: 1111; +} + +.mural { + align-items: center; + contain: content; + display: flex; + font-weight: unset; + flex-flow: column; + justify-content: center; + margin: auto; + min-height: 100vh; + width: 100%; +} + +.spill { + transform: rotate(315deg); + text-underline-offset: 1ch; +} diff --git a/punk.css b/punk.css new file mode 100644 index 0000000..33c3e96 --- /dev/null +++ b/punk.css @@ -0,0 +1,32 @@ +/* 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} + +/* https://s9a.page/nosh */ +.nosh { + --tape-blaq: #315; + --tape-play: #f6e; + --tape-loud: #ed5; + --tape-bluv: #5de; + --tape-luvu: #2c8; + --tape-watt: #a5e; +} + +/* ¡!¡! */ +.tape-watt { --tape-hey: var(--tape-luvu) } +.tape-play { --tape-hey: var(--tape-bluv) } +.tape-loud { --tape-hey: var(--tape-bluv) } +.tape-luvu { --tape-hey: var(--tape-bluv) } +.tape-blaq { --tape-hey: var(--tape-watt) } +.tape-bluv { --tape-hey: var(--tape-play) } + +.spill { + text-shadow: + 0 -1ch 0 var(--tape-hey, currentColor), + 0 -2ch 0 var(--tape-hey, currentColor), + 0 1ch 0 var(--tape-hey, currentColor), + 0 2ch 0 var(--tape-hey, currentColor); +} + +:any-link:hover { + --tape-filter: hue-rotate(36deg); +}