add fonts, buttons at the bottom

site/assets/css/fonts.css

@@ -0,0 +1,47 @@
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-extralight.woff2') format('woff2');
+    font-weight: 300;
+    font-style: normal;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-extralightitalic.woff2') format('woff2');
+    font-weight: 300;
+    font-style: italic;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-regular.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-regularitalic.woff2') format('woff2');
+    font-weight: normal;
+    font-style: italic;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-semibold.woff2') format('woff2');
+    font-weight: 600;
+    font-style: normal;
+    font-display: fallback;
+}
+
+@font-face {
+    font-family: 'Wotfard';
+    src: url('/assets/fonts/wotfard-semibolditalic.woff2') format('woff2');
+    font-weight: 600;
+    font-style: italic;
+    font-display: fallback;
+}

site/assets/css/markdown.css

@@ -13,11 +13,13 @@ code, pre {
   padding: 1px 3px 1px 3px;
 }
 
+/*
 @media (prefers-color-scheme: dark) {
   code, pre {
     background-color: #525252;
   }
 }
+*/
 
 p, blockquote, ul, ol, dl, table, pre, article {
   margin: 12px 0 18px 0;

site/assets/css/tailwind.css

@@ -550,6 +550,15 @@ video {
   position: relative;
 }
 
+.m-2 {
+  margin: 0.5rem;
+}
+
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
 .mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;
@@ -690,6 +699,14 @@ video {
   justify-content: space-between;
 }
 
+.rounded {
+  border-radius: 0.25rem;
+}
+
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
 .border {
   border-width: 1px;
 }
@@ -727,6 +744,10 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -832,6 +853,10 @@ video {
   text-decoration-line: underline;
 }
 
+.no-underline {
+  text-decoration-line: none;
+}
+
 .outline {
   outline-style: solid;
 }

site/index.html

@@ -6,6 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>Cloudy But No Rain - Fast Static Websites</title>
   <link rel="stylesheet" href="/assets/css/tailwind.css">
+  <link rel="stylesheet" href="/assets/css/fonts.css">
   <link rel="stylesheet" href="/assets/css/markdown.css">
 </head>
 
@@ -88,11 +89,18 @@ <h2 class="text-[#161253]">Features</h2>
         <h2>Warning</h2>
         <p>At the moment, Cloudy But No Rain is a <b>work in progress</b>.</p>
         <p>If you want to use it, please expect a constantly-shifting user interface, documentation that's missing some pieces around "advanced" features, and even occasional loss of historical analytics data (though I will try my best to avoid this unless it's totally necessary).</p>
-        <p>On the plus side, CBNR is also free to use while it's in development!</p>
+        <p>On the plus side, CBNR is also free to use while it's in alpha!</p>
       </div>
     </div>
-    <div class="w-full h-48 bg-white flex flex-row items-center justify-center">
-      <div>(short blurb about who I am and why I built this, little photo of me in a circle, etc)</div>
+    <div class="w-full bg-white flex flex-row items-center justify-center">
+      <div class="w-full max-w-[768px] px-8 py-8 flex flex-col items-center justify-center">
+        <h2 class="text-[#161253]">Want to See More?</h2>
+        <div class="w-full flex flex-row items-center justify-center">
+          <a href="https://app.cbnr.xyz/" class="bg-[#C6DFEF] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Web App</a>
+          <a href="https://docs.cbnr.xyz/" class="bg-[#C6DFEF] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Documentation</a>
+          <a href="https://github.com/orgs/cloudybutnorain/repositories" class="bg-[#C6DFEF] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Source</a>
+        </div>
+      </div>
     </div>
     <div class="w-full h-12 bg-[#161253] flex flex-row items-center justify-center">
       <div>(I would put a copyright in this footer if I knew how that worked)</div>