Add copyleft just for funsies.

web/components/ArrowIcon.tsx

@@ -13,7 +13,7 @@ export default function ArrowIcon({ className }: ArrowIconProps) {
       className={className}
     >
       <path
-        className={`stroke-current text-primary`}
+        className="stroke-current text-primary"
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth="2"

web/components/CopyleftIcon.tsx

@@ -0,0 +1,36 @@
+interface CopyleftIconProps {
+  className?: string
+  width?: number
+  height?: number
+}
+
+export default function CopyleftIcon({
+  className,
+  width,
+  height,
+}: CopyleftIconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width || 980}
+      height={height || 980}
+      fill="none"
+      viewBox="0 0 980 980"
+      className={className}
+    >
+      <circle
+        cx="490"
+        cy="490"
+        r="440"
+        fill="none"
+        strokeWidth="100"
+        className="stroke-current"
+      />
+      <path
+        d="M219,428H350a150,150 0 1 1 0,125H219a275,275 0 1 0 0-125z"
+        strokeWidth="1"
+        className="stroke-current fill-current"
+      />
+    </svg>
+  )
+}

web/components/Footer.tsx

@@ -0,0 +1,16 @@
+import CopyleftIcon from './CopyleftIcon'
+
+const Footer: React.FunctionComponent = () => {
+  return (
+    <div className="flex py-4 justify-center items-center">
+      <div className="px-1">
+        <CopyleftIcon width={20} height={20} />
+      </div>
+      <div className="px-1 font-sans text-sm">
+        <p>{new Date().getFullYear()} Conky developers</p>
+      </div>
+    </div>
+  )
+}
+
+export default Footer

web/components/Layout.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react'
 import { SearchIndex } from '../utils/search'
+import Footer from './Footer'
 import Header from './Header'
 
 function darkModeDefault() {
@@ -54,11 +55,14 @@ export default function Layout({ children, searchIndex }: LayoutProps) {
           setDarkMode={setDarkMode}
         />
       </div>
-      <div className="relative pb-24">
+      <div className="relative pb-4">
         <div className="flex flex-col items-center max-w-3xl w-full mx-auto">
           {children}
         </div>
       </div>
+      <div className="relative">
+        <Footer />
+      </div>
     </div>
   )
 }