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..159f981 --- /dev/null +++ b/1111.svg @@ -0,0 +1,8 @@ + + fuchsia + + + + + + diff --git a/README.md b/README.md new file mode 100644 index 0000000..a9562ac --- /dev/null +++ b/README.md @@ -0,0 +1,4 @@ +## [fuchsine](https://s9a.page/fuchsine) + +[`fuchsia` verse `magenta`](https://s9a.page/fuchsine) + 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..22b08e3 --- /dev/null +++ b/index.html @@ -0,0 +1,73 @@ + + + + +fuchsine wave + + + + + + + + + + + + + + + +
+

+ fuchsine +

+ +
+ 💜 + 💜 + 💜 + 💜 +
+ +

+ the color name fuchsia + was inspired by the fuchsia flower. + fuchsia flowers have teardrop shapes. + You ever wonder why? +

+ +

+ the color name magenta was inspired + by the battle of magenta that happened near a city + named magenta named after an emperor +

+ +

+ magenta is a name remix inspired by violence...and + prevails in the + CMYK + color model. + How bout we favor fuchsia + to honor nature? +

+ +

+ imagine an alternate universe having CFYK + where words that were printed were inspired by flowers rather than wounds +

+ +

+ fuchsia and magenta + are aliases in CSS having hex + +

+ +

+ but our universe is blessed with + many flowers ☮️ +

+
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..0f567c6 --- /dev/null +++ b/page.css @@ -0,0 +1,82 @@ +* { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + font-size: max(24pt, 3vw + 1vh); + line-height: 1.618; +} + +body { + display: flex; + flex-flow: column; + margin: 0; + overflow-wrap: anywhere; +} + +article { + align-items: center; + display: flex; + flex-flow: column; + margin-top: 0; + overflow-wrap: anywhere; + padding: 3ch; +} + +h1 { + font-size: 1.618em; + margin: 0 0 2.618rem; + font-weight: unset; +} + +figure { + order: -1; + display: flex; + margin: 1rem 0; +} + +samp { + content: ""; + border-style: solid; + border-width: 0 1rem 2.618rem 1rem; + border-color: transparent; + border-bottom-color: fuchsia; + border-radius: 100%; + display: block; +} + +em { + display: inline-block; + font: unset; + transform: rotate(180deg); +} + +p { + margin: 1em auto; + max-width: 23em; +} + +i { + font: unset; +} + +input { + font: unset; + min-height: 1em; + min-width: 1.618em; +} + +kbd { + font-size: 3.618rem; + text-shadow: 0 1ex 1pc #1ed, 0 2ex 1pc #de1, 0 3ex 1pc #ec0; + vertical-align: text-top; +} + +:any-link { + text-decoration-style: wavy; +} + +:focus { + outline: thick groove; +} diff --git a/punk.css b/punk.css new file mode 100644 index 0000000..1140c3a --- /dev/null +++ b/punk.css @@ -0,0 +1,40 @@ +:any-link { + color: inherit; + background-color: transparent; +} + +::selection { + background-color: navy; + color: fuchsia; +} + +i, +mark, +code { + background-color: fuchsia; + color: navy; +} + +:root { + background-color: #1ed; + background-image: linear-gradient(#e0e0e0, #1ed, #bae); + color: navy; +} + +@media (prefers-color-scheme: dark) { + :root { + background-color: navy; + background-image: linear-gradient(lawngreen, navy 3%, navy 97%, teal); + color: fuchsia; + } + + ::selection { + background-color: fuchsia; + color: navy; + } +} + +.envy { background-color: #de1; color: #111 } +.cyan { background-color: cyan; color: #111 } +.yell { background-color: yellow; color: #111 } +.blaq { background-color: black; color: seashell }