ydy yellov #1

webmural · Sep 18, 2023 · d315471 · d315471
1 parent 7819f7e
commit d315471
Show file tree

Hide file tree

Showing 7 changed files with 84 additions and 86 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,3 @@
-### [O3 mural](https://webmural.com/o3)
+## [ydy mural](https://webmural.com/ydy)
 
-* [ozone figure](index.html)
-* [ultra flex](ultra.css)
-* [violet flow](violet.css)
+### [hYper](index.html) [Deviation](d.css) [Yolks](yy.css)
diff --git a/ultra.css → d.css b/ultra.css → d.css
@@ -6,7 +6,7 @@ a {
   border-radius: 100%;
   display: inline-flex;
   padding: 1ch;
-  text-decoration: dotted line-through;
+  text-decoration: dotted overline;
 }
 
 html {
@@ -18,7 +18,7 @@ html {
 body {
   margin: auto;
   overflow-wrap: anywhere;
-  padding: 3ch;
+  padding: 2ch;
 }
 
 figure {
@@ -38,16 +38,9 @@ figcaption {
   text-transform: lowercase;
 }
 
-ul {
+menu {
   align-items: center;
-  contain: layout;
   display: flex;
-  justify-content: space-around;
-  font-size: 1.236em;
-}
-
-ul ~ ul {
- font-size: 1em; 
 }
 
 li {
@@ -60,12 +53,8 @@ abbr {
   margin: auto;
 }
 
-small {
-  font-size: .8rem;
-}
-
 @media (orientation: portrait) {
-  ul {
+  menu {
     flex-flow: column;
   }
 }
@@ -74,4 +63,4 @@ small {
   figcaption {
     writing-mode: sideways-lr;
   }
-}
+}
diff --git a/index.html b/index.html
@@ -2,39 +2,32 @@
 <html lang="en-US">
 <meta charset="utf-8">
 
-<title>o3 ≈ ozone</title>
+<title>ydy mural dye</title>
 
 <meta name=viewport content="width=device-width">
 <meta name=color-scheme content="dark light">
-<meta name=theme-color content="salmon">
-<meta name=description content="o3 mural of ozone layer uv abc">
+<meta name=theme-color content="coral">
+<meta name=description content="ydy meaning you dye your...">
 
-<link rel="stylesheet" href="violet.css" media=(color)>
-<link rel="stylesheet" href="ultra.css" media="all">
+<link rel="stylesheet" href="yy.css" media=(color)>
+<link rel="stylesheet" href="d.css" media=all>
 <link rel="license" href="UNLICENSE.txt">
-<link rel="icon" href="ooo.svg">
+<link rel="icon" href="reef.svg">
+<link rel="prev" href="/hmusb">
+<link rel="prev" href="/o3">
+<link rel="next" href="/duyu">
+<link rel="next" href="/dfmu">
+<link rel="help" href="/wormhue">
 
-<base href="https://webmural.com">
-
-<link rel="prev" href="/aya">
-<link rel="next" href="/airwaves">
-<link rel="next" href="/octopus">
-<link rel="prev" href="/deev">
-
-<figure aria-label="ozone flow">
-  <ul>
-    <li><a href="/lllllllllll">UV-a</a>
-    <li><a href="/bruv">UV-b</a>
-    <li><a href="/violetttear">UV-c</a>
-  </ul>
-  <a href="/opacity">
-    <abbr title="ozone">O3</abbr>
-  </a>
-  <ul>
-    <li><a href="/supra">UV-a</a>
-    <li><a href="/broove"><small>UV-b</small></a>
-  </ul>
+<figure>
+  <menu>
+    <li><a href="../youch">you</a>
+    <li><a href="../6oo">do</a>
+    <li><a href="../dialon">you</a>
+  </menu>
   <figcaption>
-    All UV-a and some UV-b perme<wbr>ate Ear<wbr>thz oz<wbr>one layer
+    <abbr>ydy</abbr>
+    <a href="../sinset">dye</a>
+    <a href="../rainbov">dub</a>
   </figcaption>
 </figure>
diff --git a/ooo.svg b/ooo.svg
diff --git a/reef.css b/reef.css
@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <title>coral++</title>
+  <style>
+    svg {
+      background: coral linear-gradient(
+      darkviolet 0%,
+      darkviolet 38%,
+      coral 38%,
+      coral 62%,
+      #dc2 62%,
+      #dc2
+    );
+  }
+  </style>
+</svg>
diff --git a/violet.css b/violet.css
diff --git a/yy.css b/yy.css
@@ -0,0 +1,42 @@
+::selection {
+  background: purple;
+  color: #ec0;
+}
+
+:any-link {
+  background: hotpink;
+  color: inherit;
+  transition: 666ms ease-out;
+}
+
+:any-link:only-child {
+  background: hotpink;
+}
+
+:focus {
+  filter: hue-rotate(-36deg);
+  outline: 1ch solid purple;
+}
+
+:active {
+  filter: hue-rotate(-36deg);
+}
+
+html {
+  background-color: deeppink;
+  background-image: linear-gradient(
+    0turn,
+    transparent 0%,
+    transparent 38%,
+    coral 38%,
+    coral 62%,
+    #dc2 62%,
+    #dc2
+  );
+  color: #330330;
+  transition: 666ms ease-in;
+}
+
+html:focus-within {
+  background-color: hotpink;
+}