From 47bbd9983d8a306f1f3bc48e5a3c1e08102384d5 Mon Sep 17 00:00:00 2001 From: deepskyblue Date: Fri, 11 Oct 2024 19:58:21 -0500 Subject: [PATCH] Initial commit --- .editorconfig | 7 ++++ .gitignore | 2 ++ README.md | 10 ++++++ UNLICENSE.txt | 24 +++++++++++++ index.html | 30 ++++++++++++++++ p2p.css | 94 +++++++++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 167 insertions(+) create mode 100644 .editorconfig create mode 100644 .gitignore create mode 100644 README.md create mode 100644 UNLICENSE.txt create mode 100644 index.html create mode 100644 p2p.css 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/README.md b/README.md new file mode 100644 index 0000000..758da88 --- /dev/null +++ b/README.md @@ -0,0 +1,10 @@ +# [p2p](https://p9e.page/p2p) + +* planet 2 planet +* pisces 2 please +* plant 2 plane +* peer 2 pear +* pi 2 pluto + +[tape flex](p2p.css) + diff --git a/UNLICENSE.txt b/UNLICENSE.txt new file mode 100644 index 0000000..fdddb29 --- /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..4848dea --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + +p2p freestyle planet^2 + + + + + + + + + + + + + diff --git a/p2p.css b/p2p.css new file mode 100644 index 0000000..dbc97ec --- /dev/null +++ b/p2p.css @@ -0,0 +1,94 @@ +@media (color) { + /* 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} +} + +@media (prefers-color-scheme: dark) { + .dbqp { + --tape-watt: thistle; + --tape-luvu: turquoise; + --tape-play: lightsalmon; + --tape-loud: #ec0; + --tape-blaq: #303; + --tape-bluv: deepskyblue; + } +} + +@media (orientation: portrait) { + :root { + --tape-remix: radial-gradient( + var(--tape-play), + var(--tape-bluv), + var(--tape-bluv), + var(--tape-play) + ); + } +} + +@media (orientation: landscape) { + :root { + --tape-remix: conic-gradient( + var(--tape-play), + var(--tape-bluv), + var(--tape-bluv), + var(--tape-play) + ); + } +} + +::selection { + background: purple; + color: var(--tape-loud); +} + +:focus-within { + --tape-filter: hue-rotate(-9deg); +} + +:focus { + --tape-filter: hue-rotate(-18deg); + outline: thick dotted; + outline-offset: -0.2ch; + z-index: 1111; +} + +:any-link { text-decoration: dotted line-through } +:focus { text-decoration-style: wavy } +:hover { text-decoration-style: double } + +.lab { + text-shadow: + 0 1vh 0 var(--tape-hex), + 0 2vh 0 var(--tape-hex), + 0 3vh 0 powderblue; +} + +html { + font-family: sans-serif; + font-size: max(3ch, 3vmax + 2vmin); + line-height: 1.618; +} + +html:target { font-family: fantasy } +body { margin: 0; overflow-wrap: anywhere } +* { box-sizing: border-box } +p { padding: 1ch } +p:last-of-type { margin-bottom: 60vh } + +.p2p { + contain: layout; + display: flex; + flex-flow: row wrap; + font-size: max(3rem, 20vw); + font-weight: unset; + margin: auto; +} + +.p2p > * { + align-items: center; + display: inline-flex; + flex-basis: calc(100% / 3); + justify-content: center; + margin: auto; + padding: 0; +}