slack-visibility

docs/connect_with/training.md

@@ -68,6 +68,6 @@ Gain foundational skills in research computing while working alongside graduate
 
 ## Registration and Schedule
 
-Workshops are offered throughout the academic year with both daytime and evening sessions to accommodate different schedules. Registration is free for SLU community members. Check our [news pages](/news) or [Join our Slack workspace](./) for upcoming sessions.
+Workshops are offered throughout the academic year with both daytime and evening sessions to accommodate different schedules. Registration is free for SLU community members. Check our [news pages](/news) or [Join our Slack workspace](https://join.slack.com/t/oswslu/shared_invite/zt-24f0qhjbo-NkSfQ4LOg5wXxBdxP4vzfA) for upcoming sessions.
 
 Contact [[email protected]](mailto:[email protected]) to request specific topics, suggest new workshop ideas, or arrange lab-specific training sessions.

docusaurus.config.js

@@ -185,6 +185,18 @@ const config = {
             ]
           },
           {to: '/news', label: 'News', position: 'left'},
+          {
+            type: 'doc',
+            docId: 'connect_with/community',
+            label: 'Contribute',
+            position: 'right',
+            className: 'button button--secondary button--lg',
+          },
+          {
+            type: 'custom-myAwesomeNavbarItem',
+            position: 'right',
+            className: 'button button--secondary button--lg',
+          },
           {
             type: 'doc',
             docId: 'connect_with/donate',

sidebars.js

@@ -90,13 +90,9 @@ const sidebars = {
       items: [
         {
           type: 'category',
-          label: 'Get involved as an individual',
+          label: 'Participate as an individual',
+          link: {type: 'doc', id: 'connect_with/participants'},
           items: [
-            {
-              label: 'Participate',
-              type: 'doc',
-              id: 'connect_with/participants',
-            },
             {
               label: 'Contribute',
               type: 'doc',
@@ -122,12 +118,8 @@ const sidebars = {
         {
           type: 'category',
           label: 'Partner as an organization',
+          link: {type: 'doc', id: 'connect_with/partners'},
           items: [
-            {
-              label: 'Partner',
-              type: 'doc',
-              id: 'connect_with/partners',
-            },
             {
               label: 'Engage Programs',
               type: 'doc',
@@ -153,11 +145,8 @@ const sidebars = {
         {
           type: 'category',
           label: 'Consult with an expert',
+          link: {type: 'doc', id: 'connect_with/consult'},
           items: [
-          { 
-            type: 'doc',
-            id: 'connect_with/consult',
-          },
           {
             label: 'Research Software Consults',
             type: 'doc',

src/components/SlackButton.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import styles from '../pages/index.module.css';
+
+function SlackButton() {
+  return (
+    <button className='button button--secondary button--lg' title={"Open link to Slack channel in a new tab"} onClick={() => {
+      window.open('https://join.slack.com/t/oswslu/shared_invite/zt-24f0qhjbo-NkSfQ4LOg5wXxBdxP4vzfA', '_blank').focus()
+    }}>Contribute</button>
+  )
+}
+
+export default SlackButton;

src/theme/NavbarItem/ComponentTypes.js

@@ -0,0 +1,7 @@
+import ComponentTypes from '@theme-original/NavbarItem/ComponentTypes';
+import SlackButton from '@site/src/components/SlackButton';
+
+export default {
+  ...ComponentTypes,
+  'custom-myAwesomeNavbarItem': SlackButton,
+};