Update readme.md

Author: tbeseda

readme.md

@@ -1,15 +1,19 @@
-![Architect logo](https://github.com/architect/assets.arc.codes/raw/main/public/architect-logo-light-500b%402x.png#gh-dark-mode-only)
-![Architect logo](https://github.com/architect/assets.arc.codes/raw/main/public/architect-logo-500b%402x.png#gh-light-mode-only)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/architect/assets.arc.codes/raw/main/public/architect-logo-light-500b%402x.png">
+  <img alt="Architect Logo" src="https://github.com/architect/assets.arc.codes/raw/main/public/architect-logo-500b%402x.png">
+</picture>
 
-## [`https://arc.codes`](https://arc.codes)
+<p align="center">
+  <a href="https://github.com/architect/arc.codes/actions?query=workflow%3A%22Node+CI%22"><img src=https://github.com/architect/arc.codes/workflows/Node%20CI/badge.svg alt="GitHub CI status"></a>
+  <a href="https://opensource.org/licenses/Apache-2.0"><img src="https://img.shields.io/badge/License-Apache%202.0-blue.svg" alt="Apache-2.0 License"></a>
+</p>
 
-> Docs site for the OpenJS Architect framework!
-
-[![GitHub CI status](https://github.com/architect/arc.codes/workflows/Node%20CI/badge.svg)](https://github.com/architect/arc.codes/actions?query=workflow%3A%22Node+CI%22)
+> Docs site for the OpenJS Architect framework!  
+[`https://arc.codes`](https://arc.codes)
 
 ## Docs Development
 
-> ℹ️ We're actively improving Architect documentation, this repository, and this readme
+> ℹ️  We're actively improving Architect documentation, this repository, and this readme
 
 This docs site is its own Architect project 🎉 so it can be run locally with `npx arc sandbox`
 
@@ -19,13 +23,13 @@ The Sidebar is dynamically built from `table-of-contents.js` and the current sta
 
 The Table of Contents (TOC) is a simple set of objects containing arrays of strings that correspond with Markdown documents.
 
-> ⚠️ The fourth level of items will be grouped into a (closed by default) collapsible group. Use sparingly!
+> ⚠️  The fourth level of items will be grouped into a (closed by default) collapsible group. Use sparingly!
 
 ## Markdown & Frontmatter
 
 All docs are written in Markdown.
 
-The renderer combines [markdown-it](https://www.npmjs.com/package/markdown-it) and [frontmatter](https://www.npmjs.com/package/markdown-it-front-matter) to create HTML views.
+The [`arcdown` renderer](https://github.com/architect/arcdown) combines [markdown-it](https://www.npmjs.com/package/markdown-it) (+ plugins) and [frontmatter](https://www.npmjs.com/package/markdown-it-front-matter) to create HTML views on the fly.
 
 The frontmatter attributes are technically optional but highly encouraged as they aid the site's SEO.