make 'experimental' more outstanding

use a class for the banner, make sure it is always width of page
add domain right of the menu, standardize menu help-code
2026-05-10 16:04:37 +00:00 · 2023-12-12 19:46:26 +01:00 · 2023-12-12 19:39:30 +01:00 · 2023-12-12 19:27:39 +01:00 · 2023-12-12 18:48:24 +01:00
5 changed files with 47 additions and 10 deletions
--- a/www/src/index.md
+++ b/www/src/index.md
@@ -1,5 +1,5 @@

-<img width="800px" src="collage-top.png"/>
+<img class="banner" src="collage-top.png"/>

 ## Dear [Delta Chat](https://get.delta.chat) users and newcomers, 

@@ -14,6 +14,7 @@ Welcome to instant, interoperable and [privacy-preserving](privacy.html) messagi

 💬 **Start** chatting with any Delta Chat contacts using [QR invite codes](https://delta.chat/en/help#howtoe2ee)

+<div class="experimental">Note: this is an experimental service</div>
+

-## ⚡ Note: this is an experimental service ⚡

--- a/www/src/info.md
+++ b/www/src/info.md
@@ -1,5 +1,5 @@

-<img width="800px" src="collage-info.png"/>
+<img class="banner" src="collage-info.png"/>

 ## More information 

--- a/www/src/main.css
+++ b/www/src/main.css
@@ -0,0 +1,31 @@
+
+#menu {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0;
+}
+
+#menu li {
+  display: inline-block;
+  padding-right: 0.5em;
+}
+
+#domain {
+  margin-left: auto;
+}
+
+#domain a {
+  color: #888;
+}
+
+.banner {
+  width: 100%;
+}
+
+.experimental {
+  margin: 3em 0;
+  padding: 1em;
+  border: 4px dashed red;
+  color: red;
+  font-weight: bold;
+}
--- a/www/src/page-layout.html
+++ b/www/src/page-layout.html
@@ -7,16 +7,21 @@
    {% endif %}
    <title>{{ config.mail_domain }} {{ pagename }}</title>
    <link rel="stylesheet" href="./water.css">
+    <link rel="stylesheet" href="./main.css">
    <link rel="icon" href="/logo.svg">
    <link rel=”mask-icon” href=”/logo.svg” color=”#000000">
 </head>
 <body>
+
+<ul id="menu">
+    <li><a href="index.html">home</a></li>
+    <li><a href="info.html">info</a></li>
+    <li><a href="privacy.html">privacy</a></li>
+    <li><a href="https://github.com/deltachat/chatmail">public code ↗</a></li>
+    <li id="domain"><a href="index.html">{{ config.mail_domain }}</a></li>
+</ul>
+
 {{ markdown_html }}
-<footer>
-    <a href="index.html">home</a> |
-    <a href="info.html">more info</a> |
-    <a href="privacy.html">privacy</a> |
-    <a href="https://github.com/deltachat/chatmail">-> public development </a>
-</footer>
+
 </body>
 </html>
--- a/www/src/privacy.md
+++ b/www/src/privacy.md
@@ -1,4 +1,4 @@
-<img width="800px" src="collage-privacy.png"/>
+<img class="banner" src="collage-privacy.png"/>

 # Privacy Policy for {{ config.mail_domain }}
Author	SHA1	Message	Date
B. Petersen	9667fe661c	make 'experimental' more outstanding	2023-12-12 19:46:26 +01:00
B. Petersen	3141431ee3	use a class for the banner, make sure it is always width of page	2023-12-12 19:39:30 +01:00
B. Petersen	ac2517df4b	add domain right of the menu, standardize menu help-code	2023-12-12 19:27:39 +01:00
B. Petersen	f467d7bcd1	move menu up	2023-12-12 18:48:24 +01:00