Files
godot-website/pages/community/community.html
2024-07-04 15:08:50 +02:00

384 lines
11 KiB
HTML

---
permalink: /community/index.html
title: Godot Engine - Community
layout: default
---
{% include header.html %}
<style>
h3.smaller {
font-size: 25px;
}
.card {
height: 100%;
}
.card img {
width: 100%;
height: auto;
}
.community-list {
display: flex;
flex-direction: column;
gap: 24px;
}
.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 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>
</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">
<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>A place for the Godot community to meet, ask questions, share their work, and provide help to other users.</p>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://discord.gg/bdcfAYM4W9">
<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/bdcfAYM4W9">Discord</a></h3>
<p>A space to socialize with other community members.</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>Stay up to date on Godot news, and share your projects and resources with each other.</p>
</div>
</div>
</div>
<div class="community-block">
<div class="card">
<a href="https://www.facebook.com/groups/godotengine/">
<img src="/assets/community/icon_facebook.webp" width="350" height="215" alt=""
style="background: linear-gradient(90deg, #2f3c63 5%, #2f3c63 25%, #2f3c63 65%, #2f3c63 82%)"
loading="lazy">
</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>
<h2>Official social networks</h2>
<div class="grid">
<div class="community-block">
<div class="card">
<a href="https://twitter.com/godotengine">
<img src="/assets/community/icon_twitter.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://twitter.com/godotengine">Twitter</a></h3>
<p>Get small bits of development news.</p>
</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>
<p>Connect with us in the Fediverse.</p>
</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>
<p>Channel for official Godot videos.</p>
</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>
<p>Live streams all about Godot and its users.</p>
</div>
</div>
</div>
</div>
<h2>User-supported communities</h2>
<div class="grid">
<div class="community-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>Community forum for all Godot 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>A community for discussion and support in development with the game engine.</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">Discord</a></h3>
<p>A vibrant community for discussion, user support, showcases... and custom emoji!</p>
</div>
</div>
</div>
<div class="community-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>
<a href="https://matrix.to/#/#godot-space:matrix.org" class="card base-padding">
<h3>Matrix</h3>
<p>Libre decentralized chat with advanced features, IRC compatible.</p>
</a>
</div>
</div>
<h2>Looking to contribute?</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>Chat for engine contributors and developers based on Rocket.Chat.</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 %}