From b4eb50891aa734488f3c557051a7d217a748feb5 Mon Sep 17 00:00:00 2001 From: deepskyblue Date: Mon, 2 Sep 2024 19:31:41 -0500 Subject: [PATCH] #3 blowholes phocoenidae --- README.md | 2 ++ agua.css | 35 +++++++++++++++++++++++++++++++++++ blow.svg | 7 +++++++ echo.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 27 +++++++++++++++++++++++++++ 5 files changed, 119 insertions(+) create mode 100644 agua.css create mode 100644 blow.svg create mode 100644 echo.css diff --git a/README.md b/README.md index 8b13789..2d6e0d8 100644 --- a/README.md +++ b/README.md @@ -1 +1,3 @@ +## [porpoise](https://s9a.page/porpoise) +[opensource template](https://s9a.page/oracle) inspired by [porpoise.page](https://porpoise.page) [phocoenidae](https://github.com/s9a/phocoenidae) diff --git a/agua.css b/agua.css new file mode 100644 index 0000000..8518ad7 --- /dev/null +++ b/agua.css @@ -0,0 +1,35 @@ +::selection { background: #ec0 } +:any-link { color: darkblue } + +html { + background: deepskyblue; + color: #220222; +} + +h1 a { background: turquoise } +h1 mark { background: skyblue } + +@media (prefers-contrast: more) { + html { + background: powderblue; + color: #110111; + } +} + +.swell { + box-shadow: + 1em -1em 1em 1em skyblue, + 1em -2em 2em 1em #1ed, + 2em -3em 3em 2em #ec0, + 3em -5em 5em 3em #ee1, + 5em -8em 8em 5em mediumaquamarine; +} + +.smell { + box-shadow: + 1em 1em 1em 1em salmon, + 1em 2em 2em 1em coral, + 2em 3em 3em 2em sandybrown, + 3em 5em 5em 3em hotpink, + 5em 8em 8em 5em deeppink; +} diff --git a/blow.svg b/blow.svg new file mode 100644 index 0000000..4f00c3b --- /dev/null +++ b/blow.svg @@ -0,0 +1,7 @@ + + blues + + + diff --git a/echo.css b/echo.css new file mode 100644 index 0000000..9f69cc0 --- /dev/null +++ b/echo.css @@ -0,0 +1,48 @@ +:focus { + outline: thick dotted; +} + +:any-link:hover { + text-decoration-style: double; +} + +* { box-sizing: border-box } +a { touch-action: manipulation } + +html { + font-family: sans-serif; + font-size: max(20px, 2vw + 1vh + 1pt); + line-height: 1.618; +} + +body { + margin: 0; + overflow-wrap: anywhere; + padding: 1.618em; +} + +h1 { + font-size: 1.618em; + margin: 0; +} + +h2 { + font-size: 1.382em; + margin: 0; +} + +main { + contain: layout; + display: flow-root; +} + +em, +b { + font: unset; + font-size: 1.236em; +} + +p { + contain: layout; + margin-block: 1em; +} diff --git a/index.html b/index.html index 0e76edd..248d037 100644 --- a/index.html +++ b/index.html @@ -1 +1,28 @@ + + + +porpoise + + + + + + + + + + + + + + + +
+

porpoise

+

+ wetpage + github + template +

+