Reorganize Community

docs/community/community.mdx

@@ -0,0 +1,30 @@
+---
+title: Community
+sidebar_position: 1
+sidebar_label: Community
+sidebar_class_name: hidden
+description: Community
+id: community
+---
+import DocCardList from '@theme/DocCardList'
+import Intro from '@site/src/components/Intro'
+
+# Community Resources
+
+<Intro>
+Need help? Join the community!
+
+Cloud Posse has a great community of active users who are more than willing to help each other. So, join us!
+</Intro>
+
+Found a bug or issue? Please report it in [our issue tracker](https://github.com/cloudposse/docs/issues)
+
+:::tip Join us on Office Hours
+
+We hold ["office hours" every Wednesday at 11:30am PST](/community/office-hours).
+
+:::
+
+Are you more into email? Sign up for [Cloud Posse's Weekly Newsletter](https://newsletter.cloudposse.com) to get the latest news about things happening in our community and other news about building Open Source infrastructure—straight into your inbox.
+
+<DocCardList/>

docs/community/office-hours.mdx

@@ -0,0 +1,19 @@
+---
+title: Office Hours
+sidebar_position: 3
+sidebar_label: Office Hours
+description: Office Hours with Cloud Posse
+id: office-hours
+---
+import HubspotForm from 'react-hubspot-form'
+
+# Office Hours Registration
+
+<HubspotForm
+    portalId='2197148'
+    region="na1"
+    formId='bbcd46fe-0b11-43aa-9214-33f319e52a01'
+    onSubmit={() => console.log('Submit!')}
+    onReady={(form) => console.log('Form ready!')}
+    loading={<div>Loading...</div>}
+/>

docs/community/slack.mdx

@@ -0,0 +1,27 @@
+---
+title: "#refarch"
+sidebar_position: 3
+sidebar_label: Slack
+description: Cloud Posse's SweetOps Slack Community
+id: slack
+---
+
+## Join our Slack Community!
+
+Cloud Posse has a great community of active users who are more than willing to help each other. So, join us!
+
+<iframe src="https://slack.cloudposse.com/?theme=dark&background=00000000"
+        marginWidth="0"
+        marginHeight="0"
+        hspace="0"
+        vspace="0"
+        width="300"
+        height="330"
+        scrolling="no"
+        frameBorder="0"
+        className="join-slack"
+        allowtransparency="true"
+        style={{ borderRadius: '6px', display: 'flex', marginRight: 'auto', marginLeft: 'auto'}}
+        ></iframe>
+
+

docs/layers/foundation/foundational-decisions.mdx

@@ -10,7 +10,7 @@ architecture.
 
 :::tip
 
-When working with Cloud Posse, we will review each of these decisions on the
+When working with Cloud Posse as part of our [Jumpstart](/jumpstart), we will review each of these decisions on the
 [Cloud Posse Kick Off](/learn/jumpstart/kick-off/).
 
 :::

docs/learn/cloudposse-mindset/cloudposse-mindset.mdx

@@ -1,7 +1,7 @@
 ---
 id: cloudposse-mindset
 title: "Cloud Posse Mindset"
-sidebar_position: 30
+sidebar_position: 1
 ---
 
 # Understanding the Cloud Posse Mindset

docs/learn/cloudposse-mindset/for-developers.mdx

@@ -1,6 +1,6 @@
 ---
 id: developers
-title: "As a Developer"
+title: "Mindset for Developers"
+sidebar_label: "As a Developer"
 ---
 
-# Understanding the Cloud Posse Mindset as a Developer

docs/learn/cloudposse-mindset/for-terraform-beginners.mdx

@@ -1,6 +1,5 @@
 ---
-id: terraform-experts
-title: "As an Experience Terraformer"
+id: terraform-beginner
+title: Mindset for Terraform Beginners
+sidebar_label: "As a Terraformer (Beginner)"
 ---
-
-# Understanding the Cloud Posse Mindset as an Experience Terraformer

docs/learn/cloudposse-mindset/for-terraform-experts.mdx

@@ -1,6 +1,5 @@
 ---
-id: terraform-beginner
-title: "As a Terraform Beginner"
+id: terraform-expert
+title: Mindset for Experienced Terraformers
+sidebar_label: "As a Terraformer (Expert)"
 ---
-
-# Understanding the Cloud Posse Mindset as a Terraform Beginner

docs/learn/index.md

@@ -1,8 +1,7 @@
 ---
 title: "Reference Architecture Overview"
-confluence: https://cloudposse.atlassian.net/wiki/spaces/REFARCH/overview
-sidebar_position: 0
-custom_edit_url: https://github.com/cloudposse/refarch-scaffold/tree/main/docs/docs/index.md
+sidebar_position: 2
+sidebar_label: "Reference Architecture"
 ---
 
 # Reference Architecture Overview

docs/learn/jumpstart/jumpstart.mdx

@@ -1,7 +1,7 @@
 ---
 id: jumpstart
-title: "Jumpstart"
-sidebar_position: 20
+title: "Get a Jumpstart with Cloud Posse"
+sidebar_label: "Get a Jumpstart"
+sidebar_position: 3
+slug: /jumpstart
 ---
-
-# Jumpstart with Cloud Posse

docs/learn/jumpstart/kick-off.mdx

@@ -1,6 +1,8 @@
 ---
-title: "Kick Off"
+title: "Kick Off with Cloud Posse"
+sidebar_label: "Kick Off"
 sidebar_position: 10
+slug: /jumpstart/kick-off
 ---
 import Link from '@docusaurus/Link'
 import KeyPoints from '@site/src/components/KeyPoints'

docs/resources/LICENSE.mdx

@@ -15,11 +15,11 @@ Copyright 2017-2024 © Cloud Posse, LLC.
 
 ## License
 
-<div class="license">
-<i class="fab fa-creative-commons" title="Creative Commons License"></i>
-<i class="fab fa-creative-commons-by" title="Attribution"></i>
-<i class="fab fa-creative-commons-nc" title="Noncommercial"></i>
-<i class="fab fa-creative-commons-sa" title="Share Alike"></i>
+<div className="license">
+<i className="fab fa-creative-commons" title="Creative Commons License"></i>
+<i className="fab fa-creative-commons-by" title="Attribution"></i>
+<i className="fab fa-creative-commons-nc" title="Noncommercial"></i>
+<i className="fab fa-creative-commons-sa" title="Share Alike"></i>
 </div>
 
 This material may only be distributed subject to the terms and conditions set forth in the *[Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/)* or later with the restrictions noted below (the latest version of the license is presently available at [Creative Commons v4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)).

docusaurus.config.js

@@ -107,31 +107,9 @@ const config = {
             label: 'Reference',
           },
           {
-            type: 'dropdown',
+            to: '/community',
             label: 'Community',
             position: 'left',
-            items: [
-              {
-                label: 'GitHub Discussions',
-                href: 'https://ask.sweetops.com/',
-              },
-              {
-                label: 'Community',
-                href: 'https://sweetops.com/',
-              },
-              {
-                label: 'Slack',
-                href: 'https://slack.sweetops.com/',
-              },
-              {
-                label: 'Slack Archives',
-                href: 'https://archive.sweetops.com/refarch/',
-              },
-              {
-                label: 'Office Hours',
-                href: 'https://cloudposse.com/office-hours/',
-              },
-            ],
           },
           {
             type: 'search',
@@ -144,7 +122,7 @@ const config = {
           },
           {
             to: 'https://cloudposse.com/',
-            label: 'Accelerate',
+            label: 'Get a Jumpstart',
             position: 'right',
             className: 'button button--primary navbar-cta-button'
           },

sidebars.js

@@ -383,5 +383,32 @@ module.exports = {
             }
           ]
         },
-    ]
+    ],
+    community: [
+      {
+          type: 'category',
+          label: 'Community',
+          className: 'sidebar-title',
+          collapsible: false,
+          collapsed: false,
+          link: {type: 'doc', id: 'community/community'},
+          items: [ 'community/slack',
+                   'community/office-hours',
+                   'community/contact-us',
+                   'community/support' ]
+      },
+      {
+        type: 'category',
+        label: 'Contribute',
+        className: 'sidebar-title',
+        collapsible: false,
+        collapsed: false,
+        items: [
+          {
+              type: 'autogenerated',
+              dirName: 'community/contribute',
+          }
+        ]
+      }
+  ],
 };

