From f67b327f7546fd181909d8c3043b1c5e8ecdf525 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Sat, 28 Sep 2024 21:57:17 +0200
Subject: [PATCH] feat: :sparkles: Add dev notice

---
 app/entities/instance-metadata/page.mdx    | 3 ++-
 app/extensions/instance-messaging/page.mdx | 2 +-
 app/federation/discovery/page.mdx          | 2 +-
 components/Header.tsx                      | 4 ++--
 components/Logo.tsx                        | 3 ++-
 components/Navigation.tsx                  | 2 +-
 tailwind.config.ts                         | 4 ++++
 7 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/entities/instance-metadata/page.mdx b/app/entities/instance-metadata/page.mdx
index 51dd14e..0c10a0b 100644
--- a/app/entities/instance-metadata/page.mdx
+++ b/app/entities/instance-metadata/page.mdx
@@ -110,7 +110,8 @@ On all entities that have an `author` field, the `author` can be `null` to repre
         "compatibility": {
             "versions": [
                 "0.3.0",
-                "0.4.0"
+                "0.4.0",
+                "0.5.0"
             ],
             "extensions": [
                 "pub.versia:reactions",
diff --git a/app/extensions/instance-messaging/page.mdx b/app/extensions/instance-messaging/page.mdx
index 7453d04..1f44b81 100644
--- a/app/extensions/instance-messaging/page.mdx
+++ b/app/extensions/instance-messaging/page.mdx
@@ -64,7 +64,7 @@ This extension adds the following metadata to instances:
         },
         "compatibility": {
             "versions": [
-                "0.4.0"
+                "0.5.0"
             ],
             "extensions": [
                 "pub.versia:reactions",
diff --git a/app/federation/discovery/page.mdx b/app/federation/discovery/page.mdx
index 79a11b8..a1baf1e 100644
--- a/app/federation/discovery/page.mdx
+++ b/app/federation/discovery/page.mdx
@@ -72,7 +72,7 @@ Accept: application/json
     },
     "compatibility": {
         "versions": [
-            "0.4.0"
+            "0.5.0"
         ],
         "extensions": [
             "pub.versia:reactions",
diff --git a/components/Header.tsx b/components/Header.tsx
index 455e1e2..0e5876d 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -51,7 +51,7 @@ export const Header = forwardRef<ElementRef<"div">, { className?: string }>(
                 ref={ref}
                 className={clsx(
                     className,
-                    "fixed inset-x-0 top-0 z-50 flex h-14 items-center justify-between gap-2 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80",
+                    "fixed bg-construction bg-opacity-10 [background-size:57px_57px] inset-x-0 top-0 z-50 flex h-14 items-center justify-between gap-2 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80",
                     !isInsideMobileNavigation &&
                         "backdrop-blur-sm lg:left-72 xl:left-80 dark:backdrop-blur",
                     isInsideMobileNavigation
@@ -94,7 +94,7 @@ export const Header = forwardRef<ElementRef<"div">, { className?: string }>(
                         <ThemeToggle />
                     </div>
                     <div className="hidden min-[500px]:contents">
-                        <Button href="/changelog">Working Draft 4</Button>
+                        <Button href="/changelog">Working Draft 5</Button>
                     </div>
                 </div>
             </motion.div>
diff --git a/components/Logo.tsx b/components/Logo.tsx
index ad9cfa0..5b707ca 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -1,5 +1,6 @@
 import clsx from "clsx";
 import type { ComponentPropsWithoutRef } from "react";
+import { Badge } from "./Metadata";
 
 export function Logo(props: ComponentPropsWithoutRef<"div">) {
     return (
@@ -16,7 +17,7 @@ export function Logo(props: ComponentPropsWithoutRef<"div">) {
                 className="h-full rounded-sm"
             />
             <span className="fill-zinc-900 dark:fill-white font-semibold text-lg">
-                Versia Protocol
+                Versia Protocol <Badge className="!h-6">Dev</Badge>
             </span>
         </div>
     );
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index abb34ae..9b57278 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -323,7 +323,7 @@ export function Navigation(props: ComponentPropsWithoutRef<"nav">) {
                         variant="filled"
                         className="w-full"
                     >
-                        Working Draft 4
+                        Working Draft 5
                     </Button>
                 </li>
             </ul>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 922e84d..2668f4b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -55,6 +55,10 @@ export default {
             animation: {
                 roll: "roll 2s 1 ease-in-out",
             },
+            backgroundImage: {
+                construction:
+                    "linear-gradient(45deg, rgb(255 195 0 / var(--tw-bg-opacity)) 25%, rgb(46 39 37 / var(--tw-bg-opacity)) 25%, rgb(46 39 37 / var(--tw-bg-opacity)) 50%, rgb(255 195 0 / var(--tw-bg-opacity)) 50%, rgb(255 195 0 / var(--tw-bg-opacity)) 75%, rgb(46 39 37 / var(--tw-bg-opacity)) 75%, rgb(46 39 37 / var(--tw-bg-opacity)) 100%)",
+            },
             keyframes: {
                 roll: {
                     "0%": { transform: "rotate(0deg)" },