Skip to content

Commit eb99ad8

Browse files
arcticicestudioarcticicestudio
committed
Implement initial pages for each currently existing port projects
The pages showing the empty state component and a link to refer to the GitHub repository for the meantime the pages are not implemented yet. GH-119
1 parent 80cd60c commit eb99ad8

File tree

134 files changed

+3724
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

134 files changed

+3724
-0
lines changed

‎src/components/organisms/page/ports/alacritty/SectionHero/SectionHero.jsx

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import React from "react";
11+
import { css } from "styled-components";
12+
13+
import { WaveFooter } from "atoms/core/vectors/divider";
14+
import { P } from "atoms/core/HTMLElements";
15+
import Link from "atoms/core/Link";
16+
import Section, { Content } from "containers/core/Section";
17+
import EmptyState from "molecules/core/EmptyState";
18+
import { usePortsMetadata } from "hooks";
19+
20+
import { emptyStateIllustrationStyles } from "../../../shared/styles";
21+
22+
/**
23+
* The component that represents the hero section for the landing page of the "Nord Alacritty" port project.
24+
*
25+
* @author Arctic Ice Studio <[email protected]>
26+
* @author Sven Greb <[email protected]>
27+
* @since 0.9.0
28+
*/
29+
export default function SectionHero() {
30+
const portMetadata = usePortsMetadata();
31+
const gitHubRepositoryUrl = portMetadata.find(port => port.name === "nord-alacritty");
32+
33+
return (
34+
<Section>
35+
<Content centered>
36+
<EmptyState
37+
headline="Oh, there's nothing here yet"
38+
illustrationStyles={emptyStateIllustrationStyles}
39+
illustrationVariant="iglooHemisphere"
40+
subline="Please check back later, we're working hard on this page!"
41+
/>
42+
<P
43+
css={css`
44+
text-align: center;
45+
`}
46+
>
47+
In the meantime, please see the official{" "}
48+
<Link href={gitHubRepositoryUrl.gitHubRepositoryUrl} target="_blank" variant="minimal">
49+
repository on GitHub
50+
</Link>{" "}
51+
for information about Nord Alacritty.
52+
</P>
53+
</Content>
54+
<WaveFooter />
55+
</Section>
56+
);
57+
}

‎src/components/organisms/page/ports/alacritty/SectionHero/index.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
export { default } from "./SectionHero";

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

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import SectionHero from "./SectionHero";
11+
12+
/* eslint-disable-next-line import/prefer-default-export */
13+
export { SectionHero };

‎src/components/organisms/page/ports/atom-syntax/SectionHero/SectionHero.jsx

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import React from "react";
11+
import { css } from "styled-components";
12+
13+
import { WaveFooter } from "atoms/core/vectors/divider";
14+
import { P } from "atoms/core/HTMLElements";
15+
import Link from "atoms/core/Link";
16+
import Section, { Content } from "containers/core/Section";
17+
import EmptyState from "molecules/core/EmptyState";
18+
import { usePortsMetadata } from "hooks";
19+
20+
import { emptyStateIllustrationStyles } from "../../../shared/styles";
21+
22+
/**
23+
* The component that represents the hero section for the landing page of the "Nord Atom Syntax" port project.
24+
*
25+
* @author Arctic Ice Studio <[email protected]>
26+
* @author Sven Greb <[email protected]>
27+
* @since 0.9.0
28+
*/
29+
export default function SectionHero() {
30+
const portMetadata = usePortsMetadata();
31+
const gitHubRepositoryUrl = portMetadata.find(port => port.name === "nord-atom-syntax");
32+
33+
return (
34+
<Section>
35+
<Content centered>
36+
<EmptyState
37+
headline="Oh, there's nothing here yet"
38+
illustrationStyles={emptyStateIllustrationStyles}
39+
illustrationVariant="iglooHemisphere"
40+
subline="Please check back later, we're working hard on this page!"
41+
/>
42+
<P
43+
css={css`
44+
text-align: center;
45+
`}
46+
>
47+
In the meantime, please see the official{" "}
48+
<Link href={gitHubRepositoryUrl.gitHubRepositoryUrl} target="_blank" variant="minimal">
49+
repository on GitHub
50+
</Link>{" "}
51+
for information about Nord Atom Syntax.
52+
</P>
53+
</Content>
54+
<WaveFooter />
55+
</Section>
56+
);
57+
}

‎src/components/organisms/page/ports/atom-syntax/SectionHero/index.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
export { default } from "./SectionHero";

‎src/components/organisms/page/ports/atom-syntax/index.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import SectionHero from "./SectionHero";
11+
12+
/* eslint-disable-next-line import/prefer-default-export */
13+
export { SectionHero };

