#41 AAA level color

index.html

@@ -14,10 +14,10 @@
 
 <link rel="help" href="https://s9a.page/iffy">
 <style media=(color)>
-  .iyff {filter:hue-rotate(-288deg)}
-  .ffiy {filter:hue-rotate(288deg)}
-  .ffyi {filter:hue-rotate(144deg)}
-  .yiff {filter:hue-rotate(-144deg)}
+  .iyff {filter:hue-rotate(120deg)}
+  .ffiy {filter:hue-rotate(240deg)}
+  .ffyi {filter:hue-rotate(30deg)}
+  .yiff {filter:hue-rotate(330deg)}
   .iffy {fill:var(--iffy);stroke:var(--yffi)}
   .yffi {fill:var(--yffi);stroke:var(--iffy)}
   .iffy.iffy {background-color:var(--iffy);color:var(--yffi)}
@@ -26,7 +26,7 @@
   .yffi ::selection {color:var(--yffi);background:var(--else)}
   .iffy *{background-color:transparent;color:unset;--else:aquamarine}
   .yffi *{background-color:transparent;color:unset;--else:dodgerblue}
-  *{--iffy:darkviolet;--yffi:lemonchiffon}
+  *{--iffy:#528;--yffi:#ed3}
   @media (prefers-color-scheme:dark){*{--yffi:khaki}}
   @media (prefers-contrast:more){*{--iffy:indigo}}
   @media (prefers-contrast:less){*{--yffi:peachpuff}}
@@ -94,7 +94,7 @@ <h2>methods</h2>
   </dl>
 </section>
 
-<section class="yffi yiff" id="samples">
+<section class="yffi ffyi" id="samples">
   <h2>samples</h2>
   <h3>normalizing</h3>
   <pre>eol.lf("hello<b>\r\n</b>world<b>\r\n</b>")<br>// "hello<b>\n</b>world<b>\n</b>"</pre>
@@ -110,22 +110,23 @@ <h3>generating normalizers</h3>
   <pre>let lflf = eol.dub("\n\n")<br>lflf("hello<b>\n</b>world<b>\n</b>")<br>// "hello<b>\n\n</b>world<b>\n\n</b>"</pre>
 </section>
 
-<footer class="iffy ffiy" id="thankyou">
+<footer class="yffi yiff" id="thankyou">
   <h2>thank you</h2>
   <p>
     Thank you for being part of the opensource community.
     Hope you enjoy using <code>eol</code>
   </p>
   <p>
     <a class="ffyi" href="https://github.com/ryanve/eol">All the code is on github</a>
-    where <a class="ffyi" href="https://github.com/sponsors/ryanve">you may sponsor its creator if you like</a>
+    where <a class="ffyi" href="https://github.com/sponsors/ryanve">you may sponsor its creator</a>
+    if you like
   </p>
   <p>
-    Color here uses the <a class="ffiy" href="https://s9a.page/iffy">iffy opensource library</a>.
-    If you enjoy space <a class="ffiy" href="https://ryanve.dev/ssv">you may also enjoy ssv</a>
+    Color here uses the <a class="ffyi" href="https://s9a.page/iffy">iffy opensource library</a>.
+    If you enjoy space <a class="ffyi" href="https://ryanve.dev/ssv">you may also enjoy ssv</a>
   </p>
   <p>
-    <a class="yffi" href="#hi">=p</a>
+    <a class="iffy" href="#hi">=p</a>
   </p>
 </footer>