website: Link to the newly set-up forum from the homepage.

Also add a "community" button to make the community section a bit easier to
discover.

website/home.md

@@ -14,6 +14,7 @@
   <a href="get/" class="primary button">Download</a>
   <a href="learn/" class="button">Learn</a>
   <a href="https://github.com/elves/elvish" class="button" target="_blank">GitHub</a>
+  <a href="#community" class="community button">Community</a>
   <a href="sponsor/" class="sponsor button">Sponsor</a>
 </div>
 </div>
@@ -133,24 +134,27 @@ home/file-manager
 <section>
 <div class="columns content">
 <div class="column">
-<header>
+<header id="community">
 
-Chat with the community
+Talk with the community
 
 </header>
 
-Join any of the following channels -- they are all bridged together thanks to
-[Matrix](https://matrix.org)!
+-   Join the [Forum](https://bbs.elv.sh) to ask questions, share your
+    experience, and show off your projects!
+
+-   Join the chatroom to talk to fellow users in real time! The following
+    channels are all bridged together thanks to [Matrix](https://matrix.org):
 
--   Telegram: [Elvish user group](https://t.me/+Pv5ZYgTXD-YaKwcP)
+    -   Telegram: [Elvish user group](https://t.me/+Pv5ZYgTXD-YaKwcP)
 
--   Discord: [Elvish Shell](https://discord.gg/jrmuzRBU8D)
+    -   Discord: [Elvish Shell](https://discord.gg/jrmuzRBU8D)
 
--   Matrix: [#users:elv.sh](https://matrix.to/#/#users:elv.sh)
+    -   Matrix: [#users:elv.sh](https://matrix.to/#/#users:elv.sh)
 
--   IRC: [#elvish](https://web.libera.chat/#elvish) on Libera Chat
+    -   IRC: [#elvish](https://web.libera.chat/#elvish) on Libera Chat
 
--   Gitter: [elves/elvish](https://gitter.im/elves/elvish)
+    -   Gitter: [elves/elvish](https://gitter.im/elves/elvish)
 
 </div>
 <div class="column">

website/home/home.css

@@ -56,6 +56,16 @@
   box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.2);
 }
 
+.button.community::before {
+  font-family: "fa-elv-sh";
+  content: var(--icon-chat);
+  font-size: 0.9em;
+  font-weight: normal;
+  margin-top: -0.1em;
+  padding-right: 0.3em;
+  /* color: var(--deep-orange-500); */
+}
+
 /* Section layout. */
 section {
   display: flex;

website/style.css

@@ -139,7 +139,7 @@ body.dark {
 
 /* The sponsor nav item is styled somewhat specially, and shares a lot with the
    sponsor button on the homepage. */
-.sponsor::before, .sponsor::before {
+.sponsor::before {
   font-family: "fa-elv-sh";
   content: var(--icon-heart);
   font-size: 0.9em;