feat: add treasures title metadata, add disclaimer

src/global.css

@@ -5,3 +5,7 @@
 .container {
   @apply mx-auto max-w-5xl px-4;
 }
+
+.link {
+  @apply text-blue-600 font-medium hover:text-blue-500 hover:underline;
+}

src/pages/artworks/page.tsx

@@ -7,6 +7,7 @@ import openingSfx from "@/assets/audio/VO_JA_Furina_Opening_Treasure_Chest_02.og
 import ViewSheet from "./viewSheet";
 import useModal from "@/hooks/useModal";
 import LazyImage from "@/components/ui/LazyImage";
+import PageMetadata from "@/components/containers/PageMetadata";
 
 const openingChestSfx = new Howl({
   src: openingSfx,
@@ -23,6 +24,8 @@ const ArtworksPage = () => {
 
   return (
     <div className="container py-16">
+      <PageMetadata title="Treasures" />
+
       <h1 className="text-2xl">Treasures</h1>
       <div>
         <p className="italic inline">Take it. Ahem... I allow you!</p>

src/pages/artworks/viewSheet.tsx

@@ -62,10 +62,20 @@ const ViewSheet = ({ modal }: Props) => {
             <a
               href={data.srcUrl}
               target="_blank"
-              className="block mt-1 text-primary-500 font-medium hover:underline truncate"
+              className="block mt-1 link truncate"
             >
               {cleanUrl(data.srcUrl)}
             </a>
+
+            <p className="text-sm mt-8">
+              <i>Disclaimer:</i>
+              <br />I do not own this work of art. Please visit the original
+              post to see more from{" "}
+              <a href={data.srcUrl} target="_blank" className="link">
+                {data.artistName}
+              </a>
+              .
+            </p>
           </div>
         </div>
       )}