more comm stuff

comms.css

@@ -19,7 +19,7 @@ h1 {
   position: relative;
 }
 
-.status {
+#examples dt i {
   display: inline-block;
   transform: rotate(-8deg);
 
@@ -27,6 +27,7 @@ h1 {
   padding: 0.25em 0.75em;
   border-radius: 0.3em;
   font-size: 1.2rem;
+  font-style: normal;
 
   background: hsl(var(--hue), 80%, 80%);
   border: 2px solid hsl(var(--hue), 80%, 35%);
@@ -40,13 +41,13 @@ h1 {
 .open   { --hue: 110deg; }
 
 @media (prefers-color-scheme: dark) {
-  #status {
+  #examples dt i {
     background: hsl(var(--hue), 90%, 30%);
     border: 2px solid hsl(var(--hue), 80%, 15%);
-    box-shadow: 0 0 20px 5px hsla(var(--hue), 50%, 95%, 10%);
+    box-shadow: none;
     color: white;
   }
-  #status.soon { --hue: 50deg; }
+  .soon { --hue: 50deg; }
 }
 
 #examples, #examples > * {

comms.html

@@ -22,20 +22,20 @@
     <dl>
       <dt>
         <a href='//commiss.io/listings/OvOb'>colour</a>
-        <span class='status closed'>closed</span>
-      <dd><a href='//commiss.io/listings/OvOb'>€60</a>
+        <i class=closed>closed</i>
+      <dd><a href='//commiss.io/listings/OvOb'>$60</a>
 
       <dt>
         <a href='//commiss.io/listings/DpnB'>flat</a>
-        <span class='status closed'>closed</span>
+        <i class=closed>closed</i>
       <dd>
-        <a href='//commiss.io/listings/DpnB'>€45</a>
+        <a href='//commiss.io/listings/DpnB'>$45</a>
 
       <dt>
         <a href='//commiss.io/listings/r6pO'>sketch</a>
-        <span class='status soon'>soon!</span>
+        <i class=soon>soon!</i>
       <dd>
-        <a href='//commiss.io/listings/r6pO'>€25</a>
+        <a href='//commiss.io/listings/r6pO'>$25</a>
     </dl>
   </section>
 

index.css

@@ -90,7 +90,7 @@ h1, h2 { --around-image: url(media/sparkles.svg); }
 #links ul {
   display: grid;
   grid-column-gap: 1em;
-  grid-template-columns: repeat(auto-fit, minmax(4.5em, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr));
 
   max-width: 85%;
   margin: auto;

index.html

@@ -44,6 +44,12 @@
           art
         </a>
 
+      <li>
+        <a href=comms.html>
+          <img class=icon src=media/money.svg>
+          comms
+        </a>
+
       <li>
         <a href=https://git.rhiannon.website/rhi>
           <img class=icon src=media/code.svg>

where.html

@@ -100,6 +100,7 @@
     <dt>deviantart  <dd><a href=//www.deviantart.com/2gecs>2gecs</a>
     <dt>tumblr      <dd><a href=//2gecsart.tumblr.com/>2gecsart</a>
     <dt>ko-fi       <dd><a href=//ko-fi.com/nissss>nissss</a>
+    <dt>art fight   <dd><a href=//artfight.net/~nissss>nissss</a>
   </dl>
 
   <hr>