From 78b50d27c2e7f0c9ec4d33b3900ec44c6eab2a8d Mon Sep 17 00:00:00 2001
From: veclav talica <veclavtalica@protonmal.com>
Date: Fri, 23 Feb 2024 22:52:11 +0500
Subject: [PATCH] adapt to mobile devices

---
 html/style.css                 |  7 +++++++
 tools/article_wrapper.py       |  1 +
 tools/main_page_generator.py   |  1 +
 tools/tag_listing_generator.py | 10 ++++++++--
 4 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/html/style.css b/html/style.css
index 98c9553..f3fa03b 100644
--- a/html/style.css
+++ b/html/style.css
@@ -66,6 +66,7 @@ html {
   font-size: 0.8em;
   background-color: var(--bg-color);
   border: 1px solid #bbbbdd;
+  overflow: scroll;
 }
  nav li:first-child {
   border-left: none;
@@ -100,3 +101,9 @@ html {
     font-size: 13px;
   }
 }
+
+img {
+  max-width: 100%;
+  height: auto;
+  width: auto;
+}
diff --git a/tools/article_wrapper.py b/tools/article_wrapper.py
index 093aef9..53e5af9 100755
--- a/tools/article_wrapper.py
+++ b/tools/article_wrapper.py
@@ -53,6 +53,7 @@ article_head += "---\n\n"
 header = f"""HTML header: <meta property="og:title" content="{title} on mjestečko"></meta>
     <meta property="og:type" content="article"></meta>
     <meta property="og:url" content="{argv[2]}/articles/{urllib.parse.quote(directory)}.html"></meta>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 """
 if not brief is None:
     header += f"""<meta property="og:description" content="{brief}"></meta>\n"""
diff --git a/tools/main_page_generator.py b/tools/main_page_generator.py
index 3c753eb..e72b94b 100755
--- a/tools/main_page_generator.py
+++ b/tools/main_page_generator.py
@@ -16,6 +16,7 @@ seed()
 
 page_metadata = """Title:  mjestečko
 CSS:    /style.css
+HTML header:    <meta name="viewport" content="width=device-width, initial-scale=1">
 
 """
 
diff --git a/tools/tag_listing_generator.py b/tools/tag_listing_generator.py
index 82d1cbe..b293261 100755
--- a/tools/tag_listing_generator.py
+++ b/tools/tag_listing_generator.py
@@ -10,8 +10,14 @@ import os.path as path
 from article_utils import the_line_after_metadata, parse_metadata
 from page_shares import wrap_page
 
-tag_listing_header = "CSS:    /style.css\n\n"
-main_listing_header = "CSS:    /style.css\n\n"
+tag_listing_header = """CSS:    /style.css
+HTML header:    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+"""
+main_listing_header = """CSS:    /style.css
+HTML header:    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+"""
 
 if len(argv) <= 1:
     print("No article directory was supplied")