diff --git a/app/elements/showcase/project.mjs b/app/elements/showcase/project.mjs index 1b3ba594..bd6c280a 100644 --- a/app/elements/showcase/project.mjs +++ b/app/elements/showcase/project.mjs @@ -23,10 +23,10 @@ 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; } @@ -34,7 +34,7 @@ export default function DocShowcase ({ html, state }) { :host:nth-of-type(odd) .show-axol:after { inset-inline-start: initial; inset-inline-end: 0; - translate: 56% 0; + translate: 56% -50%; rotate: 20deg; } } diff --git a/app/pages/showcase.html b/app/pages/showcase.html index 5ec5bd65..dcb7f4c4 100644 --- a/app/pages/showcase.html +++ b/app/pages/showcase.html @@ -78,6 +78,10 @@

+ + 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. + + 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. diff --git a/public/img/showcase/arc-codes.webp b/public/img/showcase/arc-codes.webp new file mode 100644 index 00000000..d4f04ecd Binary files /dev/null and b/public/img/showcase/arc-codes.webp differ