separate chat and forum community sections

1 files changed, 68 insertions, 52 deletions

diff --git a/static/contact.html b/static/contact.html
index a69d62d2..ae3997de 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -40,7 +40,13 @@
                 <h2><a href="#table-of-contents">Table of contents</a></h2>
 
                 <ul>
-                    <li><a href="#community">Community</a></li>
+                    <li>
+                        <a href="#community">Community</a>
+                        <ul>
+                            <li><a href="#community-chat">Chat</a></li>
+                            <li><a href="#community-forum">Forum</a></li>
+                        </ul>
+                    </li>
                     <li><a href="#contacting-the-project">Contacting the project</a></li>
                     <li><a href="#hiring">Hiring</a></li>
                     <li>
@@ -56,63 +62,73 @@
             <section id="community">
                 <h2><a href="#community">Community</a></h2>
 
-                <p>GrapheneOS has a very active community primarily based around the official chat
-                rooms. Our chat rooms are bridged across both Discord and Matrix so you can choose
-                your preferred platform.</p>
+                <section id="community-chat">
+                    <h3><a href="#community-chat">Chat</a></h3>
 
-                <p>Matrix is a federated service similar to email where you can choose your
-                provider and has end-to-end encryption for private chats. Matrix can be a more
-                privacy friendly option but has significant downsides including lag, weak
-                moderation tools and the rooms needing to be regularly recreated due to bugs in
-                the protocol for reaching consensus on room state between servers. Discord will
-                automatically filter shock images including gore and CSAM (Child Sex Abuse
-                Material) posted by the malicious groups frequently raiding our Matrix chat
-                rooms.</p>
+                    <p>GrapheneOS has a very active community primarily based around the official
+                    chat rooms. Our chat rooms are bridged across both Discord and Matrix so you
+                    can choose your preferred platform.</p>
 
-                <p>Discord invite link: <a href="https://grapheneos.org/discord">https://grapheneos.org/discord</a>.</p>
+                    <p>Matrix is a federated service similar to email where you can choose your
+                    provider and has end-to-end encryption for private chats. Matrix can be a more
+                    privacy friendly option but has significant downsides including lag, weak
+                    moderation tools and the rooms needing to be regularly recreated due to bugs
+                    in the protocol for reaching consensus on room state between servers. Discord
+                    will automatically filter shock images including gore and CSAM (Child Sex
+                    Abuse Material) posted by the malicious groups frequently raiding our Matrix
+                    chat rooms.</p>
 
-                <p>The links below will take you to the Element web client, which uses matrix.org as
-                the homeserver by default. However, you can use the client and homeserver of your
-                choice to join our rooms.</p>
+                    <p>Discord invite link: <a href="https://grapheneos.org/discord">https://grapheneos.org/discord</a>.</p>
 
-                <table>
-                    <tr>
-                        <td><a href="https://app.element.io/#/room/%23general:grapheneos.org">#general:grapheneos.org</a></td>
-                        <td>Best place to request support, ask questions or get involved in the project</td>
-                    </tr>
-                    <tr>
-                        <td><a href="https://app.element.io/#/room/%23offtopic:grapheneos.org">#offtopic:grapheneos.org</a></td>
-                        <td>Discuss topics not strictly related to GrapheneOS</td>
-                    </tr>
-                    <tr>
-                        <td><a href="https://app.element.io/#/room/%23dev:grapheneos.org">#dev:grapheneos.org</a></td>
-                        <td>Discuss GrapheneOS app and OS development</td>
-                    </tr>
-                    <tr>
-                        <td><a href="https://app.element.io/#/room/%23testing:grapheneos.org">#testing:grapheneos.org</a></td>
-                        <td>Provide feedback on Alpha and Beta channel app and OS releases</td>
-                    </tr>
-                    <tr>
-                        <td><a href="https://app.element.io/#/room/%23releases:grapheneos.org">#releases:grapheneos.org</a></td>
-                        <td>Release announcements</td>
-                    </tr>
-                    <tr>
-                        <td><a href="https://app.element.io/#/room/%23infra:grapheneos.org">#infra:grapheneos.org</a></td>
-                        <td>Infrastructure monitoring and discussion</td>
-                    </tr>
-                    <tr>
-                        <td><a href="https://app.element.io/#/room/%23media:grapheneos.org">#media:grapheneos.org</a></td>
-                        <td>Discuss GrapheneOS in news articles and other media coverage</td>
-                    </tr>
-                </table>
+                    <p>The links below will take you to the Element web client, which uses
+                    matrix.org as the homeserver by default. However, you can use the client and
+                    homeserver of your choice to join our rooms.</p>
 
-                <p>The official GrapheneOS space groups together all of the official rooms along
-                with members of the community who join the space. You can join the space at
-                <a href="https://app.element.io/#/room/%23community:grapheneos.org">#community:grapheneos.org</a></p>
+                    <table>
+                        <tr>
+                            <td><a href="https://app.element.io/#/room/%23general:grapheneos.org">#general:grapheneos.org</a></td>
+                            <td>Best place to request support, ask questions or get involved in the project</td>
+                        </tr>
+                        <tr>
+                            <td><a href="https://app.element.io/#/room/%23offtopic:grapheneos.org">#offtopic:grapheneos.org</a></td>
+                            <td>Discuss topics not strictly related to GrapheneOS</td>
+                        </tr>
+                        <tr>
+                            <td><a href="https://app.element.io/#/room/%23dev:grapheneos.org">#dev:grapheneos.org</a></td>
+                            <td>Discuss GrapheneOS app and OS development</td>
+                        </tr>
+                        <tr>
+                            <td><a href="https://app.element.io/#/room/%23testing:grapheneos.org">#testing:grapheneos.org</a></td>
+                            <td>Provide feedback on Alpha and Beta channel app and OS releases</td>
+                        </tr>
+                        <tr>
+                            <td><a href="https://app.element.io/#/room/%23releases:grapheneos.org">#releases:grapheneos.org</a></td>
+                            <td>Release announcements</td>
+                        </tr>
+                        <tr>
+                            <td><a href="https://app.element.io/#/room/%23infra:grapheneos.org">#infra:grapheneos.org</a></td>
+                            <td>Infrastructure monitoring and discussion</td>
+                        </tr>
+                        <tr>
+                            <td><a href="https://app.element.io/#/room/%23media:grapheneos.org">#media:grapheneos.org</a></td>
+                            <td>Discuss GrapheneOS in news articles and other media coverage</td>
+                        </tr>
+                    </table>
 
-                <p>We have an official <a href="https://discuss.grapheneos.org">forum</a> for
-                longer form posts, which will be more publicly accessible and easier to search.
-                We are currently using Flarum for our forum.</p>
+                    <p>The official GrapheneOS space groups together all of the official rooms
+                    along with members of the community who join the space. You can join the space
+                    at <a
+                    href="https://app.element.io/#/room/%23community:grapheneos.org">#community:grapheneos.org</a></p>
+                </section>
+
+                <section id="community-forum">
+                    <h3><a href="#community-forum">Forum</a></h3>
+
+                    <p>We have an official
+                    <a href="https://discuss.grapheneos.org">forum</a> for longer form posts,
+                    which will be more publicly accessible and easier to search. We are currently
+                    using Flarum for our forum.</p>
+                </section>
             </section>
 
             <section id="contacting-the-project">