Files
godot-website/pages/community/community.html
2025-03-24 23:03:56 +01:00

374 lines
11 KiB
HTML

---
permalink: /community/index.html
title: Community
layout: default
---
{% include header.html %}
<style>
h3.smaller {
font-size: 25px;
}
.grid-communities {
grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
}
.grid-networks {
grid-template-columns: repeat(auto-fill,minmax(230px,1fr));
}
.card {
height: 100%;
}
.card img {
width: 100%;
height: auto;
}
.community-list {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 60px;
}
.community-list h2 {
margin-top: 12px;
margin-bottom: 0;
}
.community-list .community-short-block {
grid-column-end: span 2;
display: flex;
flex-direction: column;
}
@media (max-width: 540px) {
.community-list .community-short-block {
grid-column-end: span 1;
}
}
.community-list .community-short-block .card {
height: auto;
flex: 1;
margin-bottom: 16px;
}
.community-list .community-short-block .card:last-child {
margin-bottom: 0;
}
.community-list .community-block .card h3 {
margin-bottom: 16px;
}
.community-list .community-block .card h3 a {
text-decoration: none;
}
.community-list .community-block .card p {
margin: 0;
}
.community-list .community-stack {
display: grid;
gap: 16px;
width: 100%;
grid-auto-rows: 1fr;
grid-auto-columns: unset;
}
.community-list .community-stack .community-block {
grid-column: 1 / 2;
}
#user-groups {
background-color: var(--dark-color);
color: var(--dark-color-text);
}
#user-groups h3 {
color: var(--dark-color-text-title);
margin-bottom: 0;
}
#events {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0;
}
#events>div {
padding: 16px;
}
#events .events-upcoming {
background-color: var(--transparent-cover-darker);
color: var(--dark-color-text-title);
display: flex;
flex-direction: column;
font-size: 90%;
text-align: right;
}
#events .events-upcoming span:nth-child(2) {
font-family: var(--header-font-family);
font-weight: 700;
font-size: 120%;
margin-top: 24px;
}
@media screen and (min-width: 992px) {
.community-list .community-stack {
grid-auto-rows: unset;
grid-auto-columns: 1fr;
}
.community-list .community-stack .community-block {
grid-column: unset;
grid-row: 1 / 2;
}
}
</style>
<div class="head">
<div class="container flex eqsize">
<div class="main">
<h1 class="intro-title">Community</h1>
<p>
The Godot Engine community offers multiple platforms for you to connect with other code contributors and game developers.<br>
This page lists official spaces maintained by the <a href="https://godot.foundation/">Godot Foundation</a> as well as community-run efforts.<br>
To participate in any of these places, you are required to follow Godot's <a href="/code-of-conduct/">Code of Conduct</a>.<br>
Likewise, user communities on this page are required to uphold the Code of Conduct with moderation efforts, or they become prone to removal.
Please report related issues to <a href="mailto:conduct@godotengine.org">conduct@godotengine.org</a>.
</p>
</div>
</div>
</div>
<div class="container community-list">
<div class="community-stack">
<div class="community-block">
<a href="/events/" class="card base-padding" id="events">
<div>
<h3>Events</h3>
<p>Upcoming community and past events.</p>
</div>
<!--
<div class="events-upcoming">
<span>Next event:</span>
<span>GodotCon</span>
<span>November 2023</span>
</div>
-->
</a>
</div>
<div class="community-block">
<a href="https://links.godotengine.org" class="card base-padding" id="links">
<div>
<h3>Links</h3>
<p>Official links page.</p>
</div>
</a>
</div>
</div>
<h2>Official communities</h2>
<div class="grid grid-communities">
<div class="community-block">
<div class="card">
<a href="https://forum.godotengine.org/">
<img src="/assets/community/icon_forum.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #fbfbfb 30%, #fdfcfd 46%, #e7ebed 83%, #fefdfe 98%)"
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://forum.godotengine.org/">Godot Forum</a></h3>
<p>If you need help with your Godot Engine projects, this is your goto place for questions.</p>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://discord.gg/godotengine">
<img src="/assets/community/icon_discord.webp?1" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #323541 16%, #42454e 33%, #383b42 82%, #35373e 96%)"
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://discord.gg/godotengine">Discord</a></h3>
<p>Voice and text channels for socializing, announcements you can follow with your own servers, and more.</p>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://www.reddit.com/r/godot">
<img src="/assets/community/icon_reddit.webp" width="350" height="215" alt="" style="background-color: #4492e6"
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://www.reddit.com/r/godot">Reddit</a></h3>
<p>Celebrate your projects together with the community, and exchange game development resources.</p>
</div>
</div>
</div>
</div>
<h2>Official social networks</h2>
<div class="grid grid-networks">
<div class="community-block">
<div class="card">
<a href="https://bsky.app/profile/godotengine.org">
<img src="/assets/community/icon_bluesky.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #fbfbfc 2%, #fbfbfc 9%, #edf1ef 92%, #fbfbfc 99%)" loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://bsky.app/profile/godotengine.org">Bluesky</a></h3>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://mastodon.gamedev.place/@godotengine">
<img src="/assets/community/icon_mastodon.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #fbfbfc 2%, #fbfbfc 9%, #edf1ef 92%, #fbfbfc 99%)" loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://mastodon.gamedev.place/@godotengine">Mastodon</a></h3>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://www.youtube.com/c/GodotEngineOfficial">
<img src="/assets/community/icon_youtube.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #cdbcc5 24%, #cdbcc5 57%, #cdbcc5 66%, #cab8c1 92%)"
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://www.youtube.com/c/GodotEngineOfficial">YouTube</a></h3>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://www.twitch.tv/godotengine_official">
<img src="/assets/community/icon_twitch.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #cdbcc5 24%, #cdbcc5 57%, #cdbcc5 66%, #cab8c1 92%)"
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://www.twitch.tv/godotengine_official">Twitch</a></h3>
</div>
</div>
</div>
</div>
<h2>User-supported communities</h2>
<div class="grid">
<div class="community-short-block">
<div class="card">
<a href="https://godotforums.org">
<img src="/assets/community/community-forums.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #e3eaf1 2%, #e3eaf1 28%, #e3eaf1 57%, #e3eaf1 90%)"
loading="lazy">
</a>
<div class="base-padding">
<h3 class="smaller"><a href="https://godotforums.org">Forums</a></h3>
<p>Self-organized forum platform for all Godot Engine developers.</p>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://programming.dev/c/godot">
<img src="/assets/community/community-lemmy.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #e3eaf1 2%, #e3eaf1 28%, #e3eaf1 57%, #e3eaf1 90%)"
loading="lazy">
</a>
<div class="base-padding">
<h3 class="smaller"><a href="https://programming.dev/c/godot">Programming.Dev</a></h3>
<p>Lemmy is an open-source alternative to Reddit, so naturally our community carved out their own space over there.</p>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://discord.gg/4JBkykG">
<img src="/assets/community/icon_community_discord.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #323541 16%, #42454e 33%, #383b42 82%, #35373e 96%)"
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://discord.gg/4JBkykG">Godot Café</a></h3>
<p>Largest community-run Discord server that predates the creation of official communities.</p>
</div>
</div>
</div>
<div class="community-short-block">
<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>
</div>
<div class="community-short-block">
<a href="https://docs.godotengine.org/en/stable/community/tutorials.html" class="card base-padding">
<h3>Tutorials</h3>
<p>Find tutorials and guides written by the community.</p>
</a>
</div>
</div>
<h2>Engine development platforms</h2>
<div class="grid">
<div class="community-block">
<div class="card">
<a href="https://chat.godotengine.org">
<img src="/assets/community/icon_godot_contributors_chat.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #31363f 13%, #31363f 20%, #20242a 64%, #202429 94%)"
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://chat.godotengine.org">Godot Contributors Chat</a></h3>
<p>
The official Rocket.Chat instance for Godot Engine contributors.
Here we coordinate code contributions and manage operations with the <a href="https://godot.foundation/">Godot Foundation</a>.
</p>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://github.com/godotengine/godot">
<img src="/assets/community/icon_github.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #e2e2e3 30%, #e2e2e3 45%, #e3e4e4 80%, #d5d7d7 91%)"
loading="lazy">
</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>
{% include footer.html %}