Add Lemmy community card (#841)

* add: lemmy community card

* add correct background-color

* Move Lemmy into 'User-supported communities' block

* Use formatting and img background like 'Forums' next to it

* Use asset name consistent to community forums next to it/same category

* Convert img to webp

* Change community title to 'proramming.dev'

* Reduce title font size

to fix dynamic scaling issues (text exceeding layout-considered-acceptable-space)

* Fix breakpoint for user-supported communities long cards

* Update community.html

---------

Co-authored-by: Jens Becker <mail@jens.pub>
Co-authored-by: Emi <2206700+coppolaemilio@users.noreply.github.com>
This commit is contained in:
Jan Klass
2024-05-07 14:12:49 +02:00
committed by GitHub
parent fa7e4cdf3a
commit c15406abac
2 changed files with 23 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

View File

@@ -6,6 +6,9 @@ layout: default
{% include header.html %}
<style>
h3.smaller {
font-size: 25px;
}
.card {
height: 100%;
}
@@ -31,6 +34,11 @@ layout: default
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;
@@ -270,12 +278,26 @@ layout: default
loading="lazy">
</a>
<div class="base-padding">
<h3><a href="https://godotforums.org">Forums</a></h3>
<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-short-block">
<a href="/community/user-groups" class="card base-padding" id="user-groups">
<h3>User groups</h3>