‎src/components/organisms/page/ports/atom-ui/SectionHero/SectionHero.jsx

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import React from "react";
11+
import { css } from "styled-components";
12+
13+
import { WaveFooter } from "atoms/core/vectors/divider";
14+
import { P } from "atoms/core/HTMLElements";
15+
import Link from "atoms/core/Link";
16+
import Section, { Content } from "containers/core/Section";
17+
import EmptyState from "molecules/core/EmptyState";
18+
import { usePortsMetadata } from "hooks";
19+
20+
import { emptyStateIllustrationStyles } from "../../../shared/styles";
21+
22+
/**
23+
* The component that represents the hero section for the landing page of the "Nord Atom UI" port project.
24+
*
25+
* @author Arctic Ice Studio <[email protected]>
26+
* @author Sven Greb <[email protected]>
27+
* @since 0.9.0
28+
*/
29+
export default function SectionHero() {
30+
const portMetadata = usePortsMetadata();
31+
const gitHubRepositoryUrl = portMetadata.find(port => port.name === "nord-atom-ui");
32+
33+
return (
34+
<Section>
35+
<Content centered>
36+
<EmptyState
37+
headline="Oh, there's nothing here yet"
38+
illustrationStyles={emptyStateIllustrationStyles}
39+
illustrationVariant="iglooHemisphere"
40+
subline="Please check back later, we're working hard on this page!"
41+
/>
42+
<P
43+
css={css`
44+
text-align: center;
45+
`}
46+
>
47+
In the meantime, please see the official{" "}
48+
<Link href={gitHubRepositoryUrl.gitHubRepositoryUrl} target="_blank" variant="minimal">
49+
repository on GitHub
50+
</Link>{" "}
51+
for information about Nord Atom UI.
52+
</P>
53+
</Content>
54+
<WaveFooter />
55+
</Section>
56+
);
57+
}

‎src/components/organisms/page/ports/atom-ui/SectionHero/index.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
export { default } from "./SectionHero";

‎src/components/organisms/page/ports/atom-ui/index.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import SectionHero from "./SectionHero";
11+
12+
/* eslint-disable-next-line import/prefer-default-export */
13+
export { SectionHero };

‎src/components/organisms/page/ports/brackets/SectionHero/SectionHero.jsx

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import React from "react";
11+
import { css } from "styled-components";
12+
13+
import { WaveFooter } from "atoms/core/vectors/divider";
14+
import { P } from "atoms/core/HTMLElements";
15+
import Link from "atoms/core/Link";
16+
import Section, { Content } from "containers/core/Section";
17+
import EmptyState from "molecules/core/EmptyState";
18+
import { usePortsMetadata } from "hooks";
19+
20+
import { emptyStateIllustrationStyles } from "../../../shared/styles";
21+
22+
/**
23+
* The component that represents the hero section for the landing page of the "Nord Brackets" port project.
24+
*
25+
* @author Arctic Ice Studio <[email protected]>
26+
* @author Sven Greb <[email protected]>
27+
* @since 0.9.0
28+
*/
29+
export default function SectionHero() {
30+
const portMetadata = usePortsMetadata();
31+
const gitHubRepositoryUrl = portMetadata.find(port => port.name === "nord-brackets");
32+
33+
return (
34+
<Section>
35+
<Content centered>
36+
<EmptyState
37+
headline="Oh, there's nothing here yet"
38+
illustrationStyles={emptyStateIllustrationStyles}
39+
illustrationVariant="iglooHemisphere"
40+
subline="Please check back later, we're working hard on this page!"
41+
/>
42+
<P
43+
css={css`
44+
text-align: center;
45+
`}
46+
>
47+
In the meantime, please see the official{" "}
48+
<Link href={gitHubRepositoryUrl.gitHubRepositoryUrl} target="_blank" variant="minimal">
49+
repository on GitHub
50+
</Link>{" "}
51+
for information about Nord Brackets.
52+
</P>
53+
</Content>
54+
<WaveFooter />
55+
</Section>
56+
);
57+
}

‎src/components/organisms/page/ports/brackets/SectionHero/index.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
export { default } from "./SectionHero";

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

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import SectionHero from "./SectionHero";
11+
12+
/* eslint-disable-next-line import/prefer-default-export */
13+
export { SectionHero };

‎src/components/organisms/page/ports/coda/SectionHero/SectionHero.jsx

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
/*
2+
* Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
3+
* Copyright (C) 2018-present Sven Greb <[email protected]>
4+
*
5+
* Project: Nord Docs
6+
* Repository: https://github.com/arcticicestudio/nord-docs
7+
* License: MIT
8+
*/
9+
10+
import React from "react";
11+
import { css } from "styled-components";
12+
13+
import { WaveFooter } from "atoms/core/vectors/divider";
14+
import { P } from "atoms/core/HTMLElements";
15+
import Link from "atoms/core/Link";
16+
import Section, { Content } from "containers/core/Section";
17+
import EmptyState from "molecules/core/EmptyState";
18+
import { usePortsMetadata } from "hooks";
19+
20+
import { emptyStateIllustrationStyles } from "../../../shared/styles";
21+
22+
/**
23+
* The component that represents the hero section for the landing page of the "Nord Coda" port project.
24+
*
25+
* @author Arctic Ice Studio <[email protected]>
26+
* @author Sven Greb <[email protected]>
27+
* @since 0.9.0
28+
*/
29+
export default function SectionHero() {
30+
const portMetadata = usePortsMetadata();
31+
const gitHubRepositoryUrl = portMetadata.find(port => port.name === "nord-coda");
32+
33+
return (
34+
<Section>
35+
<Content centered>
36+
<EmptyState
37+
headline="Oh, there's nothing here yet"
38+
illustrationStyles={emptyStateIllustrationStyles}
39+
illustrationVariant="iglooHemisphere"
40+
subline="Please check back later, we're working hard on this page!"
41+
/>
42+
<P
43+
css={css`
44+
text-align: center;
45+
`}
46+
>
47+
In the meantime, please see the official{" "}
48+
<Link href={gitHubRepositoryUrl.gitHubRepositoryUrl} target="_blank" variant="minimal">
49+
repository on GitHub
50+
</Link>{" "}
51+
for information about Nord Coda.
52+
</P>
53+
</Content>
54+
<WaveFooter />
55+
</Section>
56+
);
57+
}

0 commit comments

Comments
 (0)