- {post.frontmatter.categories.map((category) => (
-
- ))}
-
- )}
-
-
-
-
-
-
- {post.frontmatter.description &&
-
- Newsletter
- Stay up to date
-
-
-
-
{social.map(({ name, Icon, href }) => (
- {routes.map(({ title, to }) => (
-
- {title}
-
- ))}
-
{showLoginNavigation && (
<>
@@ -117,27 +96,13 @@ const Navigation = ({ mode, uri }) => {
)}
style={{ marginTop: mobileMenuOffset }}
>
-
-
- {routes.map(({ title, to }) => (
-
- - - {title} - - - ))} -
diff --git a/packages/website/src/components/News/News.js b/packages/website/src/components/News/News.js
deleted file mode 100644
index 344b787e..00000000
--- a/packages/website/src/components/News/News.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import * as React from "react";
-import { GatsbyImage, getImage } from "gatsby-plugin-image";
-
-export function NewsSummary({ avatar, author, date }) {
- return (
-
-
diff --git a/packages/website/src/components/bio.js b/packages/website/src/components/bio.js
deleted file mode 100644
index bba25ebd..00000000
--- a/packages/website/src/components/bio.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Bio component that queries for data
- * with Gatsby's useStaticQuery component
- *
- * See: https://www.gatsbyjs.com/docs/use-static-query/
- */
-
-import * as React from "react";
-import { useStaticQuery, graphql } from "gatsby";
-import { StaticImage } from "gatsby-plugin-image";
-
-const Bio = () => {
- const data = useStaticQuery(graphql`
- query BioQuery {
- site {
- siteMetadata {
- author
- social {
- twitter
- }
- }
- }
- }
- `);
-
- // Set these values by editing "siteMetadata" in gatsby-config.js
- const author = data.site.siteMetadata?.author;
- const social = data.site.siteMetadata?.social;
-
- return (
-
- The new decentralized internet is here
-
-
-
-
- Ready to build your application?
-
-
-
-
);
};
-export const query = graphql`
- query MainPageQuery {
- allPagesIndexYaml {
- edges {
- node {
- etosCards {
- title
- alt
- src {
- publicURL
- }
- }
- ecosystemCards {
- title
- alt
- text
- src {
- publicURL
- }
- }
- }
- }
- }
- }
-`;
-
export default IndexPage;
diff --git a/packages/website/src/pages/news.js b/packages/website/src/pages/news.js
deleted file mode 100644
index 4dd1147b..00000000
--- a/packages/website/src/pages/news.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import * as React from "react";
-import { graphql } from "gatsby";
-import { GatsbyImage, getImage } from "gatsby-plugin-image";
-import { Section, Label } from "../components/Layout";
-import { NewsSummary } from "../components/News";
-import Link from "../components/Link";
-import Seo from "../components/seo";
-
-const NewsCard = ({ frontmatter, fields }) => {
- const { title, external, categories, description, thumbnail, avatar, author, date } = frontmatter;
- const link = external ? { href: external } : { to: fields.slug };
-
- return (
-
- {/* this is the gray box in the top left corner, 400px height is totally arbitrary but it works */}
-
-
-
-
- );
-};
-
-export const query = graphql`
- query NewsQuery {
- allMarkdownRemark(
- filter: { frontmatter: { hidden: { ne: true } } }
- sort: { fields: frontmatter___date, order: DESC }
- ) {
- edges {
- node {
- id
- frontmatter {
- title
- date(formatString: "MMMM DD, YYYY")
- description
- author
- categories
- external
- thumbnail {
- childImageSharp {
- gatsbyImageData(
- width: 320
- height: 170
- placeholder: BLURRED
- formats: [AUTO, AVIF, WEBP]
- transformOptions: { fit: COVER, cropFocus: CENTER }
- )
- }
- }
- avatar {
- childImageSharp {
- gatsbyImageData(
- width: 40
- placeholder: BLURRED
- formats: [AUTO, AVIF, WEBP]
- transformOptions: { fit: COVER, cropFocus: CENTER }
- )
- }
- }
- }
- fields {
- slug
- }
- }
- }
- }
- }
-`;
-
-export default NewsPage;
diff --git a/packages/website/src/pages/using-typescript.tsx b/packages/website/src/pages/using-typescript.tsx
deleted file mode 100644
index 2b3d0a35..00000000
--- a/packages/website/src/pages/using-typescript.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-// If you don't want to use TypeScript you can delete this file!
-import * as React from "react";
-import { PageProps, Link, graphql } from "gatsby";
-import SEO from "../components/seo";
-
-type DataProps = {
- site: {
- buildTime: string;
- };
-};
-
-const UsingTypescript: React.FC> = ({ data, path }) => (
- <>
-
-
-
- {post.frontmatter.categories && (
-
- {post.frontmatter.title}
-
-
-
-
-
-
-
- );
-};
-
-export default BlogPostTemplate;
-
-export const pageQuery = graphql`
- query BlogPostBySlug($id: String!, $previousPostId: String, $nextPostId: String) {
- site {
- siteMetadata {
- title
- }
- }
- markdownRemark(id: { eq: $id }) {
- id
- excerpt(pruneLength: 160)
- html
- frontmatter {
- title
- date(formatString: "MMMM DD, YYYY")
- description
- categories
- author
- avatar {
- childImageSharp {
- gatsbyImageData(width: 40, placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
- }
- }
- }
- }
- previous: markdownRemark(id: { eq: $previousPostId }) {
- fields {
- slug
- }
- frontmatter {
- title
- }
- }
- next: markdownRemark(id: { eq: $nextPostId }) {
- fields {
- slug
- }
- frontmatter {
- title
- }
- }
- }
-`;
diff --git a/packages/website/stories/Button.js b/packages/website/stories/Button.js
deleted file mode 100644
index 1bde42d3..00000000
--- a/packages/website/stories/Button.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import "./button.css";
-
-/**
- * Primary UI component for user interaction
- */
-export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
- const mode = primary ? "storybook-button--primary" : "storybook-button--secondary";
- return (
-
- );
-};
-
-Button.propTypes = {
- /**
- * Is this the principal call to action on the page?
- */
- primary: PropTypes.bool,
- /**
- * What background color to use
- */
- backgroundColor: PropTypes.string,
- /**
- * How large should the button be?
- */
- size: PropTypes.oneOf(["small", "medium", "large"]),
- /**
- * Button contents
- */
- label: PropTypes.string.isRequired,
- /**
- * Optional click handler
- */
- onClick: PropTypes.func,
-};
-
-Button.defaultProps = {
- backgroundColor: null,
- primary: false,
- size: "medium",
- onClick: undefined,
-};
diff --git a/packages/website/stories/Button.stories.js b/packages/website/stories/Button.stories.js
deleted file mode 100644
index 44d09366..00000000
--- a/packages/website/stories/Button.stories.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from "react";
-
-import { Button } from "./Button";
-
-export default {
- title: "Example/Button",
- component: Button,
- argTypes: {
- backgroundColor: { control: "color" },
- },
-};
-
-const Template = (args) => ;
-
-export const Primary = Template.bind({});
-Primary.args = {
- primary: true,
- label: "Button",
-};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
- label: "Button",
-};
-
-export const Large = Template.bind({});
-Large.args = {
- size: "large",
- label: "Button",
-};
-
-export const Small = Template.bind({});
-Small.args = {
- size: "small",
- label: "Button",
-};
diff --git a/packages/website/stories/Header.js b/packages/website/stories/Header.js
deleted file mode 100644
index 69feb954..00000000
--- a/packages/website/stories/Header.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-import { Button } from "./Button";
-import "./header.css";
-
-export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
-
-
-);
-
-Header.propTypes = {
- user: PropTypes.shape({}),
- onLogin: PropTypes.func.isRequired,
- onLogout: PropTypes.func.isRequired,
- onCreateAccount: PropTypes.func.isRequired,
-};
-
-Header.defaultProps = {
- user: null,
-};
diff --git a/packages/website/stories/Header.stories.js b/packages/website/stories/Header.stories.js
deleted file mode 100644
index 5326d2a5..00000000
--- a/packages/website/stories/Header.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-
-import { Header } from "./Header";
-
-export default {
- title: "Example/Header",
- component: Header,
-};
-
-const Template = (args) =>
-
-
-
-);
-Page.propTypes = {
- user: PropTypes.shape({}),
- onLogin: PropTypes.func.isRequired,
- onLogout: PropTypes.func.isRequired,
- onCreateAccount: PropTypes.func.isRequired,
-};
-
-Page.defaultProps = {
- user: null,
-};
diff --git a/packages/website/stories/Page.stories.js b/packages/website/stories/Page.stories.js
deleted file mode 100644
index cdb90c40..00000000
--- a/packages/website/stories/Page.stories.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-
-import { Page } from "./Page";
-import * as HeaderStories from "./Header.stories";
-
-export default {
- title: "Example/Page",
- component: Page,
-};
-
-const Template = (args) =>
- {avatar &&
- );
-}
diff --git a/packages/website/src/components/News/index.js b/packages/website/src/components/News/index.js
deleted file mode 100644
index 47bc1306..00000000
--- a/packages/website/src/components/News/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./News";
diff --git a/packages/website/src/components/NewsHeader/NewsHeader.js b/packages/website/src/components/NewsHeader/NewsHeader.js
index 17161f26..74413dbf 100644
--- a/packages/website/src/components/NewsHeader/NewsHeader.js
+++ b/packages/website/src/components/NewsHeader/NewsHeader.js
@@ -1,47 +1,24 @@
import * as React from "react";
-import { useStaticQuery, graphql } from "gatsby";
import Link from "../Link";
import { ArrowRight, DiscordSmall } from "../Icons";
const NewsHeader = () => {
- const { allMarkdownRemark } = useStaticQuery(graphql`
- query LatestNewsQuery {
- allMarkdownRemark(sort: { fields: frontmatter___date, order: DESC }, limit: 1) {
- edges {
- node {
- id
- frontmatter {
- title
- external
- }
- fields {
- slug
- }
- }
- }
- }
- }
- `);
-
- const [latestNews] = allMarkdownRemark.edges;
-
- if (!latestNews) return null; // no news
-
- const { frontmatter, fields } = latestNews.node;
- const { title, external } = frontmatter;
- const link = external ? { href: external } : { to: fields.slug };
+ const link = null;
+ const title = null;
return (
-
- {author || "Skynet Labs"}
- {date && {date}
}
-
-
-
diff --git a/packages/website/src/components/NewsHeader/NewsHeader.stories.js b/packages/website/src/components/NewsHeader/NewsHeader.stories.js
deleted file mode 100644
index f367ddeb..00000000
--- a/packages/website/src/components/NewsHeader/NewsHeader.stories.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import NewsHeader from "./NewsHeader";
-
-export default {
- title: "Layout/NewsHeader",
- component: NewsHeader,
-};
-
-const Template = (args) =>
{
className="text-palette-300 leading-8 font-content flex items-center flex-shrink-0 whitespace-nowrap hover:text-palette-200 transition-colors duration-200 space-x-2"
>
-
-
-
- );
-};
-
-export default Bio;
diff --git a/packages/website/src/components/header.js b/packages/website/src/components/header.js
index a66e10b9..80a2208f 100644
--- a/packages/website/src/components/header.js
+++ b/packages/website/src/components/header.js
@@ -1,6 +1,5 @@
import * as React from "react";
import PropTypes from "prop-types";
-import { Link } from "gatsby";
import LogoWhiteText from "./Icons/LogoWhiteText.svg";
const Header = () => (
@@ -60,18 +59,6 @@ const Header = () => (
- Written by {author} - {` `} - You should follow them on Twitter -
- )} -
{/* Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" */}
-
- Home
-
-
- About
-
-
- Developers
-
-
- News
-
Log in
diff --git a/packages/website/src/pages/about.js b/packages/website/src/pages/about.js
deleted file mode 100644
index b0500363..00000000
--- a/packages/website/src/pages/about.js
+++ /dev/null
@@ -1,314 +0,0 @@
-import * as React from "react";
-import { GatsbyImage, getImage } from "gatsby-plugin-image";
-import { Section, SectionTitle, SectionTitleCaption, CardWithDescription } from "../components/Layout";
-import { Carousel } from "../components/Carousel/Carousel";
-import Seo from "../components/seo";
-import {
- ArrowRight,
- Join,
- UserAtom,
- Shield,
- Fingerprint,
- UserArrows,
- ComputerScreen,
- Cogs,
- TwitterSmall,
- GithubSmall,
- Gitlab,
- LinkedinSmall,
-} from "../components/Icons";
-import Link from "../components/Link";
-import { graphql } from "gatsby";
-
-const aboutCards = [
- {
- Icon: UserAtom,
- title: "Own your data",
- text: "No one owns or controls your account data except for you. Ownership extends to original blogs, music, and videos too. This is all possible through decentralized apps built on decentralized storage.",
- },
- {
- Icon: Shield,
- title: "Censorship-resistant content",
- text: "Today, censorship can come arbitrarily, top-down, and as a tool to silence expression. Post and share content on Skynet, or use Skynet as a fail-over for your website if a service provider goes down.",
- },
- {
- Icon: Fingerprint,
- title: "One universal digital identity",
- text: "Log into any Skynet app with just one ID. Once logged in, your storage and data can follow you across the ecosystem. Access your friend lists, followers, and content from any Skynet app.",
- },
- {
- Icon: UserArrows,
- title: "Innovation built for users",
- text: "All Skynet apps are open-source. If you dislike an app’s feature or want to make your own improvements, you’re welcome to do so. (We of course encourage collaboration and hope you chat with the developer first!) Existing users can then consent to the migration of all their account data to the latest version. ",
- },
- {
- Icon: ComputerScreen,
- label: "Coming soon",
- title: "Control your content feed",
- text: "We believe that users, not tech platforms should fully control how content is moderated. A decentralized internet is not an information free-for-all. It means that the individual holds the power to personalize their online experiences. For example, users will decide what content appears in their social media feeds, not a corporate algorithm.",
- },
- {
- Icon: Cogs,
- label: "Coming soon",
- title: "Developer and Creator-centric monetization",
- text: "As a content creator, set your own terms and price for your art. You and your collaborators can get paid directly, fairly, and automatically in crypto without relying on advertising as a sole source of income.",
- },
-];
-
-const showCareersCTA = true; // switch to hide or display the careers CTA section
-const careers = { href: "https://jobs.lever.co/SkynetLabs", target: "_blank", rel: "noopener noreferrer" };
-
-const paginate = (array, size) =>
- array.reduce((acc, item, index) => {
- const chunkIndex = Math.floor(index / size);
- if (!acc[chunkIndex]) acc[chunkIndex] = { cards: [] }; // start a new chunk
- acc[chunkIndex].cards.push(item);
- return acc;
- }, []);
-
-const SocialIcon = ({ name }) => {
- switch (name) {
- case "twitter":
- return
-
-
-
-
-
-
-
- Skynet Labs builds uncompromising software infrastructure for the{" "}
- decentralized internet
-
-
-
-
-
-
-
-
- Investors
- Support for the Skynet Vision
-
-
-
- );
-};
-
-export const query = graphql`
- query MyQuery {
- allTeamYaml {
- nodes {
- name
- position
- social {
- github
- gitlab
- linkedin
- twitter
- }
- image {
- childImageSharp {
- gatsbyImageData(width: 80, height: 80, placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
- }
- }
- }
- }
- allInvestorsYaml {
- nodes {
- name
- image {
- childImageSharp {
- gatsbyImageData(width: 320, placeholder: BLURRED, formats: [AUTO, WEBP, AVIF])
- }
- }
- }
- }
- }
-`;
-
-export default AboutPage;
diff --git a/packages/website/src/pages/developers.js b/packages/website/src/pages/developers.js
deleted file mode 100644
index 0fb5a679..00000000
--- a/packages/website/src/pages/developers.js
+++ /dev/null
@@ -1,175 +0,0 @@
-import * as React from "react";
-import { Section, SectionTitle, CardWithDescription } from "../components/Layout";
-import { Carousel } from "../components/Carousel/Carousel";
-import { ExternalLink, DataSwap, Encryption, Layers, Mesh, Toolkit, DevBig } from "../components/Icons";
-import CodeTerminal from "../components/CodeTerminal";
-import Seo from "../components/seo";
-import Link from "../components/Link";
-
-const LearnMoreButton = () => (
-
- Learn more
-
-);
-
-const reasonCards = [
- {
- Icon: DataSwap,
- title: "Immutable Data, Globally Available & Trustless",
- text: "Our immutable data layer means files are instantly accessible on any device, by any portal and are fully verifiable, by leveraging trustless, decentralized storage on the Sia blockchain.",
- },
- {
- Icon: Encryption,
- title: "Dynamic Content with a User-Focus",
- text: "SkyDB enables complex apps by providing a key-value store for mutable data secured by the private key of the user.",
- },
- {
- Icon: Layers,
- title: "BYO Frontend Library",
- text: "Our SDKs are built with web2 developers in mind. Client-side web apps and static generators are perfect for using Skynet to deploy with.",
- },
- {
- Icon: Mesh,
- title: "Decentralized Stack-Friendly",
- text: "With integrations with HNS & ENS, along with easy-access for off-chain storage, Skynet is positioned to connect with the DWeb and web3 technologies you need.",
- },
- {
- Icon: Toolkit,
- title: "Hack Today & Activate an Existing User Base",
- text: "Start building without worrying about server overhead costs or where users will come from. Bootstrap the user experience with interoperable storage and user-identity – right out of the box.",
- },
-];
-
-const resources = [
- {
- title: "Skynet Developer Guide",
- description: "Developer portal for resources and guides.",
- href: "https://docs.siasky.net",
- },
- {
- title: "Skynet SDK Docs",
- description: "SDKs in Javascript, Go, Python and more.",
- href: "https://siasky.net/docs/",
- },
- {
- title: "Skynet AppStore",
- description: "Explore webs apps in the ecosystem, many open source.",
- href: "https://skapp.hns.siasky.net",
- },
- {
- title: "Skynet Core Repo",
- description: "The code base that makes the rest tick.",
- href: "https://gitlab.com/SkynetLabs/skyd",
- },
- {
- title: "Skynet on Github",
- description: "Includes SDKs, resources, and web portal. PR’s always welcome.",
- href: "https://github.com/SkynetLabs",
- },
- {
- title: "Join us on Discord",
- description: "A generous developer community, ready to solve hard problems.",
- href: "https://discord.gg/skynetlabs",
- },
-];
-
-const docs = [
- { name: "Developer Guide", href: "https://docs.siasky.net" },
- { name: "Skynet SDK Docs", href: "https://siasky.net/docs/" },
-];
-
-const DevelopersPage = () => (
- <>
-
-
-
-
- Plenty of reasons to use Skynet
-
-
-
- {/*
- Join a community of builders already using Skynet
-
- */}
-
-
- Join a community of builders already using Skynet
-
-
-
-);
-
-export default DevelopersPage;
diff --git a/packages/website/src/pages/index.js b/packages/website/src/pages/index.js
index b5b75bb8..2082c1d9 100644
--- a/packages/website/src/pages/index.js
+++ b/packages/website/src/pages/index.js
@@ -1,31 +1,10 @@
import * as React from "react";
-import { graphql } from "gatsby";
-import { Section, SectionTitle, CardWithDescription, CardWithTitle } from "../components/Layout";
-import { Carousel } from "../components/Carousel/Carousel";
+import { Section } from "../components/Layout";
import Seo from "../components/seo";
import CommunitySection from "../components/CommunitySection";
import Uploader from "../components/Uploader";
-import { ArrowRight } from "../components/Icons";
-import Link from "../components/Link";
-
-const IndexPage = ({ data }) => {
- const etosCards = React.useMemo(
- () =>
- data.allPagesIndexYaml.edges[0].node.etosCards.map((card) => ({
- ...card,
- src: card.src.publicURL,
- })),
- [data]
- );
- const ecosystemCards = React.useMemo(
- () =>
- data.allPagesIndexYaml.edges[1].node.ecosystemCards.map((card) => ({
- ...card,
- src: card.src.publicURL,
- })),
- [data]
- );
+const IndexPage = () => {
return (
<>
@@ -57,92 +36,10 @@ const IndexPage = ({ data }) => {
-
-);
-
-const TeamCardPage = ({ cards }) => (
-
-
-
- {name}
- {position}
-
- {social && (
-
- {Object.entries(social)
- .filter(([platform, href]) => href)
- .map(([platform, href]) => (
-
-
- )}
-
- {cards.map((card, index) => (
-
-);
-
-const AboutPage = ({ ...props }) => {
- const investors = props.data.allInvestorsYaml.nodes;
- const teamCards = props.data.allTeamYaml.nodes;
- const teamCardsPaginated = paginate(teamCards, 3);
-
- return (
- <>
-
-
-
-
-
- - Skynet is the foundation for a new,{" "} - decentralized internet -
-
-
- - Skynet is an open protocol and toolkit for creating a better web — one built on decentralized storage and - applications. -
- -- Skynet apps transform what’s possible on the web. Beyond protecting privacy, decentralization enables - application, integration, and innovation that simply cannot be replicated by the centralized world. Now, - we can break free of the walled gardens and data silos that have constricted invention and - interoperability. Key features of decentralization such as user-owned personal data, persistent identity - across apps, and censorship-resistance will be the new standards of the digital world. -
- - - Learn more about how our technology works
- What does the decentralized future look like?
-
-
-
-
-
- {aboutCards.map((card, index) => (
-
-
-
-
-
-
-
- Want to build apps with these features?
- - Get started here - -
-
-
-
-
-
- Decentralization isn’t just what we do,
-
-
-
- - Skynet Labs is the core contributor to Skynet, an application development and hosting platform built on - Sia, the leading decentralized cloud storage network. -
- -- Skynet is more than the members of the Skynet Labs team. We are a community and movement of global - citizens who believe in the positive power of decentralized technology for humanity. No one person or - organization should censor or deny access to data — not miners, not developers, nor any government. - Through our technology, we seek to build a better and more equitable internet ecosystem. Users, - developers, and content creators deserve to be in full control of their data, not monopolistic - corporations. -
- -
- Decentralization isn’t just what we do,
-
- it’s how we do it
-
-
- - Our commitment to decentralization is at our core. With this ethos in mind, we believe in empowering local - leaders to decide what is best for their communities in adoption of this technology. Individuals and - communities deserve self-determination. -
-
-
-
- Team
- Skynet stands with you in the fight for a free future
-
-
-
- {teamCards.map((card, index) => (
-
-
-
-
-
- {showCareersCTA && (
-
-
-
- )}
- - Join us! We're looking for talented & passionate individuals to join our team. Check out our job - postings today. -
- -
- {investors.map(({ name, image }) => (
-
-
-
-
-
-
- - Decentralized Apps with speed, confidence, and{" "} - usability -
- --
- {docs.map(({ name, href }, index) => (
-
-
-
- {name}
- -
- ))}
-
-
-
-
-
-
- Plenty of reasons to use Skynet
-
-
-
- {reasonCards.map((card, index) => (
-
-
-
-
-
- cards
-
-
-
- Start building with Skynet
-
-
-
- - Whether hosting your front-end or building a full-scale web app, start here. -
--
- {resources.map(({ href, title, description }, index) => (
-
-
-
- {title}-{description}- -
- ))}
-
- {etosCards.map((card, index) => (
-
-
-
-
-
-
-
- - Skynet apps pave the way for a new web that prioritizes the privacy, security, and experience of users. Join - our decentralized internet ecosystem and revolution. -
- - - Try Skynet Apps
-
-
-
- Ready to build your application?
-
-
- Learn more
-
-
-
- {ecosystemCards.map((card, index) => (
-
-
-
-
-
- Learn more
-
-
-
-
-
- );
-};
-
-const NewsPage = ({ data }) => {
- return (
- <>
-
- {categories.map((category) => (
-
- ))}
-
- )}
-
-
- {title}
-
-
- {description && (
-
- {description}
-
- )}
-
-
-
-
- {data.allMarkdownRemark.edges.map(({ node }) => (
-
- Gatsby supports TypeScript by default!
-- This means that you can create and write .ts/.tsx files for your pages, components etc. Please note that - the gatsby-*.js files (like gatsby-node.js) currently don't support TypeScript yet. -
-- For type checking you'll want to install typescript via npm and run tsc --init to create a{" "} - .tsconfig file. -
-- You're currently on the page "{path}" which was built on {data.site.buildTime}. -
-- To learn more, head over to our{" "} - documentation about TypeScript. -
- Go back to the homepage - -); - -export default UsingTypescript; - -export const query = graphql` - { - site { - buildTime(formatString: "YYYY-MM-DD hh:mm a z") - } - } -`; diff --git a/packages/website/src/services/useAccounts.js b/packages/website/src/services/useAccounts.js index cb776562..aab8c62c 100644 --- a/packages/website/src/services/useAccounts.js +++ b/packages/website/src/services/useAccounts.js @@ -1,11 +1,7 @@ import useSWR from "swr"; const prefix = process.env.GATSBY_API_URL ?? ""; -const fetcher = (url) => - fetch(`${prefix}${url}`) - .then((response) => response.json()) - // temporary backwards compatibility code until new nginx code is deployed - .catch((error) => console.log(error) || fetcher(url.replace("/accounts", "/authenticated"))); +const fetcher = (url) => fetch(`${prefix}${url}`).then((response) => response.json()); export default function useAccounts() { return useSWR("/__internal/do/not/use/accounts", fetcher); diff --git a/packages/website/src/templates/news-post.js b/packages/website/src/templates/news-post.js deleted file mode 100644 index 6df9c9c3..00000000 --- a/packages/website/src/templates/news-post.js +++ /dev/null @@ -1,139 +0,0 @@ -import * as React from "react"; -import { graphql } from "gatsby"; -import { Section, SectionTitle, Label } from "../components/Layout"; -import { NewsSummary } from "../components/News"; -import Seo from "../components/seo"; -import Link from "../components/Link"; -import { TwitterShareButton, LinkedinShareButton, FacebookShareButton } from "react-share"; -import { TwitterSmall, LinkedinSmall, FacebookSmall, ArrowUpCircle } from "../components/Icons"; - -const BlogPostTemplate = ({ data, location }) => { - const post = data.markdownRemark; - // const siteTitle = data.site.siteMetadata?.title || `Title`; - // const { previous, next } = data; - - // console.log(post); - - return ( - <> -
-
-
-
-
- Acme
-
- {user ? (
-
- ) : (
- <>
-
-
-
- )}
-
- Configure
-
-
-
- 
-
- Presets for popular tools
- Easy setup for TypeScript, SCSS and more.
-
-
-
- 
-
- Build configuration
- How to customize webpack and Babel
-
-
-
- 
-
- Styling
- How to load and configure CSS libraries
-
-
-
- 
-
- Data
- Providers and mocking for data libraries
-
-
-
-
-Learn
-
-
-
- 
-
- Storybook documentation
- Configure, customize, and extend
-
-
-
- 
-
- In-depth guides
- Best practices from leading teams
-
-
-
- 
-
- GitHub project
- View the source and add issues
-
-
-
- 
-
- Discord chat
- Chat with maintainers and the community
-
-
-
-
-
- TipEdit the Markdown in
diff --git a/packages/website/stories/Page.js b/packages/website/stories/Page.js
deleted file mode 100644
index 113573cf..00000000
--- a/packages/website/stories/Page.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-import { Header } from "./Header";
-import "./page.css";
-
-export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
- src/stories/Introduction.stories.mdx
-Pages in Storybook
-- We recommend building UIs with a{" "} - - component-driven - {" "} - process starting with atomic components and ending with pages. -
-- Render pages with mock data. This makes it easy to build and review page states without needing to navigate to - them in your app. Here are some handy patterns for managing page data in Storybook: -
--
-
- - Use a higher-level connected component. Storybook helps you compose such data from the "args" of child - component stories - -
- - Assemble data in the page component from your services. You can mock these services out using Storybook. - -
- Get a guided tutorial on component-driven development at{" "} - - Learn Storybook - - . Read more in the{" "} - - docs - - . -
-
- Tip Adjust the width of the canvas with the{" "}
-
- Viewports addon in the toolbar
-
-