website-v2/templates/community.html

{% extends 'base.html' %}
{% load i18n %}
{% load static %}

{% block title %}
  {% trans 'Community' %}
{% endblock %}

{% block content %}
  <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 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 grid-cols-2">
          <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/boost@lists.boost.org/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>
            <i class="fa fa-user fa-lg"></i>
          </a>

          <a href="https://lists.boost.org/mailman3/lists/boost-announce.lists.boost.org/" class="order-2 px-2 py-3 text-center rounded-lg cursor-pointer lg:order-3 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">Announcements</h6>
            <i class="fa fa-bullhorn"></i>
          </a>
        </div>
        <div>
          <p class="text-center mx-auto pt-3">
            Please, read our <a href="/doc/user-guide/discussion-policy.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange whitespace-nowrap">Discussion Policy</a> before posting.
          </p>
        </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">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>

        <div class="flex flex-col">
          <a href="https://cppalliance.org/slack/" class="flex p-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">Join Cpplang Slack</a>
          <a href="https://cpplang.slack.com/" class="flex p-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">Visit the Workspace</a>
        </div>
      </div>

      {% comment %}
      <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 font-bold leading-tight text-orange">Users</h5>
        <p class="py-1 my-2 border-b border-gray-700">See everyone involved with Boost.</p>
        <ul class="flex flex-wrap mt-2 pt-2 space-y-2">
          <li class="w-1/2 text-center">
            <a href="https://www.boost.org/users/people.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Authors</a>
          </li>
          <li class="w-1/2 text-center">
            <a href="https://www.boost.org/community/moderators.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Moderators</a>
          </li>
          {# <li class="w-1/2 text-center"><a href="https://sites.google.com/a/boost.org/steering/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">Boost Foundation</a></li> #}
          <li class="w-1/2 text-center">
            <a href="https://www.boost.org/users/memoriam/beman_dawes.html" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange">In Memoriam: Beman Dawes</a>
          </li>
        </ul>
      </div>
      {% endcomment %}

      <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">ISO C++</h5>
        <p class="py-1 my-2 border-b pb-4 border-gray-700 text-slate dark:text-white">News, Status & Discussion about Standard C++</p>
        <p class="pt-3 text-slate dark:text-white">
          <a href="https://isocpp.org/" class="text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange whitespace-nowrap">The Standard C++ Foundation</a> is a Washington 501(c)(6) not-for-profit organization supporting the C++ community and promotes the use of modern Standard C++.
        </p>
      </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">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" 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>
  </div>
{% endblock %}