PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Tweak www titles heads

Browse source
This commit is contained in:
Steve Ruiz 2021-09-06 14:37:48 +01:00
parent 61fb767b5a
commit ac8b54abe5
8 changed files with 167 additions and 82 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/www/pages/index.tsx
View file

@ -1,11 +1,19 @@
import dynamic from 'next/dynamic'
import { GetServerSideProps } from 'next'
import { getSession } from 'next-auth/client'
import Head from 'next/head'
const Editor = dynamic(() => import('components/editor'), { ssr: false })
export default function Shhh(): JSX.Element {
return <Editor id="home" />
return (
<>
<Head>
<title>tldraw</title>
</Head>
<Editor id="home" />
</>
)
}
export const getServerSideProps: GetServerSideProps = async (context) => {

10
packages/www/pages/r/[id].tsx
View file

@ -1,5 +1,6 @@
import * as React from 'react'
import type { GetServerSideProps } from 'next'
import Head from 'next/head'
import { getSession } from 'next-auth/client'
import dynamic from 'next/dynamic'
const Editor = dynamic(() => import('components/editor'), { ssr: false })
@ -9,7 +10,14 @@ interface RoomProps {
}
export default function Room({ id }: RoomProps): JSX.Element {
return <Editor id={id} />
return (
<>
<Head>
<title>tldraw</title>
</Head>
<Editor id={id} />
</>
)
}
export const getServerSideProps: GetServerSideProps = async (context) => {

10
packages/www/pages/r/index.tsx
View file

@ -1,12 +1,20 @@
import * as React from 'react'
import type { GetServerSideProps } from 'next'
import Head from 'next/head'
interface RoomProps {
id?: string
}
export default function RandomRoomPage({ id }: RoomProps): JSX.Element {
return <div>Should have routed to room: {id}</div>
return (
<>
<Head>
<title>tldraw</title>
</Head>
<div>Should have routed to room: {id}</div>
</>
)
}
export const getServerSideProps: GetServerSideProps = async (context) => {

10
packages/www/pages/shhh.tsx
View file

@ -1,6 +1,14 @@
import dynamic from 'next/dynamic'
const Editor = dynamic(() => import('components/editor'), { ssr: false })
import Head from 'next/head'
export default function Shhh(): JSX.Element {
return <Editor id="home" />
return (
<>
<Head>
<title>tldraw</title>
</Head>
<Editor id="home" />
</>
)
}

144
packages/www/pages/sponsorware.tsx
View file

@ -3,80 +3,86 @@ import { getSession, signin, signout, useSession } from 'next-auth/client'
import { GetServerSideProps } from 'next'
import Link from 'next/link'
import React from 'react'
import Head from 'next/head'
export default function Sponsorware(): JSX.Element {
const [session, loading] = useSession()
return (
<OuterContent>
<Content
size={{
'@sm': 'small',
}}
>
<h1>tldraw (is sponsorware)</h1>
<p>
Hey, thanks for visiting <Link href="/">tldraw</Link>, a tiny little drawing app by{' '}
<a
target="_blank"
rel="noreferrer nofollow noopener"
href="https://twitter.com/steveruizok"
>
steveruizok
</a>{' '}
and friends .
</p>
<video autoPlay muted playsInline onClick={(e) => e.currentTarget.play()}>
<source src="images/hello.mp4" type="video/mp4" />
</video>
<p>This project is currently: </p>
<ul>
<li>in development</li>
<li>only available for my sponsors</li>
</ul>
<p>
If you&apos;d like to try it out,{' '}
<a
href="https://github.com/sponsors/steveruizok"
target="_blank"
rel="noopener noreferrer"
>
sponsor me on Github
</a>{' '}
(at any level) and sign in below.
</p>
<ButtonGroup>
{session ? (
<>
<Button onClick={() => signout()} variant={'secondary'}>
Sign Out
</Button>
<Detail>
Signed in as {session?.user?.name} ({session?.user?.email}), but it looks like
you&apos;re not yet a sponsor.
<br />
Something wrong? Try <Link href="/">reloading the page</Link> or DM me on{' '}
<a
target="_blank"
rel="noreferrer nofollow noopener"
href="https://twitter.com/steveruizok"
>
Twitter
</a>
.
</Detail>
</>
) : (
<>
<Button onClick={() => signin('github')} variant={'primary'}>
{loading ? 'Loading...' : 'Sign in With Github'}
</Button>
<Detail>Already a sponsor? Just sign in to visit the app.</Detail>
</>
)}
</ButtonGroup>
</Content>
</OuterContent>
<>
<Head>
<title>tldraw</title>
</Head>
<OuterContent>
<Content
size={{
'@sm': 'small',
}}
>
<h1>tldraw (is sponsorware)</h1>
<p>
Hey, thanks for visiting <Link href="/">tldraw</Link>, a tiny little drawing app by{' '}
<a
target="_blank"
rel="noreferrer nofollow noopener"
href="https://twitter.com/steveruizok"
>
steveruizok
</a>{' '}
and friends .
</p>
<video autoPlay muted playsInline onClick={(e) => e.currentTarget.play()}>
<source src="images/hello.mp4" type="video/mp4" />
</video>
<p>This project is currently: </p>
<ul>
<li>in development</li>
<li>only available for my sponsors</li>
</ul>
<p>
If you&apos;d like to try it out,{' '}
<a
href="https://github.com/sponsors/steveruizok"
target="_blank"
rel="noopener noreferrer"
>
sponsor me on Github
</a>{' '}
(at any level) and sign in below.
</p>
<ButtonGroup>
{session ? (
<>
<Button onClick={() => signout()} variant={'secondary'}>
Sign Out
</Button>
<Detail>
Signed in as {session?.user?.name} ({session?.user?.email}), but it looks like
you&apos;re not yet a sponsor.
<br />
Something wrong? Try <Link href="/">reloading the page</Link> or DM me on{' '}
<a
target="_blank"
rel="noreferrer nofollow noopener"
href="https://twitter.com/steveruizok"
>
Twitter
</a>
.
</Detail>
</>
) : (
<>
<Button onClick={() => signin('github')} variant={'primary'}>
{loading ? 'Loading...' : 'Sign in With Github'}
</Button>
<Detail>Already a sponsor? Just sign in to visit the app.</Detail>
</>
)}
</ButtonGroup>
</Content>
</OuterContent>
</>
)
}

10
packages/www/pages/u/[id].tsx
View file

@ -1,13 +1,21 @@
import * as React from 'react'
import type { GetServerSideProps } from 'next'
import { getSession } from 'next-auth/client'
import Head from 'next/head'
interface RoomProps {
id?: string
}
export default function OtherUserPage({ id }: RoomProps): JSX.Element {
return <div>Todo, other user: {id}</div>
return (
<>
<Head>
<title>tldraw</title>
</Head>
<div>Todo, other user: {id}</div>
</>
)
}
export const getServerSideProps: GetServerSideProps = async (context) => {

18
packages/www/pages/u/index.tsx
View file

@ -3,6 +3,7 @@ import type { GetServerSideProps } from 'next'
import { getSession } from 'next-auth/client'
import type { Session } from 'next-auth'
import { signOut } from 'next-auth/client'
import Head from 'next/head'
interface UserPageProps {
session: Session
@ -10,12 +11,17 @@ interface UserPageProps {
export default function UserPage({ session }: UserPageProps): JSX.Element {
return (
<div>
<pre>
<code>{JSON.stringify(session.user, null, 2)}</code>
</pre>
<button onClick={() => signOut}>Sign Out</button>
</div>
<>
<Head>
<title>tldraw</title>
</Head>
<div>
<pre>
<code>{JSON.stringify(session.user, null, 2)}</code>
</pre>
<button onClick={() => signOut}>Sign Out</button>
</div>
</>
)
}

37
packages/www/styles/globals.css
View file

@ -1,9 +1,42 @@
@font-face {
font-family: 'Recursive';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/recursive/v23/8vI-7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUlTGZnI14ZeY.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Recursive';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/recursive/v23/8vI-7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUlTGZnI14ZeY.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Recursive Mono';
font-style: normal;
font-weight: 420;
font-display: swap;
src: url(https://fonts.gstatic.com/s/recursive/v23/8vI-7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImqvTxvU-MXGX2fSqasNfUlTGZnI14ZeY.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,
body {
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
a {