From 49de5edc307fb2ebd1fae43f05fd90580d7642e9 Mon Sep 17 00:00:00 2001 From: Mohammad Akhlaghi Date: Tue, 10 May 2022 16:34:44 +0200 Subject: index.html: added Matrix-protocol chatrooms for Maneage Until now, the only way we had suggested for interested viewers to get in touch with us was through Savannah. But that interface can be a little too technical for some interested people. With this commit, the Savannah part has been commented (not shown in the top page), and instead some Matrix-protocol chat rooms have been introduced to help new users easily contact us. --- css/base.css | 21 +++++++++++++++++++++ index.html | 21 +++++++++++++++++++++ 2 files changed, 42 insertions(+) diff --git a/css/base.css b/css/base.css index 9acdaed..0a41b18 100644 --- a/css/base.css +++ b/css/base.css @@ -57,10 +57,14 @@ body { h1, h2, h3 { + /* Put some spacing with the things prior to this header. */ + padding-top: 1em; + /* Bring the headers closer to the text under them, this is a * complementary command with the margin-top in `p` tag styling */ padding-bottom: 0; margin-bottom: 0; + /* Set line-height for headers to prevent overlap when browser is * forced to wrap the words. */ line-height: 1; @@ -73,14 +77,23 @@ p { margin-top: 5px; } +ul, +ol { + /* Put some spacing with the things prior to this header. */ + padding-top: 0; + margin-top: 0; +} + /* Wrap the entire content of the page in this `div` - the navigation * bar is an exception, because of its fixed position. */ #container { /* Prevent additional horizontal spacing in smaller screens */ width: 100%; + /* Center the whole page into a narrow column. Keeps the webpage stylish * and easy to look at in the widest screens. */ max-width: 960px; + /* The container should always have a margin-top high enough to * prevent content overlapping with the navigation bar */ margin: 45px auto 0; @@ -91,6 +104,7 @@ p { /* Make sure `left`, `right`, and `width` values add up to 100% to * help keep the navigation bar in center for big screens */ margin: 0 auto; + /* Make the content a block to to put it in the center of the page */ display: block; } @@ -153,6 +167,7 @@ li > code { /* Stick to the top */ position: fixed; top: 0; + /* Make sure `left`, `right`, and `width` values add up to 100% to * help keep the navigation bar in center for big screens */ margin: 0 auto; @@ -161,8 +176,10 @@ li > code { width: 99%; max-width: 960px; /* same as the `#container` max-width */ margin: 0 auto; + /* Prevent sharp edges on the top navigation bar */ border-radius: 0 0 5px 5px; + /* Keep link texts center-aligned */ text-align: center; background: #030504; @@ -250,6 +267,7 @@ a:hover { * screens as specified at the end of this CSS file */ .banner div { display: inline-block; + /* Keep headers aligned in the middle next to Maneage logo */ vertical-align: middle; text-align: left; @@ -270,6 +288,7 @@ a:hover { min-height: 170px; max-width: 220px; max-height: 220px; + /* Keep headers aligned in the middle next to Maneage logo */ vertical-align: middle; } @@ -314,8 +333,10 @@ footer[role=contentinfo] { margin: 0 auto; max-width: 960px; /* same as the `#container` max-width */ padding: 5px 15px; + /* Prevent sharp edges on the bottom navigation bar */ border-radius: 5px 5px 0 0; + /* Keep link texts center-aligned */ text-align: left; font-size: small; diff --git a/index.html b/index.html index 0a75d7c..14e4287 100644 --- a/index.html +++ b/index.html @@ -107,9 +107,30 @@ git checkout -b main # Make n

See the Customization Checklist in the cloned README-hacking.md file for the next steps to start customizing Maneage for your project.

+

Messaging rooms for direct contact

+

Maneage uses the Matrix protocol for fast, robust and free communication between the developers and users. + The top-level Maneage "Space" (which collects the Maneage-related rooms) is available at maneage:matrix.org. The available list of rooms are:

+ + How can I access Matrix-based messaging rooms? There are many clients for the Matrix protocol for web-based, smartphone or Desktop (GUI or command-line). + One suggested client can be Element, which has both a web-based interface (only requiring a modern browser), a GUI desktop application, or smartphone apps. + If you just want to see the message rooms above (without logging-in), you can take the steps below. + Later, you can register a Matrix protocol account for yourself using the "Create Account" button the first item below. +
    +
  1. Go to Element's Get started page.
    2. +
  2. Click on the Launch Element Web button, then the Explore rooms button.
    3. +
  3. In the search box, put the identifier of the room (for example #maneage-general:matrix.org).
    4. +
  4. In the search results, click on "preview" infront of your desired room, to see the latest discussions in the room.
    5. +
+

Merge/Pull requests

As you continue customizing Maneage for your own project, you will notice generic improvements that can be useful for other projects too. In such cases, please send us those changes to implement in the core Maneage branch and let them propagate to all projects using it. -- cgit v1.2.1