diff --git a/website/package-lock.json b/website/package-lock.json index c1234acb28c..98160285d86 100644 --- a/website/package-lock.json +++ b/website/package-lock.json @@ -2080,6 +2080,26 @@ } } }, + "@hashicorp/react-vertical-text-block-list": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@hashicorp/react-vertical-text-block-list/-/react-vertical-text-block-list-4.0.1.tgz", + "integrity": "sha512-nMdxj8wegy9EGEiZw0+5nDEPHbIRjjHuavIyVxQXySEMs8ughkzh/jKC2EdaJ2i7URczU1Hb6LFlcDr5xY+C0g==", + "requires": { + "@hashicorp/react-image": "^2.0.3", + "@hashicorp/react-link-wrap": "^0.0.3" + }, + "dependencies": { + "@hashicorp/react-image": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@hashicorp/react-image/-/react-image-2.0.4.tgz", + "integrity": "sha512-rJCx74lxQE9l9LpFhlxSjQ0yjrzjce5uzEGmMgPvMsNiQtgetjNyeg1p5N8k7xRGYXNapt8uY2kZiE69OyL9cQ==", + "requires": { + "object-assign": "^4.1.1", + "query-string": "5.1.1" + } + } + } + }, "@hashicorp/remark-plugins": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/@hashicorp/remark-plugins/-/remark-plugins-3.1.1.tgz", diff --git a/website/package.json b/website/package.json index 5bfd59be9cc..212401df87a 100644 --- a/website/package.json +++ b/website/package.json @@ -25,6 +25,7 @@ "@hashicorp/react-text-split-with-code": "2.0.5", "@hashicorp/react-text-split-with-image": "3.0.0", "@hashicorp/react-use-cases": "2.0.1", + "@hashicorp/react-vertical-text-block-list": "^4.0.1", "marked": "0.7.0", "next": "9.5.5", "next-mdx-remote": "^2.1.3", diff --git a/website/pages/community/index.jsx b/website/pages/community/index.jsx index f979e4e270a..d0e93b3badb 100644 --- a/website/pages/community/index.jsx +++ b/website/pages/community/index.jsx @@ -1,135 +1,47 @@ +import VerticalTextBlockList from '@hashicorp/react-vertical-text-block-list' +import SectionHeader from '@hashicorp/react-section-header' import Head from 'next/head' -import HashiHead from '@hashicorp/react-head' -import Content from '@hashicorp/react-content' -export default function ResourcesPage() { +export default function CommunityPage() { return ( - <> - + + Community | Nomad by HashiCorp + + - - + Nomad Community Forum', + }, + { + header: 'Office Hours', + body: + 'Ask a question during community office hours', + }, + { + header: 'Announcement List', + body: + 'High-priority, low-volume announcements about HashiCorp products, including release information and security bulletins.', + }, + { + header: 'Bug Tracker', + body: + 'Issue tracker on GitHub. Please only use this for reporting bugs. Do not ask for general help here; use the Community Forum or the mailing list for that.', + }, + { + header: 'Webinars', + body: + 'Register for webinars or watch recorded webinars.', + }, + ]} + /> + ) } diff --git a/website/pages/community/style.css b/website/pages/community/style.css index 99b0c2d1f42..6ec5efb6ab3 100644 --- a/website/pages/community/style.css +++ b/website/pages/community/style.css @@ -1,3 +1,8 @@ -#p-resources { - margin-bottom: 100px; +#p-community { + max-width: var(--site-max-width); + margin: 72px auto; + + & .g-section-header { + margin-bottom: 100px; + } } diff --git a/website/pages/style.css b/website/pages/style.css index a93d50e0ceb..5a85b6c524f 100644 --- a/website/pages/style.css +++ b/website/pages/style.css @@ -28,6 +28,7 @@ @import '~@hashicorp/react-tabs/style.css'; @import '~@hashicorp/react-text-split/style.css'; @import '~@hashicorp/react-use-cases/dist/style.css'; +@import '~@hashicorp/react-vertical-text-block-list/style.css'; /* Local Components */ @import '../components/placement-table/style.css';