From 85a76ed006cee3b6f1b841a6408340bc4f143254 Mon Sep 17 00:00:00 2001 From: Sophie Herold Date: Wed, 16 Jun 2021 20:36:13 +0200 Subject: [PATCH] Section about gtk-rs ecosystem --- _includes/post_overview.html | 10 +++--- _sass/_base.scss | 2 +- _sass/_layout.scss | 70 +++++++++++++++++++++++------------- index.md | 17 +++++++++ 4 files changed, 69 insertions(+), 30 deletions(-) diff --git a/_includes/post_overview.html b/_includes/post_overview.html index d8408d3d7..3ec937aa0 100644 --- a/_includes/post_overview.html +++ b/_includes/post_overview.html @@ -1,8 +1,10 @@ -
+
+ diff --git a/_sass/_base.scss b/_sass/_base.scss index eb016a4ee..05864db60 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -118,7 +118,7 @@ h1 { h2 { font-size: 26px; - margin-top: 1.2em; + margin-top: 1.7em; } h3, h4 { diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 551a1bbcd..eb4fea6d5 100644 --- a/_sass/_layout.scss +++ b/_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; } } diff --git a/index.md b/index.md index 8e4ca605e..e4be47557 100644 --- a/index.md +++ b/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 %} +
## The introductory book @@ -39,6 +41,21 @@ Julian Hofer is writing a book titled [GUI development with Rust and GTK 4]
+ +## 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 3)](https://gitlab.gnome.org/World/Rust/libhandy-rs) +- [**libadwaita-rs** Building blocks for modern GNOME applications (GTK 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 [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].