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
`@@ -1,5 +1,5 @@`

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

	`## More information`	`## More information`
`@@ -1,4 +1,4 @@`
	`<img width="800px" src="collage-privacy.png"/>`	`<img class="banner" src="collage-privacy.png"/>`

	`# Privacy Policy for {{ config.mail_domain }}`	`# Privacy Policy for {{ config.mail_domain }}`