Updates to Community tab (#604)

Author: ots22

frontend/src/App.css

@@ -11,6 +11,13 @@ h4 {
     margin-bottom: 1.5ex;
 }
 
+h5 {
+    font-weight: bold;
+    font-size: 100%;
+    margin-top: 2.0ex;
+    martin-bottom: 1.0ex;
+}
+
 .brandLogo {
     width: 100%;
     max-width:40%;

frontend/src/App.js

@@ -54,6 +54,8 @@ import {
 
 import { Home } from "./home.js"
 
+import { Community } from "./Community.js"
+
 // Component: The app
 //
 // Display the header and sidebar, and handle routing with React Router
@@ -383,23 +385,7 @@ function App() {
                     } />
 
                     <Route path="/community" element={
-                        <Container>
-                            <h3>Community Resources</h3>
-                                <ul>
-                                    <li>
-                                        Our <a href="https://github.com/alan-turing-institute/scivision/blob/main/CODE_OF_CONDUCT.md">Code of Conduct</a>
-                                    </li>
-                                    <li>
-                                        <a href="https://github.com/alan-turing-institute/scivision/discussions">
-                                            GitHub Discussions
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="https://scivision.readthedocs.io/en/latest/scip_index.html">SCIPI</a>, the Scivision Improvement Proposal Index: Community driven design documents, specs and proposals
-                                    </li>
-                                    <li>Email the Scivision core maintainers at <a href="mailto:[email protected]">[email protected]</a></li>
-                                </ul>
-                        </Container>
+                        <Community />
                     } />
                 </Routes>
             </Container>

frontend/src/Community.js

@@ -0,0 +1,58 @@
+import { Container } from "react-bootstrap";
+
+// Component: The community tab
+// route: /community
+export function Community() {
+    return (
+        <Container>
+            <h3>Community Resources</h3>
+            <h5>Code of Conduct</h5>
+            The Scivision <a href="https://github.com/alan-turing-institute/scivision/blob/main/CODE_OF_CONDUCT.md">Code of Conduct</a> sets out the expectations of people participating in the project or events.
+
+            <h5>Email Newsletter</h5>
+
+            <p>Scivision has a low-volume email newsletter for announcements about the project and forthcoming events (one email per month or so).</p>
+
+            <p>Read previous newsletters or subscribe to the list on Substack <a href="https://scivision.substack.com">here</a>.</p>
+
+            <p>It is possible to unsubscribe at any time by following the link at the bottom of any email from the list.</p>
+
+            <h5>Slack Workspace</h5>
+
+            <p>The Scivision Slack workspace is open to anyone interested in:
+                <ul>
+                    <li>Discussing computer vision in the sciences and humanities</li>
+                    <li>Getting help with computer vision methods, and helping others</li>
+                    <li>Getting support using the Scivision catalogue and software</li>
+                    <li>Sharing and finding out about interesting events</li>
+                </ul>
+            </p>
+
+            <p>We aim for this to be a welcome and supportive place to discuss computer vision, share ideas and ask questions.  Using (or even intending to use) the Scivision software is not a prerequisite for joining!</p>
+
+            <p>To join the Slack Workspace, submit your email address <a href="https://docs.google.com/forms/d/e/1FAIpQLSfDPbsb_CWApnodHlNyOQMQdKhKA9meJi_SAuh8K8dVpbIiDA/viewform?usp=sf_link">here</a> (via a Google Form) and one of the team will invite you.</p>
+
+            <h5>Community calls</h5>
+
+            <p>Scivision runs an online call (over Zoom) from time to time, generally themed around computer vision or image analysis in a particular domain.  There will also be a chance for an introduction to the Scivision project and hear any recent news.</p>
+
+            <p>Future events will be advertised on the Slack channel and mailing list.</p>
+            
+            <h5>GitHub</h5>
+            Development of Scivision is hosted on GitHub.
+            <ul>
+                <li><a href="https://github.com/alan-turing-institute/scivision/discussions">Discussions</a> &mdash; ask a question, make a suggestion</li>
+                <li><a href="https://github.com/alan-turing-institute/scivision/issues">Issues</a> &mdash; report a bug, request a feature</li>
+                <li>Code contributions welcome, see the <a href="https://scivision.readthedocs.io/en/latest/contributing.html">contributing guide</a></li>
+            </ul>
+
+            <h5>Scivision Improvement Proposal Index</h5>
+            <a href="https://scivision.readthedocs.io/en/latest/scip_index.html">SCIPI</a> &mdash; Community driven design documents, specs and proposals
+
+            <h5>Contact the Core Team</h5>
+            The Scivision project is run by a team at the Alan Turing Institute.
+            
+            In addition to the channels above, you can email the team at <a href="mailto:[email protected]">[email protected]</a>.
+        </Container>
+    );
+}