From f0f4f98c584ed7df3ffde19097036c0a7f4358be Mon Sep 17 00:00:00 2001
From: Max Leiter <maxwell.leiter@gmail.com>
Date: Mon, 7 Mar 2022 21:02:51 -0800
Subject: [PATCH] Better homepage and add github to header

---
 client/components/header/index.tsx |  8 +++++++-
 client/pages/index.tsx             | 30 ++++++++++++++++++++++++++----
 2 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/client/components/header/index.tsx b/client/components/header/index.tsx
index de1419a5..617e4ce3 100644
--- a/client/components/header/index.tsx
+++ b/client/components/header/index.tsx
@@ -1,5 +1,5 @@
 import { Page, ButtonGroup, Button, useBodyScroll, useMediaQuery, useTheme, Tabs, Loading, Spacer } from "@geist-ui/core";
-import { Moon, Sun, UserPlus as SignUpIcon, User as SignInIcon, Home as HomeIcon, Menu as MenuIcon, Tool as SettingsIcon, UserX as SignoutIcon, PlusCircle as NewIcon, List as YourIcon } from "@geist-ui/icons";
+import { Github as GitHubIcon, UserPlus as SignUpIcon, User as SignInIcon, Home as HomeIcon, Menu as MenuIcon, Tool as SettingsIcon, UserX as SignoutIcon, PlusCircle as NewIcon, List as YourIcon } from "@geist-ui/icons";
 import { DriftProps } from "../../pages/_app";
 import { useEffect, useMemo, useState } from "react";
 import styles from './header.module.css';
@@ -73,6 +73,12 @@ const Header = ({ changeTheme, theme }: DriftProps) => {
             href: "/signup",
             icon: <SignUpIcon />,
             condition: !isSignedIn
+        },
+        {
+            name: "",
+            href: "https://github.com/maxleiter/drift",
+            icon: <GitHubIcon />,
+            condition: true
         }
     ], [isSignedIn, router])
 
diff --git a/client/pages/index.tsx b/client/pages/index.tsx
index 649ac360..feac465b 100644
--- a/client/pages/index.tsx
+++ b/client/pages/index.tsx
@@ -1,6 +1,6 @@
 import Head from 'next/head'
 import styles from '../styles/Home.module.css'
-import { Page } from '@geist-ui/core'
+import { Page, Spacer } from '@geist-ui/core'
 
 import Header from '../components/header'
 import { ThemeProps } from './_app'
@@ -28,12 +28,34 @@ const Home = ({ theme, changeTheme }: ThemeProps) => {
 - User authentication
 - Private, public, and secret posts
 
-If you need to signup, you can join at [/signup](/signup). If you're already signed in, you can create a new post by clicking the "New" button in the header.
+If you want to signup, you can join at [/signup](/signup) as long as you have a passcode provided by the administrator. If you're already signed in, you can create a new post by clicking the "New" button in the header. This demo is on a memory-only database, so accounts and pastes can be deleted at any time.
+
+Drift was inspired by [this tweet](https://twitter.com/emilyst/status/1499858264346935297):
+> What is the absolute closest thing to GitHub Gist that can be self-hosted?
+  In terms of design and functionality. Hosts images and markdown, rendered. Creates links that can be private or public. Uses/requires registration.
+  I have looked at dozens of pastebin-like things.
 `}
-          title={`Welcome to Drift`}
+          title={`Welcome to Drift.md`}
+          initialTab={`preview`}
+        />
+        <Spacer height={1} />
+        <Document
+          editable={false}
+          content={
+            `#### In no particular order:
+  
+- [ ] Less JavaScript usage (it's currently required)
+  - [ ] A non-Node backend
+- [ ] Hosting images
+- [ ] Password-protected posts
+- [ ] Administrator panel
+- [ ] Meta tags
+- [ ] User settings
+- [ ] Search
+- [ ] "Forking"`}
+          title={`TODO.md`}
           initialTab={`preview`}
         />
-
       </Page.Content>
     </Page >
   )