Section about gtk-rs ecosystem

_includes/post_overview.html

@@ -1,8 +1,10 @@
-<div class="post-overview">
+<ul class="box-list post-overview">
 {% for post in site.categories.front limit:3 %}
-  <a href="{{ post.url | prepend: site.baseurl }}">
+  <li>
+    <a href="{{ post.url | prepend: site.baseurl }}">
       <span class="post-meta">{{ post.date | date: "%-d %b %Y" }}</span>
       <div>{{ post.title }}</div>
-  </a>
+    </a>
+  </li>
 {% endfor %}
-</div>
+</ul>

_sass/_base.scss

@@ -118,7 +118,7 @@ h1 {
 
 h2 {
     font-size: 26px;
-    margin-top: 1.2em;
+    margin-top: 1.7em;
 }
 
 h3, h4 {

_sass/_layout.scss

@@ -70,8 +70,7 @@
                 line-height: 3em;
                 margin: 0 1rem;
                 font-weight: bold;
-                transition: 0.3s;
-                transition-property: color;
+                transition: color 0.3s;
                 border-radius: 7px;
 
                 &:hover {
@@ -186,8 +185,8 @@ ul.contact {
     margin-right: calc(-50vw + (100% / 2));
 
     margin-top: 2.5rem;
-    padding-top: 0.1rem;
-    padding-bottom: 2rem;
+    padding-top: 1px;
+    padding-bottom: 3.5rem;
 
     > * {
         max-width: var(--content-width);
@@ -212,34 +211,57 @@ ul.contact {
     }
 }
 
-.post-overview {
+.box-list {
     text-align: center;
     padding: 0.7rem 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: stretch;
+    margin: 0;
+    padding-top: 0;
 
-    a, a:visited {
-        @extend .box-design;
-        max-width: 10em;
-        margin: 1.3em 0.8em 0;
-        vertical-align: top;
-        padding: 0.8em 0.6em 1em;
+    li {
+        display: flex;
+        align-items: stretch;
 
-        font-weight: bold;
-        font-family: $headings-font-family;
+        a, a:visited {
+            @extend .box-design;
+            max-width: 13em;
+            margin: 0.7em 0.8em;
+            vertical-align: top;
+            padding: 1em 0.6em 1.2em;
+
+            font-weight: bold;
+            font-family: $headings-font-family;
 
-        .post-meta {
-            color: $header-text-color;
             font-size: $small-font-size;
-        }
 
-        * {
-            display: inline-block;
-            margin: 0.3em 0;
+            strong, .post-meta {
+                color: $header-text-color;
+                font-size: $base-font-size;
+                display: block;
+                margin-bottom: 0.6em;
+            }
+
         }
     }
+
+}
+
+.box-list.post-overview {
+    margin-top: 1.2em;
+
+    a {
+        font-size: $base-font-size;
+        max-width: 10em;
+    }
+
+    .post-meta {
+        font-size: $small-font-size;
+    }
+
+
 }
 
 .post-meta {
@@ -274,8 +296,7 @@ ul.contact {
  */
 
 .box-design {
-    transition: 0.5s;
-    transition-property: opacity;
+    transition: opacity 0.5s;
     background: $box-background;
     border-radius: 7px;
     color: white;
@@ -285,7 +306,7 @@ ul.contact {
         text-decoration: none;
         opacity: 0.9;
         color: white;
-        transition: 0.2s;
+        transition: opacity 0.2s;
     }
 }
 
@@ -305,7 +326,7 @@ p.center {
 
 .badgets {
     text-align: center;
-    margin-top: 1.5rem;
+    margin-top: 0.5rem;
     img {
         border-radius: 5px;
     }
@@ -426,8 +447,7 @@ table.crates {
 
         a:hover {
             transform: scale(1.3);
-            transition-property: transform;
-            transition: 0.2s;
+            transition: transform 0.2s;
         }
 
     }

index.md

@@ -18,12 +18,14 @@ The **gtk-rs** project provides safe bindings to the [Rust] language for fundame
 [![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/gtk-rs?color=%2399c9ff&label=Support%20us%20on%20open%20collective&logo=open-collective&logoColor=white&style=for-the-badge&labelColor=%233385ff)](https://opencollective.com/gtk-rs)
 {: class="badgets"}
 
+
 ## Available crates
 
 The following table contains the most popular crates of **gtk-rs**. More information on all existing crates is available under the corresponding links in the **Project** column in the table below.
 
 {% include crates_legacy.html %}
 
+
 <div class="special" markdown="1">
 
 ## The introductory book
@@ -39,6 +41,21 @@ Julian Hofer is writing a book titled [GUI development with Rust and GTK&nbsp;4]
 </div>
 </div>
 
+
+## The gtk-rs ecosystem
+
+By now, a number of additional bindings for GObject based libraries exist. While not part of the gtk-rs project, many of them are developed in close collaboration. Notable other projects within the gtk-rs ecosystem are
+
+- [**gstreamer-rs** Open source multimedia framework](https://gitlab.freedesktop.org/gstreamer/gstreamer-rs)
+- [**libhandy-rs** Building blocks for modern adaptive GNOME applications (GTK&nbsp;3)](https://gitlab.gnome.org/World/Rust/libhandy-rs)
+- [**libadwaita-rs** Building blocks for modern GNOME applications (GTK&nbsp;4)](https://gitlab.gnome.org/World/Rust/libadwaita-rs)
+{: class="box-list"}
+
+More bindings can be found as part of the [GNOME GitLab Rust Group](https://gitlab.gnome.org/World/Rust).
+
+All these bindings are generated on the basis of GObject introspection (GIR). The book [Generate Rust bindings for GIR based libraries](/gir/book/) provides the documentation for the tools that gtk-rs provides to generate such bindings.
+
+
 ## Sponsors
 
 Thanks to everyone supporting us on [open collective][opencollective]! A list of all sponsors can be seen on our [open collective page][opencollective].