diff --git a/pages/get-started/guide.js b/pages/get-started/guide.js index 3bf2e145..c65f15b8 100644 --- a/pages/get-started/guide.js +++ b/pages/get-started/guide.js @@ -5,11 +5,10 @@ import * as SVG from "~/common/svg"; import WebsitePrototypeWrapper from "~/components/core/WebsitePrototypeWrapper"; import WebsiteHeader from "~/components/core/WebsiteHeader"; import WebsiteFooter from "~/components/core/WebsiteFooter"; +import * as JumperPrototype from "~/components/landing/jumperPrototype"; import { css } from "@emotion/react"; import { useEventListener } from "~/common/hooks"; -import { convertToV1Slate } from "~/common/conversions"; -import e from "express"; const STYLES_ROOT = css` width: 100%; @@ -68,7 +67,7 @@ const STYLES_BODY = css` font-size: 18px; line-height: 28px; letter-spacing: -0.01em; - margin-bottom: 16px; + margin-bottom: 49px; @keyframes fade-in { 0% { @@ -117,6 +116,61 @@ const STYLES_BUTTON = css` } `; +const VIEWS_ACTIONS = [ + { label: "Current Window" }, + { label: "All Open Tabs" }, + { label: "Recent" }, +]; + +const CUSTOM_VIEWS_ACTIONS = [ + { label: "Twitter", Favicon: SVG.TwitterFavicon }, + { label: "Youtube", Favicon: SVG.YoutubeFavicon }, +]; + +const OBJECTS = [ + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + isSaved: true, + }, + { + title: "Paul Prudence on Twitter: Computers and Automation [August-12-2022]", + isSelected: true, + Favicon: SVG.TwitterFavicon, + }, + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + }, + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + isSaved: true, + }, + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + isSaved: true, + }, + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + }, + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + }, + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + }, + { + title: "Concrete Architecture (@architeg) / Twitter", + Favicon: SVG.TwitterFavicon, + isSaved: true, + }, +]; + const useGuideKeyCommands = (handleNext, handlePrev) => { console.log("ping"); const handleKeyUp = (e) => { @@ -167,6 +221,43 @@ export default function Guide(props) {