chatmail · DarkCat09 · Jul 3, 2025 · Jul 3, 2025 · Jul 3, 2025 · Jul 3, 2025
diff --git a/www/src/index.md b/www/src/index.md
@@ -1,5 +1,4 @@
-
-<img class="banner" src="collage-top.png"/>
+<img class="banner" src="collage-top.png">
 
 ## Dear [Delta Chat](https://get.delta.chat) users and newcomers ... 
 
@@ -11,14 +10,17 @@ for Delta Chat users.  For details how it avoids storing personal information
 please see our [privacy policy](privacy.html). 
 {% endif %}
 
-<a class="cta-button" href="DCACCOUNT:https://{{ config.mail_domain }}/new">Get a {{config.mail_domain}} chat profile</a>
+<a class="cta-button link-centered" href="DCACCOUNT:https://{{ config.mail_domain }}/new">
+  Get a {{config.mail_domain}} chat profile
+</a>
 
 If you are viewing this page on a different device
 without a Delta Chat app,
 you can also **scan this QR code** with Delta Chat:
 
-<a href="DCACCOUNT:https://{{ config.mail_domain }}/new">
-    <img width=300 style="float: none;" src="qr-chatmail-invite-{{config.mail_domain}}.png" /></a>
+<a class="link-centered" href="DCACCOUNT:https://{{ config.mail_domain }}/new">
+  <img width=300 src="qr-chatmail-invite-{{config.mail_domain}}.png">
+</a>
 
 🐣 **Choose** your Avatar and Name
 

diff --git a/www/src/info.md b/www/src/info.md
@@ -1,4 +1,3 @@
-
 ## More information 
 
 {{ config.mail_domain }} provides a low-maintenance, resource efficient and 

diff --git a/www/src/main.css b/www/src/main.css
@@ -1,25 +1,27 @@
+:root {
+  font-size: 1.25rem;
+}
 
 body {
+  margin: 1rem auto;
+  padding: 0 0.5rem;
+  max-width: 40rem;
+
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
   line-height: 1.4;
-  font-size: 1.2em;
-  max-width: 800px;
-  margin: 20px auto;
-  padding: 0 10px;
+
   color: #363636;
   background: #fff;
 }
 
 h1 {
-  font-size: 2.2em;
-  margin-top: 0;
+  font-size: 2.2rem;
 }
 
 h1, h2, h3, h4, h5, h6 {
   color: #000;
-  margin-bottom: 12px;
-  margin-top: 24px;
   font-weight: 600;
+  margin: 1rem 0;
 }
 
 a {
@@ -38,8 +40,8 @@ img, video {
 
 code {
   background: #efefef;
-  padding: 2.5px 5px;
-  border-radius: 6px;
+  padding: 0.1rem 0.25rem;
+  border-radius: 0.25rem;
 }
 
 #menu {
@@ -50,14 +52,15 @@ code {
 
 #menu li {
   display: inline-block;
-  padding-right: 0.5em;
+  padding-right: 0.85rem;
 }
 
-#domain {
+li#domain {
   margin-left: auto;
+  padding-right: 0;
 }
 
-#domain a {
+li#domain a {
   color: #888;
 }
 
@@ -66,21 +69,27 @@ code {
 }
 
 .experimental {
-  margin: 3em 0;
-  padding: 1em;
-  border: 4px dashed red;
+  margin-top: 2rem;
+  padding: 1rem;
+  border: 0.2rem dashed red;
+
   color: red;
   font-weight: bold;
 }
 
+.link-centered {
+  display: block;
+  width: fit-content;
+  margin: 0 auto;
+  text-align: center;
+}
+
 .cta-button, .cta-button:hover, .cta-button:visited {
-    border: 1.5px solid #a4c2d0;
-    border-radius: 5px;
-    padding: 10px;
-    display: inline-block;
-    margin: 10px 0;
-
-    background: linear-gradient(120deg, #77888f, #364e59);
-    color: white !important;
-    font-weight: bold;
+  border: 0.05rem solid #a4c2d0;
+  border-radius: 0.25rem;
+  padding: 0.5rem;
+
+  background: linear-gradient(120deg, #77888f, #364e59);
+  color: #fff;
+  font-weight: bold;
 }
diff --git a/www/src/page-layout.html b/www/src/page-layout.html
@@ -1,24 +1,24 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <meta charset="utf-8" />
-    {% if config.webdev %}
-    <meta http-equiv="refresh" content="3">
-    {% endif %}
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
-    <title>{{ config.mail_domain }} {{ pagename }}</title>
-    <link rel="stylesheet" href="./main.css">
-    <link rel="icon" href="/logo.svg">
-    <link rel=”mask-icon” href=”/logo.svg” color=”#000000">
+  <meta charset="utf-8">
+  {% if config.webdev %}
+  <meta http-equiv="refresh" content="3">
+  {% endif %}
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+  <title>{{ config.mail_domain }} {{ pagename }}</title>
+  <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>
+  <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 }}

diff --git a/www/src/privacy.md b/www/src/privacy.md
@@ -1,4 +1,3 @@
-
 # Privacy Policy for {{ config.mail_domain }} 
 
 {% if config.mail_domain == "nine.testrun.org" %}
@@ -40,7 +39,6 @@ Nevertheless, we provide legal details below to make life easier
 for data protection specialists and lawyers scrutinizing chatmail operations.
 
 
-
 ## 1. Name and contact information 
 
 Responsible for the processing of your personal data is:
@@ -51,11 +49,11 @@ Responsible for the processing of your personal data is:
 E-mail: {{ config.privacy_mail }}
 
 We have appointed a data protection officer:
-
 ```
 {{ config.privacy_pdo }}
 ```
 
+
 ## 2. Processing when using chat e-mail services
 
 We provide services optimized for the use from [Delta Chat](https://delta.chat) apps
@@ -108,6 +106,7 @@ Art. 6 (1) lit. b GDPR,
 as you have a usage contract with us
 by using our services.
 
+
 ### 2.2 Processing of E-Mail-Messages
 
 In addition,
@@ -206,6 +205,7 @@ from the aforementioned purposes of data collection.
 We will not use the collected data
 for the purpose of drawing conclusions about your person.
 
+
 ## 4. Transfer of Data
 
 We do not retain any personal data but e-mail messages waiting to be delivered 
@@ -239,6 +239,7 @@ among other things,
 to implement appropriate security measures
 and grants us comprehensive control powers.
 
+
 ## 5. Rights of the data subject
 
 The rights arise from Articles 12 to 23 GDPR.
@@ -249,8 +250,8 @@ on these or possible objections.
 A deletion can be made
 directly in the Delta Chat email messenger.
 
-If you have any questions or complaints, 
-please feel free to contact us by email:  
+If you have any questions or complaints,
+please feel free to contact us by email:
 {{ config.privacy_mail }}
 
 As a rule, you can contact the supervisory authority of your usual place of residence
@@ -267,5 +268,3 @@ as of *October 2024*.
 Due to the further development of our service and offers
 or due to changed legal or official requirements,
 it may become necessary to revise this data protection declaration from time to time.
-
-
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,3 @@

		## More information

		{{ config.mail_domain }} provides a low-maintenance, resource efficient and
Expand Down