use a class for the banner, make sure it is always width of page

2023-12-12 19:39:30 +01:00 · 2023-12-12 19:39:30 +01:00 · 4a7e36618f
commit 4a7e36618f
parent e272294e07
5 changed files with 10 additions and 3 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, 

--- 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
@ -17,3 +17,7 @@
 #domain a {
  color: #888;
 }
+
+.banner {
+  width: 100%;
+}
--- a/www/src/page-layout.html
+++ b/www/src/page-layout.html
@ -12,6 +12,7 @@
    <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>
@ -19,6 +20,8 @@
    <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 }}
+
 </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 }}