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: , condition: !isSignedIn + }, + { + name: "", + href: "https://github.com/maxleiter/drift", + icon: , + 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`} + /> + + - )