Make website mobile friendlier

ntacamp · Jul 7, 2024 · 252b3f7 · 252b3f7
1 parent 9722596
commit 252b3f7
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/bin/build.sh b/bin/build.sh
@@ -5,8 +5,13 @@ set -euo pipefail
 readonly PROJECT_URL="https://github.com/ntacamp/404.notrollsallowed.com"
 
 build_html() {
-    sed '1s/^/\<pre\>\n/'
-    echo '</pre>'
+    readonly replace_keyword="_CONTENT_"
+    readonly template_file="bin/index.tpl"
+
+    # Load stdin into variable.
+    feed=$(cat <&0)
+    template=$(cat < "$template_file")
+    echo "${template/$replace_keyword/$feed}"
 }
 
 add_pr_links() {

diff --git a/bin/index.tpl b/bin/index.tpl
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404</title>
+    <style>
+        pre {
+            word-wrap: break-word;
+            padding: 10px;
+            border-radius: 5px;
+            max-width: 100%;
+            box-sizing: border-box;
+            overflow-x: auto;
+        }
+    </style>
+</head>
+<body>
+<pre>
+_CONTENT_
+</pre>
+</body>
+</html>