title = "Community"
url = "/community"
layout = "default"
description = "Community page"
is_hidden = 0
==

{% put head_text %}
  <p class="small">
    Godot has a very active community across multiple channels.<br />
    By joining Godot communities, you agree to follow Godot's <a href="/code-of-conduct">Code of Conduct</a>.
  </p>
{% endput %}

<style>
  .card {
    height: 100%;
  }

  a.card {
    display: block;
    text-decoration: none;
  }

  .card img {
    /* Use a visible background color while the image is loading. */
    background-color: #607080;
    width: 100%;
    height: auto;
  }

  h3 a {
    text-decoration: none;
  }

  #user-groups {
    margin-bottom: 16px;
    background-color: var(--dark-color);
    color: var(--dark-color-text);
  }

  #user-groups h3 {
    color: var(--dark-color-text-title);
    margin-bottom: 0;
  }

  #extras {
    grid-column-end: span 2;
    display: flex;
    flex-direction: column;
  }

  #extras .card {
    height: auto;
    flex: 1;
  }

  @media (max-width: 600px) {
    #extras {
      grid-column-end: span 1;
    }
  }
</style>

<div class="flex grid">

  <div id="extras">
    <a href="/community/user-groups" class="card base-padding" id="user-groups">
      <h3>User groups</h3>
      <p>Find local Godot user groups run by community members.</p>
    </a>
    <a href="/events" class="card base-padding" id="events">
      <h3>Events</h3>
      <p>Upcoming community events.</p>
    </a>
  </div>

  <div>
    <div class="card">
      <a href="/qa/"><img src="{{ 'assets/community/icon_qa.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="/qa">Questions &amp; Answers</a></h3>
        <p>Place to ask questions and search for answers from the community.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://discord.gg/4JBkykG"><img src="{{ 'assets/community/icon_discord.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://discord.gg/4JBkykG">Discord</a></h3>
        <p>A vibrant community for discussion, user support, showcases... and custom emoji!</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://webchat.freenode.net/?channels=#godotengine"><img src="{{ 'assets/community/icon_irc.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://webchat.freenode.net/?channels=#godotengine">IRC</a></h3>
        <p>Old-fashioned but reliable, the main discussion platform of core developers.</p>
        <p>irc.freenode.net #godotengine</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://matrix.to/#/#godotengine:matrix.org"><img src="{{ 'assets/community/icon_matrix.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://matrix.to/#/#godotengine:matrix.org">Matrix</a></h3>
        <p>Libre decentralized chat with advanced features, compatible with IRC.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://www.facebook.com/groups/godotengine/"><img src="{{ 'assets/community/icon_facebook.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://www.facebook.com/groups/godotengine/">Facebook</a></h3>
        <p>Large community for discussions around Godot.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://www.reddit.com/r/godot"><img src="{{ 'assets/community/icon_reddit.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://www.reddit.com/r/godot">Reddit</a></h3>
        <p>For the anti-imperialist resistance to Facebook.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://github.com/godotengine/godot"><img src="{{ 'assets/community/icon_github.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://github.com/godotengine/godot">GitHub</a></h3>
        <p>Send bug reports here. To request features, use the <a href="https://github.com/godotengine/godot-proposals">Godot proposals</a> repository instead.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://twitter.com/godotengine"><img src="{{ 'assets/community/icon_twitter.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://twitter.com/godotengine">Twitter</a></h3>
        <p>Get small bits of development news.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://godotforums.org"><img src="{{ 'assets/community/icon_forum.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://godotforums.org">Forum</a></h3>
        <p>Community forum for all Godot developers.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://steamcommunity.com/app/404790"><img src="{{ 'assets/community/icon_steam.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://steamcommunity.com/app/404790">Steam Community</a></h3>
        <p>Discuss and share tips with other developers on Steam.</p>
      </div>
    </div>
  </div>

  <div>
    <div class="card">
      <a href="https://www.youtube.com/c/GodotEngineOfficial"><img src="{{ 'assets/community/icon_youtube.png'|theme }}" width="350" height="215" alt=""></a>
      <div class="base-padding">
        <h3><a href="https://www.youtube.com/c/GodotEngineOfficial">YouTube</a></h3>
        <p>Channel for official Godot videos.</p>
      </div>
    </div>
  </div>
</div>