src/components/callout-box/callout-box.module.css

@@ -1,14 +1,21 @@
 .calloutBox {
-    background-color: var(--mg-bg);
+    background-color: #0000000f;
     border-radius: 20px;
     box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
     padding: 32px 26px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
+    border: none;
+}
+
+html[data-theme='dark'] .calloutBox {
+    background-color: var(--mg-bg);
+    border: 1px solid rgb(16 36 69);
 }
 
+
 .calloutBox__title {
     font-size: 20px;
     font-weight: 500;
@@ -18,6 +25,10 @@
     margin-bottom: 1rem;
 }
 
+html[data-theme='dark'] .calloutBox__title {
+  color: #ffffffad;
+}
+
 .calloutBox__subtitle {
     font-size: 1rem;
     letter-spacing: 0;

src/css/custom.css

@@ -259,3 +259,16 @@ svg.landingLogo path {
 aside.col.col--3 {
     --ifm-col-width: calc(2.5 / 12 * 100%);
 }
+
+
+article {
+  min-height: 70vh;
+}
+
+[data-theme='dark'] .join-slack {
+  background: transparent;
+}
+
+.join-slack {
+  background: #000;
+}

src/css/footer.css

@@ -1,6 +1,7 @@
 .footer {
   padding-left: 0;
   padding-right: 0;
+  display: flex;
 }
 
 .footer__copyright {
@@ -22,12 +23,17 @@
 .footer__bottom > div {
     text-align: left;
 }
-.footer--dark {
+
+[data-theme='dark'] .footer--dark {
     --ifm-footer-background-color: #0a1922;
     --ifm-footer-padding-vertical: 85px;
     background: linear-gradient(to top, #00163b75, transparent) !important;
 }
 
+.footer--dark {
+  background: linear-gradient(to top, #00163b, black) !important;
+}
+
 .footer__copyright {
     margin-left: 0;
 }

src/css/navbar.css

@@ -42,10 +42,6 @@ html[data-theme='dark'] nav.navbar {
     color: #ebedf0;
 }
 
-.menu__caret:before {
-    background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 1.5rem;
-}
-
 li > ul.menu__list {
     margin-left: 1em;
 }

src/pages/index.css

@@ -20,14 +20,23 @@ html[data-theme='dark'] .landing-page nav.navbar {
   background: transparent !important;
 }
 
-.landing-page {
+html[data-theme='dark'] .landing-page {
   background-image: -webkit-linear-gradient(to bottom, #00163b, transparent) !important;  /* Chrome 10-25, Safari 5.1-6 */
   background-image: linear-gradient(to bottom, #00163b, transparent) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   background-size: 100% 25%; /* Adjust the second value to control height */
   background-repeat: no-repeat; /* Prevent repeating the gradient */
   background-position: top;
 }
 
+.landing-page {
+  background-image: -webkit-linear-gradient(to bottom, #00163b, black) !important;  /* Chrome 10-25, Safari 5.1-6 */
+  background-image: linear-gradient(to bottom, #00163b, black) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+  background-size: 100% 38%; /* Adjust the second value to control height */
+  background-repeat: no-repeat; /* Prevent repeating the gradient */
+  background-position: top;
+}
+
+
 .buttons {
   display: flex;
   align-items: center;