Tweak www titles heads
This commit is contained in:
parent
61fb767b5a
commit
ac8b54abe5
8 changed files with 167 additions and 82 deletions
|
@ -1,11 +1,19 @@
|
||||||
import dynamic from 'next/dynamic'
|
import dynamic from 'next/dynamic'
|
||||||
import { GetServerSideProps } from 'next'
|
import { GetServerSideProps } from 'next'
|
||||||
import { getSession } from 'next-auth/client'
|
import { getSession } from 'next-auth/client'
|
||||||
|
import Head from 'next/head'
|
||||||
|
|
||||||
const Editor = dynamic(() => import('components/editor'), { ssr: false })
|
const Editor = dynamic(() => import('components/editor'), { ssr: false })
|
||||||
|
|
||||||
export default function Shhh(): JSX.Element {
|
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) => {
|
export const getServerSideProps: GetServerSideProps = async (context) => {
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
import * as React from 'react'
|
import * as React from 'react'
|
||||||
import type { GetServerSideProps } from 'next'
|
import type { GetServerSideProps } from 'next'
|
||||||
|
import Head from 'next/head'
|
||||||
import { getSession } from 'next-auth/client'
|
import { getSession } from 'next-auth/client'
|
||||||
import dynamic from 'next/dynamic'
|
import dynamic from 'next/dynamic'
|
||||||
const Editor = dynamic(() => import('components/editor'), { ssr: false })
|
const Editor = dynamic(() => import('components/editor'), { ssr: false })
|
||||||
|
@ -9,7 +10,14 @@ interface RoomProps {
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function Room({ id }: RoomProps): JSX.Element {
|
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) => {
|
export const getServerSideProps: GetServerSideProps = async (context) => {
|
||||||
|
|
|
@ -1,12 +1,20 @@
|
||||||
import * as React from 'react'
|
import * as React from 'react'
|
||||||
import type { GetServerSideProps } from 'next'
|
import type { GetServerSideProps } from 'next'
|
||||||
|
import Head from 'next/head'
|
||||||
|
|
||||||
interface RoomProps {
|
interface RoomProps {
|
||||||
id?: string
|
id?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function RandomRoomPage({ id }: RoomProps): JSX.Element {
|
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) => {
|
export const getServerSideProps: GetServerSideProps = async (context) => {
|
||||||
|
|
|
@ -1,6 +1,14 @@
|
||||||
import dynamic from 'next/dynamic'
|
import dynamic from 'next/dynamic'
|
||||||
const Editor = dynamic(() => import('components/editor'), { ssr: false })
|
const Editor = dynamic(() => import('components/editor'), { ssr: false })
|
||||||
|
import Head from 'next/head'
|
||||||
|
|
||||||
export default function Shhh(): JSX.Element {
|
export default function Shhh(): JSX.Element {
|
||||||
return <Editor id="home" />
|
return (
|
||||||
|
<>
|
||||||
|
<Head>
|
||||||
|
<title>tldraw</title>
|
||||||
|
</Head>
|
||||||
|
<Editor id="home" />
|
||||||
|
</>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,11 +3,16 @@ import { getSession, signin, signout, useSession } from 'next-auth/client'
|
||||||
import { GetServerSideProps } from 'next'
|
import { GetServerSideProps } from 'next'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
|
import Head from 'next/head'
|
||||||
|
|
||||||
export default function Sponsorware(): JSX.Element {
|
export default function Sponsorware(): JSX.Element {
|
||||||
const [session, loading] = useSession()
|
const [session, loading] = useSession()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<>
|
||||||
|
<Head>
|
||||||
|
<title>tldraw</title>
|
||||||
|
</Head>
|
||||||
<OuterContent>
|
<OuterContent>
|
||||||
<Content
|
<Content
|
||||||
size={{
|
size={{
|
||||||
|
@ -77,6 +82,7 @@ export default function Sponsorware(): JSX.Element {
|
||||||
</ButtonGroup>
|
</ButtonGroup>
|
||||||
</Content>
|
</Content>
|
||||||
</OuterContent>
|
</OuterContent>
|
||||||
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,13 +1,21 @@
|
||||||
import * as React from 'react'
|
import * as React from 'react'
|
||||||
import type { GetServerSideProps } from 'next'
|
import type { GetServerSideProps } from 'next'
|
||||||
import { getSession } from 'next-auth/client'
|
import { getSession } from 'next-auth/client'
|
||||||
|
import Head from 'next/head'
|
||||||
|
|
||||||
interface RoomProps {
|
interface RoomProps {
|
||||||
id?: string
|
id?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function OtherUserPage({ id }: RoomProps): JSX.Element {
|
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) => {
|
export const getServerSideProps: GetServerSideProps = async (context) => {
|
||||||
|
|
|
@ -3,6 +3,7 @@ import type { GetServerSideProps } from 'next'
|
||||||
import { getSession } from 'next-auth/client'
|
import { getSession } from 'next-auth/client'
|
||||||
import type { Session } from 'next-auth'
|
import type { Session } from 'next-auth'
|
||||||
import { signOut } from 'next-auth/client'
|
import { signOut } from 'next-auth/client'
|
||||||
|
import Head from 'next/head'
|
||||||
|
|
||||||
interface UserPageProps {
|
interface UserPageProps {
|
||||||
session: Session
|
session: Session
|
||||||
|
@ -10,12 +11,17 @@ interface UserPageProps {
|
||||||
|
|
||||||
export default function UserPage({ session }: UserPageProps): JSX.Element {
|
export default function UserPage({ session }: UserPageProps): JSX.Element {
|
||||||
return (
|
return (
|
||||||
|
<>
|
||||||
|
<Head>
|
||||||
|
<title>tldraw</title>
|
||||||
|
</Head>
|
||||||
<div>
|
<div>
|
||||||
<pre>
|
<pre>
|
||||||
<code>{JSON.stringify(session.user, null, 2)}</code>
|
<code>{JSON.stringify(session.user, null, 2)}</code>
|
||||||
</pre>
|
</pre>
|
||||||
<button onClick={() => signOut}>Sign Out</button>
|
<button onClick={() => signOut}>Sign Out</button>
|
||||||
</div>
|
</div>
|
||||||
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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,
|
html,
|
||||||
body {
|
body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
|
||||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue