Implement missing base page components for header navigation links

This commit provides the missing base page components for the header
navigation links implemented in GH-64 (1). This initial implementation
renders the new empty state (2) component wrapped in the also included
`Section` core container component that represents a base HTML
section (3).

References:
  (1) #64
  (2) https://material.io/design/communication/empty-states.html
  (3) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section

GH-78

src/components/containers/core/Section/Content.jsx

@@ -0,0 +1,26 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import styled from "styled-components";
+
+import CoreContent from "containers/core/Content";
+
+/**
+ * A container for content of the `Section` component.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+const Content = styled(CoreContent)`
+  margin-top: ${({ compact }) => !compact && "5em"};
+  margin-bottom: ${({ compact }) => !compact && "5em"};
+`;
+
+export default Content;

src/components/containers/core/Section/index.js

@@ -7,4 +7,8 @@
  * License:    MIT
  */
 
-export { default } from "./Section";
+import Section from "./Section";
+import Content from "./Content";
+
+export { Content };
+export default Section;

src/components/organisms/page/blog/SectionBlogPosts/SectionBlogPosts.jsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+
+import Section, { Content } from "containers/core/Section";
+import EmptyState from "molecules/core/EmptyState";
+
+import { emptyStateIllustrationStyles } from "../../shared/styles";
+
+/**
+ * The component that represents the landing section of the blog posts page.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+const SectionBlogPosts = () => (
+  <Section>
+    <Content centered compact>
+      <EmptyState
+        headline="Oh, there's nothing here yet"
+        illustrationStyles={emptyStateIllustrationStyles}
+        subline="Please check back later, we're working hard on this page!"
+      />
+    </Content>
+  </Section>
+);
+
+export default SectionBlogPosts;

src/components/organisms/page/blog/SectionBlogPosts/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+export { default } from "./SectionBlogPosts";

src/components/organisms/page/blog/index.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+/**
+ * @file Provides the components for the blog page.
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+
+import SectionBlogPosts from "./SectionBlogPosts";
+
+/* eslint-disable-next-line import/prefer-default-export */
+export { SectionBlogPosts };

src/components/organisms/page/community/SectionLanding/SectionLanding.jsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+
+import Section, { Content } from "containers/core/Section";
+import EmptyState from "molecules/core/EmptyState";
+
+import { emptyStateIllustrationStyles } from "../../shared/styles";
+
+/**
+ * The component that represents the landing section of the community page.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+const SectionLanding = () => (
+  <Section>
+    <Content centered compact>
+      <EmptyState
+        headline="Oh, there's nothing here yet"
+        illustrationStyles={emptyStateIllustrationStyles}
+        subline="Please check back later, we're working hard on this page!"
+      />
+    </Content>
+  </Section>
+);
+
+export default SectionLanding;

src/components/organisms/page/community/SectionLanding/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+export { default } from "./SectionLanding";

src/components/organisms/page/community/index.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+/**
+ * @file Provides the components for the community page.
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+
+import SectionLanding from "./SectionLanding";
+
+/* eslint-disable-next-line import/prefer-default-export */
+export { SectionLanding };

src/components/organisms/page/docs/SectionLanding/SectionLanding.jsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+
+import Section, { Content } from "containers/core/Section";
+import EmptyState from "molecules/core/EmptyState";
+
+import { emptyStateIllustrationStyles } from "../../shared/styles";
+
+/**
+ * The component that represents the landing section of the docs page.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+const SectionLanding = () => (
+  <Section>
+    <Content centered compact>
+      <EmptyState
+        headline="Oh, there's nothing here yet"
+        illustrationStyles={emptyStateIllustrationStyles}
+        subline="Please check back later, we're working hard on this page!"
+      />
+    </Content>
+  </Section>
+);
+
+export default SectionLanding;

src/components/organisms/page/docs/SectionLanding/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+export { default } from "./SectionLanding";

src/components/organisms/page/docs/index.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+/**
+ * @file Provides the components for the docs page.
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+
+import SectionLanding from "./SectionLanding";
+
+/* eslint-disable-next-line import/prefer-default-export */
+export { SectionLanding };

src/components/organisms/page/landing/SectionHero/SectionHero.jsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+
+import Section, { Content } from "containers/core/Section";
+import EmptyState from "molecules/core/EmptyState";
+
+import { emptyStateIllustrationStyles } from "../../shared/styles";
+
+/**
+ * The component that represents the hero section of the landing page.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+const SectionHero = () => (
+  <Section>
+    <Content centered compact>
+      <EmptyState
+        headline="Oh, there's nothing here yet"
+        illustrationStyles={emptyStateIllustrationStyles}
+        subline="Please check back later, we're working hard on this page!"
+      />
+    </Content>
+  </Section>
+);
+
+export default SectionHero;

src/components/organisms/page/landing/SectionHero/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+export { default } from "./SectionHero";

src/components/organisms/page/landing/index.js

@@ -0,0 +1,21 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+/**
+ * @file Provides the organism components for the landing page.
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @see https://en.wikipedia.org/wiki/Landing_page
+ * @since 0.3.0
+ */
+
+import SectionHero from "./SectionHero";
+
+/* eslint-disable-next-line import/prefer-default-export */
+export { SectionHero };

src/components/organisms/page/ports/SectionLanding/SectionLanding.jsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+
+import Section, { Content } from "containers/core/Section";
+import EmptyState from "molecules/core/EmptyState";
+
+import { emptyStateIllustrationStyles } from "../../shared/styles";
+
+/**
+ * The component that represents the landing section of the ports page.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+const SectionLanding = () => (
+  <Section>
+    <Content centered compact>
+      <EmptyState
+        headline="Oh, there's nothing here yet"
+        illustrationStyles={emptyStateIllustrationStyles}
+        subline="Please check back later, we're working hard on this page!"
+      />
+    </Content>
+  </Section>
+);
+
+export default SectionLanding;

src/components/organisms/page/ports/SectionLanding/index.js

@@ -0,0 +1,10 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+export { default } from "./SectionLanding";

src/components/organisms/page/ports/index.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+/**
+ * @file Provides the components for the ports page.
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.3.0
+ */
+
+import SectionLanding from "./SectionLanding";
+
+/* eslint-disable-next-line import/prefer-default-export */
+export { SectionLanding };