Update community page section titles and links (#1922)

Author: julioest

templates/community.html

@@ -10,13 +10,17 @@
   <div class="py-0 px-0 md:py-6 md:px-3">
     <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
       <div class="p-6 bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
-        <h5 class="text-2xl leading-tight text-orange">Mailing Lists</h5>
+        <h5 class="text-2xl leading-tight text-orange">Mailing List / Forum</h5>
         <p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">Discover the Boost library community with options tailored to developers, casual users, and enthusiasts.</p>
-        <div class="grid lg:grid-cols-3">
+        <div class="grid grid-cols-2 lg:grid-cols-4">
           <a href="https://lists.boost.org/mailman3/lists/boost.lists.boost.org/" class="px-2 py-3 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">
             <h6 class="pb-1 text-sm md:text-base">Developers</h6>
             <i class="fa fa-helmet-safety"></i>
           </a>
+          <a href="https://lists.boost.org/archives/list/[email protected]/latest" class="px-2 py-3 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">
+            <h6 class="pb-1 text-sm md:text-base">Archives</h6>
+            <i class="fa fa-clock"></i>
+          </a>
 
           <a href="https://lists.boost.org/mailman3/lists/boost-users.lists.boost.org/" class="order-3 px-2 py-3 text-center rounded-lg cursor-pointer lg:order-2 lg:col-span-1 hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">
             <h6 class="pb-1 text-sm md:text-base">Users</h6>
@@ -35,17 +39,8 @@ <h6 class="pb-1 text-sm md:text-base">Announcements</h6>
         </div>
       </div>
 
-      <div class="p-6 text-white bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
-        <h5 class="text-2xl leading-tight text-orange">Discussion Forums</h5>
-        <p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">Coming soon, exploring the topics and decisions being made by the community will be available via a more modern interface.</p>
-
-        <div class="text-center mx-auto pt-3">
-          In the meantime, please enjoy our<br /><a href="https://lists.boost.org/Archives/boost/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange whitespace-nowrap">Mailing List Archives</a>
-        </div>
-      </div>
-
       <div class="p-6 bg-white md:rounded-lg md:shadow-lg dark:text-white text-slate dark:bg-charcoal dark:bg-neutral-700">
-        <h5 class="text-2xl leading-tight text-orange">Cpplang Slack Workspace</h5>
+        <h5 class="text-2xl leading-tight text-orange">The Official C++ Language Slack Workspace</h5>
 
         <p class="py-1 my-2 border-b pb-4 border-gray-700">A vibrant hub for real-time discussions with Boost authors, maintainers, and contributors. Dive into one of the largest searchable databases for Boost/C++ insights and history. Join now.</p>
 
@@ -86,11 +81,12 @@ <h5 class="text-2xl leading-tight text-orange">ISO C++</h5>
         <h5 class="text-2xl leading-tight text-orange">Across the Web</h5>
         <p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">Follow us, like, and share our announcements.</p>
         <div class="grid grid-cols-2 md:grid-cols-3 justify-items-center w-fit mx-auto">
-          <a href="https://github.com/boostorg" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On GitHub</span> <br /><i class="fa-brands fa-github fa-3x"></i></a>
-          <a href="https://x.com/boost_libraries" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On X (Twitter)</span> <br /><i class="fa-brands fa-x-twitter fa-3x"></i></a>
+          <a href="https://github.com/boostorg" target="_blank" title="GitHub" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On GitHub</span> <br /><i class="fa-brands fa-github fa-3x"></i></a>
+          <a href="https://x.com/boost_libraries" target="_blank" title="X (Twitter)" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On X (Twitter)</span> <br /><i class="fa-brands fa-x-twitter fa-3x"></i></a>
           <a href="https://bsky.app/profile/boost.org" target="_blank" title="Bluesky" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On Bluesky</span> <br /><i class="fa-brands fa-bluesky fa-3x"></i></a>
           <a href="https://mastodon.social/@boostlibs" target="_blank" title="Mastodon" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On Mastodon</span> <br /><i class="fa-brands fa-mastodon fa-3x"></i></a>
           <a href="https://www.reddit.com/user/boostlibs/" target="_blank" title="Reddit" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On Reddit</span> <br /><i class="fa-brands fa-reddit fa-3x"></i></a>
+          <a href="https://www.linkedin.com/company/boostlibs/" target="_blank" title="Reddit" class="block p-3 w-28 text-center rounded-lg cursor-pointer hover:bg-gray-100 group dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"><span class="text-xs">On LinkedIn</span> <br /><i class="fa-brands fa-linkedin fa-3x"></i></a>
         </div>
       </div>
     </div>