95 lines
2.9 KiB
JavaScript
95 lines
2.9 KiB
JavaScript
import React from "react";
|
|
import { Flex, Text } from "theme-ui";
|
|
import raw from "raw.macro";
|
|
|
|
import Footer from "../components/Footer";
|
|
import Markdown from "../components/Markdown";
|
|
import Accordion from "../components/Accordion";
|
|
|
|
import assets from "../docs/assets";
|
|
|
|
const overview = raw("../docs/howTo/overview.md");
|
|
const startingAndJoining = raw("../docs/howTo/startingAndJoining.md");
|
|
const sharingMaps = raw("../docs/howTo/sharingMaps.md");
|
|
const usingTokens = raw("../docs/howTo/usingTokens.md");
|
|
const usingDrawing = raw("../docs/howTo/usingDrawing.md");
|
|
const usingDice = raw("../docs/howTo/usingDice.md");
|
|
const usingFog = raw("../docs/howTo/usingFog.md");
|
|
const usingMeasure = raw("../docs/howTo/usingMeasure.md");
|
|
const sharingAudio = raw("../docs/howTo/sharingAudio.md");
|
|
|
|
function ReleaseNotes() {
|
|
return (
|
|
<Flex
|
|
sx={{
|
|
flexDirection: "column",
|
|
justifyContent: "space-between",
|
|
minHeight: "100%",
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
<Flex
|
|
sx={{
|
|
flexDirection: "column",
|
|
maxWidth: "564px",
|
|
flexGrow: 1,
|
|
width: "100%",
|
|
}}
|
|
p={4}
|
|
>
|
|
<Text mb={2} variant="heading" as="h1" sx={{ fontSize: 5 }}>
|
|
How To
|
|
</Text>
|
|
<div id="overview">
|
|
<Accordion heading="Overview" defaultOpen>
|
|
<Markdown source={overview} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="startingAndJoining">
|
|
<Accordion heading="Starting and Joining a Game">
|
|
<Markdown source={startingAndJoining} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="sharingMaps">
|
|
<Accordion heading="Sharing a Map">
|
|
<Markdown source={sharingMaps} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="usingTokens">
|
|
<Accordion heading="Using Tokens">
|
|
<Markdown source={usingTokens} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="usingDrawing">
|
|
<Accordion heading="Using the Drawing Tool">
|
|
<Markdown source={usingDrawing} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="usingDice">
|
|
<Accordion heading="Using Dice">
|
|
<Markdown source={usingDice} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="usingFog">
|
|
<Accordion heading="Using the Fog Tool">
|
|
<Markdown source={usingFog} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="usingMeasure">
|
|
<Accordion heading="Using the Measure Tool">
|
|
<Markdown source={usingMeasure} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
<div id="sharingAudio">
|
|
<Accordion heading="Sharing Audio (Experimental)">
|
|
<Markdown source={sharingAudio} assets={assets} />
|
|
</Accordion>
|
|
</div>
|
|
</Flex>
|
|
<Footer />
|
|
</Flex>
|
|
);
|
|
}
|
|
|
|
export default ReleaseNotes;
|