From d35277f7fee9bcc8d9c23bb5bc3dcaf844543066 Mon Sep 17 00:00:00 2001
From: Edgard Schmidt <schmidt@edik.ch>
Date: Sat, 25 Nov 2017 17:31:22 +0100
Subject: Limit image size to viewport's width

---
 www/global.css | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'www')

diff --git a/www/global.css b/www/global.css
index 80309059..98adf82d 100644
--- a/www/global.css
+++ b/www/global.css
@@ -21,6 +21,10 @@ pre {
     margin-left: 2.5em
 }
 
+img {
+    max-width: 100%;
+}
+
 #logo {
     width: 20%;
     float: right;
-- 
cgit v1.2.3-70-g09d2


From 21f502b2088759b4dab9a2299ee03a50975b48bd Mon Sep 17 00:00:00 2001
From: Edgard Schmidt <schmidt@edik.ch>
Date: Sat, 25 Nov 2017 17:31:51 +0100
Subject: Allow line breaks for bare URI links

---
 www/global.css | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'www')

diff --git a/www/global.css b/www/global.css
index 98adf82d..35df49d6 100644
--- a/www/global.css
+++ b/www/global.css
@@ -35,6 +35,11 @@ a {
     color: #22D;
 }
 
+/* probably generated with autolink_bare_uris extension */
+a.uri {
+    word-wrap: break-word;
+}
+
 a:hover {
     color: #008;
 }
-- 
cgit v1.2.3-70-g09d2


From 1096373b2330e64c3012f143f943f4723d526c16 Mon Sep 17 00:00:00 2001
From: Edgard Schmidt <schmidt@edik.ch>
Date: Sat, 25 Nov 2017 17:32:04 +0100
Subject: Make code content and tables more responsive

* 'pre' blocks and tables use scrollbars if the viewport is too narrow
* Code content which is not within a 'pre' element wraps automatically
* Code content and 'pre' blocks have a gray background color

The added background color has two purposes:
* The left-margin for pre blocks is removed, because it consumes too
  much space on narrow viewports. However by using a background color,
  the reader can still recognize 'pre' content as code blocks.
* Code content which is *not* within a 'pre' element wraps
  automatically now. The background color allows the reader to
  recognize the "connection" between automatically splitted lines of
  a single code element. This way, nobody will mistake a one-liner for
  a multi-liner.
---
 www/global.css    | 11 ++++++++++-
 www/template.html |  1 -
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'www')

diff --git a/www/global.css b/www/global.css
index 35df49d6..87df287d 100644
--- a/www/global.css
+++ b/www/global.css
@@ -18,7 +18,16 @@ body {
 }
 
 pre {
-    margin-left: 2.5em
+    padding: 0.3em;
+}
+
+pre,table {
+    overflow-x: auto;
+    display: block;
+}
+
+code, pre {
+    background-color: #DDD;
 }
 
 img {
diff --git a/www/template.html b/www/template.html
index 4ce72774..c2bdcda0 100644
--- a/www/template.html
+++ b/www/template.html
@@ -14,7 +14,6 @@ $if(keywords)$
   <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
 $endif$
   <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
-  <style type="text/css">code{white-space: pre;}</style>
 $if(quotes)$
   <style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
 $endif$
-- 
cgit v1.2.3-70-g09d2