Implemented phase 6 for the POC prototype in the Website service.

Services/Website/Sources/Library/Internal/Components/PasskeyUnsupported.swift

@@ -0,0 +1,22 @@
+import Elementary
+
+/// What a browser without passkeys is told. Shown by default; `js/passkey.js` hides it once it finds WebAuthn.
+struct PasskeyUnsupported: HTML {
+
+    // MARK: Computed
+
+    var body: some HTML {
+        div(
+            .class("notice"),
+            .custom(name: "data-passkey-unsupported", value: "")
+        ) {
+            p {
+                strong {
+                    "This browser can't use passkeys."
+                }
+                " Open this page in Safari, Chrome, Edge or Firefox on a device with a screen lock — with scripts allowed."
+            }
+        }
+    }
+
+}

Services/Website/Sources/Library/Internal/Components/SiteFooter.swift

@@ -77,6 +77,7 @@ private extension SiteFooter {
                 ("Open a shop", .Route.openShop),
                 ("Seller dashboard", .Route.sellerDashboard),
                 ("Grading guide", .Route.gradingGuide),
+                ("Trade at events", .Route.events),
             ]
         ),
         (
@@ -84,8 +85,10 @@ private extension SiteFooter {
             links: [
                 ("Sign in or join", .Route.signIn),
                 ("Want list & alerts", .Route.wants),
+                ("My collection", .Route.collection),
                 ("Messages", .Route.messages),
                 ("Passkeys & settings", .Route.account),
+                ("Lost your passkey?", .Route.recover),
             ]
         ),
     ]

Services/Website/Sources/Library/Internal/Components/SiteHeader.swift

@@ -98,7 +98,7 @@ private extension SiteHeader {
         }
     }
 
-    /// The format links, plus the series link shown on tablet only.
+    /// The format links, plus the series and events links shown on tablet only.
     var navigation: some HTML {
         nav(
             .class("site-nav"),
@@ -134,6 +134,12 @@ private extension SiteHeader {
             ) {
                 "Series"
             }
+            a(
+                .class("site-nav__link site-nav__link--extra"),
+                .href(.Route.events)
+            ) {
+                "Events"
+            }
         }
     }