2022-03-07 19:42:47 -05:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import styles from '../styles/Home.module.css'
|
2022-03-08 00:02:51 -05:00
|
|
|
import { Page, Spacer } from '@geist-ui/core'
|
2022-03-07 19:42:47 -05:00
|
|
|
|
|
|
|
|
import Header from '../components/header'
|
|
|
|
|
import { ThemeProps } from './_app'
|
|
|
|
|
import Document from '../components/document'
|
|
|
|
|
const Home = ({ theme, changeTheme }: ThemeProps) => {
|
|
|
|
|
return (
|
2022-03-07 21:36:36 -05:00
|
|
|
<Page className={styles.container} width="100%">
|
2022-03-07 19:42:47 -05:00
|
|
|
<Head>
|
|
|
|
|
<title>Drift</title>
|
|
|
|
|
<meta name="description" content="A self-hostable clone of GitHub Gist" />
|
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
|
|
|
|
</Head>
|
|
|
|
|
<Page.Header>
|
|
|
|
|
<Header theme={theme} changeTheme={changeTheme} />
|
|
|
|
|
</Page.Header>
|
|
|
|
|
<Page.Content width={"var(--main-content-width)"} margin="auto">
|
|
|
|
|
<Document
|
|
|
|
|
editable={false}
|
|
|
|
|
content={
|
|
|
|
|
`# Welcome to Drift
|
|
|
|
|
### Drift is a self-hostable clone of GitHub Gist.
|
|
|
|
|
#### It is a simple way to share code and text snippets with your friends, with support for the following:
|
|
|
|
|
|
2022-03-08 03:37:18 -05:00
|
|
|
- Render GitHub Extended Markdown (including images)
|
2022-03-07 19:42:47 -05:00
|
|
|
- User authentication
|
|
|
|
|
- Private, public, and secret posts
|
|
|
|
|
|
2022-03-08 00:41:23 -05:00
|
|
|
If you want to signup, you can join at [/signup](/signup) as long as you have a passcode provided by the administrator (which you don't need for this demo).
|
|
|
|
|
**This demo is on a memory-only database, so accounts and pastes can be deleted at any time.**
|
|
|
|
|
You can find the source code on [GitHub](https://github.com/MaxLeiter/drift).
|
2022-03-08 00:02:51 -05:00
|
|
|
|
|
|
|
|
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.
|
2022-03-08 00:41:23 -05:00
|
|
|
|
|
|
|
|
|
2022-03-07 19:42:47 -05:00
|
|
|
`}
|
2022-03-08 00:02:51 -05:00
|
|
|
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
|
2022-03-08 03:37:18 -05:00
|
|
|
- [ ] "Forking
|
|
|
|
|
- [ ] LaTeX
|
|
|
|
|
- [ ] Syntax highlighting based on filename ending"`}
|
2022-03-08 00:02:51 -05:00
|
|
|
title={`TODO.md`}
|
2022-03-07 19:42:47 -05:00
|
|
|
initialTab={`preview`}
|
|
|
|
|
/>
|
|
|
|
|
</Page.Content>
|
|
|
|
|
</Page >
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Home
|
