new-index: some patches and removes some dependencies from our build

2024-09-17 17:27:52 +03:00 · 2020-09-04 00:16:59 -07:00 · 2020-09-04 00:16:59 -07:00 · e86aead989
commit e86aead989
parent 7fb966651d
6 changed files with 153 additions and 51 deletions
--- a/common/validations.js
+++ b/common/validations.js
@ -35,6 +35,16 @@ const REJECT_LIST = [
  "log-in",
  "log_in",
  "logout",
+  "terms",
+  "terms-of-service",
+  "community",
+  "privacy",
+  "reset-password",
+  "reset",
+  "logout",
+  "dashboard",
+  "analytics",
+  "data",
 ];

 export const userRoute = (text) => {
--- a/components/core/NewWebsitePrototypeFooter.js
+++ b/components/core/NewWebsitePrototypeFooter.js
@ -112,7 +112,11 @@ export const NewWebsitePrototypeFooter = (props) => {
        <div style={{ marginRight: 88 }}>
          <p>Reach out</p>
          <br />
-          <a css={STYLES_LINK} href="https://twitter.com/_slate" target="_blank">
+          <a
+            css={STYLES_LINK}
+            href="https://twitter.com/_slate"
+            target="_blank"
+          >
            Twitter
          </a>
          <br />
@ -125,19 +129,23 @@ export const NewWebsitePrototypeFooter = (props) => {
        <div>
          <p>Resources</p>
          <br />
-          <a css={STYLES_LINK} href="/" target="_blank">
+          <a css={STYLES_LINK} href="/_/system" target="_blank">
            Design system
          </a>
          <br />
-          <a css={STYLES_LINK} href="https://github.com/filecoin-project/slate" target="_blank">
+          <a
+            css={STYLES_LINK}
+            href="https://github.com/filecoin-project/slate"
+            target="_blank"
+          >
            View source
          </a>
          <br />
-          <a css={STYLES_LINK} href="./community" target="_blank">
+          <a css={STYLES_LINK} href="/community" target="_blank">
            Community Guidelines
          </a>
          <br />
-          <a css={STYLES_LINK} href="./privacy" target="_blank">
+          <a css={STYLES_LINK} href="/privacy" target="_blank">
            Privacy
          </a>
        </div>
--- a/components/core/NewWebsitePrototypeHeader.js
+++ b/components/core/NewWebsitePrototypeHeader.js
@ -227,6 +227,11 @@ const STYLES_MENU_OPEN = css`

 export const NewWebsitePrototypeHeader = (props) => {
  const [open, setOpen] = useState(false);
+
+  const viewSourceURL = "https://github.com/filecoin-project/slate";
+  const designSystemURL = "/_/system";
+  const signInURL = "/_";
+
  return (
    <div css={STYLES_CONTAINER} style={props.style}>
      <div css={STYLES_LEFT}>
@ -235,26 +240,30 @@ export const NewWebsitePrototypeHeader = (props) => {
        </a>
      </div>
      <div css={STYLES_RIGHT}>
-        <a css={STYLES_LINK} style={{ marginRight: 24 }} href="https://github.com/filecoin-project/slate">
-          Get involved
+        <a css={STYLES_LINK} style={{ marginRight: 24 }} href={designSystemURL}>
+          Design system
        </a>
-        <a css={STYLES_LINK} style={{ marginRight: 24 }} href="/_/system">
-          Sign up
+        <a css={STYLES_LINK} style={{ marginRight: 24 }} href={viewSourceURL}>
+          View source
        </a>
-        <a css={STYLES_LINK} href="https://github.com/filecoin-project/slate">
-          Download
+        <a css={STYLES_LINK} href={signInURL}>
+          Sign in
        </a>
      </div>
      <div>
-        <div open={open} onClick={() => setOpen(!open)} css={open ? STYLES_BURGER_OPEN : STYLES_BURGER}>
+        <div
+          open={open}
+          onClick={() => setOpen(!open)}
+          css={open ? STYLES_BURGER_OPEN : STYLES_BURGER}
+        >
          <div css={open ? STYLES_BURGER_BUN_OPEN : STYLES_BURGER_BUN} />
          <div css={open ? STYLES_BURGER_MEAT_OPEN : STYLES_BURGER_MEAT} />
          <div css={open ? STYLES_BURGER_BUN2_OPEN : STYLES_BURGER_BUN2} />
        </div>
        <div open={open} css={open ? STYLES_MENU_OPEN : STYLES_MENU}>
-          <a href="/">Get involved</a>
-          <a href="/">Sign up</a>
-          <a href="/">Download</a>
+          <a href={designSystemURL}>Design system</a>
+          <a href={viewSourceURL}>View source</a>
+          <a href={signInURL}>Sign in</a>
        </div>
      </div>
    </div>
--- a/package.json
+++ b/package.json
@ -66,11 +66,9 @@
    "pg": "^8.3.3",
    "prismjs": "^1.20.0",
    "react": "^16.13.1",
-    "react-confetti": "^6.0.0",
    "react-dom": "^16.13.1",
    "react-draggable": "^4.4.3",
    "react-grid-layout": "^1.0.0",
-    "react-slideshow-image": "^3.0.2",
    "react-text-loop": "^2.3.0",
    "regenerator-runtime": "^0.13.7",
    "three": "^0.108.0",
--- a/pages/_/test_mark/tara-test-new-index.js
+++ b/pages/_/test_mark/tara-test-new-index.js
@ -481,11 +481,18 @@ export default class IndexPage extends React.Component {

  render() {
    const title = `Slate`;
-    const description = "Welcome to the future of file sharing. Powered by Textile, Filecoin, IPFS.";
+    const description =
+      "Welcome to the future of file sharing. Powered by Textile, Filecoin, IPFS.";
    const url = "https://slate.host";
-    const image = "https://bafybeifedze7dm4zesvgekukziw23gbtfodxiz63nxgybbyo2koxeybmla.ipfs.slate.textile.io/";
+    const image =
+      "https://bafybeifedze7dm4zesvgekukziw23gbtfodxiz63nxgybbyo2koxeybmla.ipfs.slate.textile.io/";
    return (
-      <WebsitePrototypeWrapper title={title} description={description} url={url} image={image}>
+      <WebsitePrototypeWrapper
+        title={title}
+        description={description}
+        url={url}
+        image={image}
+      >
        <WebsitePrototypeHeader />
        <div css={STYLES_ROOT}>
          <section css={STYLES_SECTION_HERO}>
@ -500,7 +507,10 @@ export default class IndexPage extends React.Component {
              </h1>

              <div css={STYLES_ACTIONS_RIGHT}>
-                <div css={STYLES_BUTTON_PRIMARY} onClick={() => window.open("/_")}>
+                <div
+                  css={STYLES_BUTTON_PRIMARY}
+                  onClick={() => window.open("/_")}
+                >
                  Use Slate
                </div>
              </div>
@ -508,20 +518,28 @@ export default class IndexPage extends React.Component {
            <br />

            <div css={STYLES_IMAGE}>
-              <video Autoplay="autoplay" Loop="loop" src="/static/landing/marketing-hero.mov" type="video/mov" />
+              <video
+                Autoplay="autoplay"
+                Loop="loop"
+                src="/static/landing/marketing-hero.mov"
+                type="video/mov"
+              />
            </div>
            <div css={STYLES_TEXT_BLOCK}>
              <h2>
                Slate{" "}
                <span css={STYLES_HIGHLIGHT}>
-                  is a fully open-source file sharing network designed for research and collaboration.
+                  is a fully open-source file sharing network designed for
+                  research and collaboration.
                </span>
                <br />
                <br />
                <span css={STYLES_HIGHLIGHT}>Store</span> your data,
                <br />
-                <span css={STYLES_HIGHLIGHT}>organize</span> it any way you like, <br />
-                <span css={STYLES_HIGHLIGHT}>and share</span> it with the world securely.
+                <span css={STYLES_HIGHLIGHT}>organize</span> it any way you
+                like, <br />
+                <span css={STYLES_HIGHLIGHT}>and share</span> it with the world
+                securely.
                <br />
                <br />
              </h2>
@ -552,8 +570,10 @@ export default class IndexPage extends React.Component {
                </span>
              </h1>
              <h3>
-                <span css={STYLES_HIGHLIGHT}>Easily upload </span>any kind of file to your storage system. <br />
-                <span css={STYLES_HIGHLIGHT}>Organize</span> them any way you like with slates.
+                <span css={STYLES_HIGHLIGHT}>Easily upload </span>any kind of
+                file to your storage system. <br />
+                <span css={STYLES_HIGHLIGHT}>Organize</span> them any way you
+                like with slates.
              </h3>
            </div>
            <div css={STYLES_IMAGE}>
@ -568,8 +588,9 @@ export default class IndexPage extends React.Component {
                <span css={STYLES_HIGHLIGHT}>anywhere</span>
              </h1>
              <h3>
-                <span css={STYLES_HIGHLIGHT}>The Slate Chrome extension</span> lets you seamlessly upload files to your
-                slates from anywhere on the web.
+                <span css={STYLES_HIGHLIGHT}>The Slate Chrome extension</span>{" "}
+                lets you seamlessly upload files to your slates from anywhere on
+                the web.
              </h3>
            </div>
            <div css={STYLES_MEDIA_LEFT}>
@ -583,7 +604,8 @@ export default class IndexPage extends React.Component {
                <span css={STYLES_HIGHLIGHT}>Organize and publish</span>
              </h1>
              <h3>
-                <span css={STYLES_HIGHLIGHT}>A modular interface</span> for your files, giving you complete flexibility.
+                <span css={STYLES_HIGHLIGHT}>A modular interface</span> for your
+                files, giving you complete flexibility.
              </h3>
            </div>
            <br />
@ -608,7 +630,12 @@ export default class IndexPage extends React.Component {
              </h2>
            </div>
            <div css={STYLES_IMAGE}>
-              <video Autoplay="autoplay" Loop="loop" src="/static/landing/marketing-research.mov" type="video/mov" />
+              <video
+                Autoplay="autoplay"
+                Loop="loop"
+                src="/static/landing/marketing-research.mov"
+                type="video/mov"
+              />
            </div>
            <br />
            <br />
@ -630,8 +657,9 @@ export default class IndexPage extends React.Component {
                <span css={STYLES_HIGHLIGHT}>Collaborate and share</span>
              </h1>
              <h3>
-                <span css={STYLES_HIGHLIGHT}>A file sharing network</span> built on top of a storage system making it
-                possible to connect with other people on the Filecoin network.
+                <span css={STYLES_HIGHLIGHT}>A file sharing network</span> built
+                on top of a storage system making it possible to connect with
+                other people on the Filecoin network.
              </h3>
            </div>

@ -647,8 +675,11 @@ export default class IndexPage extends React.Component {
                <span css={STYLES_HIGHLIGHT}>trust, privacy, and security</span>
              </h1>
              <h3>
-                <span css={STYLES_HIGHLIGHT}>Slate is built on Filecoin and IPFS</span> — technologies built around
-                ownership and transparency for the future of the web.
+                <span css={STYLES_HIGHLIGHT}>
+                  Slate is built on Filecoin and IPFS
+                </span>{" "}
+                — technologies built around ownership and transparency for the
+                future of the web.
              </h3>
              <div>
                <a css={STYLES_LINK_WHITE} href="https://filecoin.io">
@ -664,14 +695,22 @@ export default class IndexPage extends React.Component {

          <section css={STYLES_SECTION_SLATE_WALL}>
            <div css={STYLES_SLATE_CARD_GRAY}>
-              <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://slate.host/_" target="_blank">
+              <a
+                css={STYLES_SLATE_CARD_PARAGRAPH}
+                href="https://slate.host/_"
+                target="_blank"
+              >
                <div css={STYLES_SLATE_CARD_TEXT}>
                  <div css={STYLES_SLATE_CARD_CTA_TITLE}>
                    Join us <br />
-                    <span css={STYLES_HIGHLIGHT_BLACK}>in the open, secure network</span>
+                    <span css={STYLES_HIGHLIGHT_BLACK}>
+                      in the open, secure network
+                    </span>
                  </div>
                  <div css={STYLES_SLATE_CARD_EXPLAINER}>
-                    <div css={STYLES_SLATE_CARD_CTA_PARAGRAPH}>Create your first slate</div>
+                    <div css={STYLES_SLATE_CARD_CTA_PARAGRAPH}>
+                      Create your first slate
+                    </div>
                    <div css={STYLES_SLATE_CARD_CTA_PARAGRAPH}>-&gt;</div>
                  </div>
                </div>
@ -681,9 +720,15 @@ export default class IndexPage extends React.Component {
            <br />
            <div css={STYLES_SLATE_CARD_GROUP}>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
-                    <div css={STYLES_SLATE_CARD_TITLE}>Dogs of Marcus Aurelius</div>
+                    <div css={STYLES_SLATE_CARD_TITLE}>
+                      Dogs of Marcus Aurelius
+                    </div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
                      <div css={STYLES_SLATE_CARD_PARAGRAPH}>@internetjim</div>
                      <div css={STYLES_SLATE_CARD_PARAGRAPH}>-&gt;</div>
@ -692,7 +737,11 @@ export default class IndexPage extends React.Component {
                </a>
              </div>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>Globe</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
@ -703,7 +752,11 @@ export default class IndexPage extends React.Component {
                </a>
              </div>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>Digital Renaissance</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
@ -716,7 +769,11 @@ export default class IndexPage extends React.Component {
            </div>
            <div css={STYLES_SLATE_CARD_GROUP}>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>42</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
@ -727,7 +784,11 @@ export default class IndexPage extends React.Component {
                </a>
              </div>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>Slate</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
@ -738,7 +799,11 @@ export default class IndexPage extends React.Component {
                </a>
              </div>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>Clouds</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
@ -751,7 +816,11 @@ export default class IndexPage extends React.Component {
            </div>
            <div css={STYLES_SLATE_CARD_GROUP}>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>Honeycomb</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
@ -762,7 +831,11 @@ export default class IndexPage extends React.Component {
                </a>
              </div>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>Extension</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
@ -773,11 +846,17 @@ export default class IndexPage extends React.Component {
                </a>
              </div>
              <div css={STYLES_SLATE_CARD}>
-                <a css={STYLES_SLATE_CARD_PARAGRAPH} href="https://github.com/filecoin-project/slate" target="_blank">
+                <a
+                  css={STYLES_SLATE_CARD_PARAGRAPH}
+                  href="https://github.com/filecoin-project/slate"
+                  target="_blank"
+                >
                  <div css={STYLES_SLATE_CARD_TEXT}>
                    <div css={STYLES_SLATE_CARD_TITLE}>More</div>
                    <div css={STYLES_SLATE_CARD_EXPLAINER}>
-                      <div css={STYLES_SLATE_CARD_PARAGRAPH}>Explore Slates</div>
+                      <div css={STYLES_SLATE_CARD_PARAGRAPH}>
+                        Explore Slates
+                      </div>
                      <div css={STYLES_SLATE_CARD_PARAGRAPH}>-&gt;</div>
                    </div>
                  </div>
--- a/pages/_app.js
+++ b/pages/_app.js
@ -10,8 +10,6 @@ import {
  injectCodeBlockStyles,
 } from "~/common/styles/global";

-import "react-slideshow-image/dist/styles.css";
-
 // NOTE(wwwjim):
 // https://nextjs.org/docs/advanced-features/custom-app
 function MyApp({ Component, pageProps }) {