Add Arc landing to showcase, fix breeding Axols

Author: colepeters

app/elements/showcase/project.mjs

@@ -23,18 +23,18 @@ export default function DocShowcase ({ html, state }) {
       aspect-ratio: 215 / 117;
       position: absolute;
       margin: auto;
-      inset-block: 0;
+      inset-block-start: 50%;
       inset-inline-start: 0;
       inset-inline-end: initial;
-      translate: -56% 0;
+      translate: -56% -50%;
       rotate: -20deg;
       z-index: -1;
     }
 
     :host:nth-of-type(odd) .show-axol:after {
       inset-inline-start: initial;
       inset-inline-end: 0;
-      translate: 56% 0;
+      translate: 56% -50%;
       rotate: 20deg;
     }
   }

app/pages/showcase.html

@@ -78,6 +78,10 @@ <h1 class='text3 text6-lg text7-xl text-center tracking-2 leading1 pb5 pb8-lg'>
 
   <white-to-blue class='block pbe4 pi-2'>
     <div class='flex flex-col gap0-lg relative z1'>
+      <showcase-project title="Architect landing page" image="/_public/img/showcase/arc-codes.webp" url="https://arc.codes">
+        Architect provides everything you need to build massively scalable Functional Web Apps on AWS with low code, clear and terse config, and zero ceremony. While the Architect docs are built as a vanilla Architect app, we used Enhance to build out Architect’s landing page in order to leverage server rendered custom elements and scoped, reusable, and functional styling.
+      </showcase-project>
+
       <showcase-project title="Cole Peters" contributor="Cole Peters" contributor-url="https://colepeters.com" image="/_public/img/showcase/colepeters-dot-com.webp" url="https://colepeters.com">
         Cole Peters is a multidisciplinary artist fascinated by matter, energy, space and time, and the ways in which these forces shape our universe, our environment, and our perception.
       </showcase-project>