From d112d7ae639aa416b7b632f95d021f09fd97bd59 Mon Sep 17 00:00:00 2001
From: ari melody <ari@arimelody.me>
Date: Thu, 10 Jul 2025 16:24:35 +0100
Subject: [PATCH 1/2] add makefile (ez bundling)

---
 .gitignore | 5 ++---
 Makefile   | 2 ++
 2 files changed, 4 insertions(+), 3 deletions(-)
 create mode 100644 Makefile

diff --git a/.gitignore b/.gitignore
index 7b9cfe0..e38a180 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,2 @@
-**/.DS_Store
-docker-compose.yml
-.vscode/
+.DS_Store
+*.tar.gz
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..089574b
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,2 @@
+bundle:
+	tar czf ./blisstown-web.tar.gz -C public .

From 6f6c0c3a6db7413126bc8dc7ef199108b514e47f Mon Sep 17 00:00:00 2001
From: ari melody <ari@arimelody.me>
Date: Thu, 10 Jul 2025 16:41:25 +0100
Subject: [PATCH 2/2] fix mobile display

---
 public/index.html      | 10 +++++-----
 public/style/index.css |  6 ++++++
 public/style/main.css  | 12 ++++++++++--
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7cd889a..86325fc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
         <meta http-equiv="content-type" content="text/html; charset=UTF-8">
         <meta charset="UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" value="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>bliss town</title>
         <link rel="icon" type="image/x-icon" href="/img/favicon.png">
 
@@ -22,10 +22,10 @@
         <header>
             <nav>
                 <span class="nav-title">
-                    <span class="title-icon">
+                    <div class="title-icon">
                         <img src="/img/icon-light.svg" class="only-light" width=26 height=26 />
                         <img src="/img/icon-dark.svg" class="only-dark" width=26 height=26 />
-                    </span>
+                    </div>
                     <strong>bliss<span class="col-on-primary">.</span>town</strong>
                 </span>
                 <a href="/">home</a>
@@ -34,10 +34,10 @@
         </header>
         <main>
             <h1>
-                <span class="title-icon">
+                <div class="title-icon">
                     <img src="/img/icon-light.svg" class="only-light" width=64 height=64 />
                     <img src="/img/icon-dark.svg" class="only-dark" width=64 height=64 />
-                </span>
+                </div>
                 welcome to bliss<span class="col-on-primary">.</span>town!
             </h1>
 
diff --git a/public/style/index.css b/public/style/index.css
index 2becc64..b69863f 100644
--- a/public/style/index.css
+++ b/public/style/index.css
@@ -115,3 +115,9 @@
     color: var(--on-primary);
     border: 1px solid var(--on-primary);
 }
+
+@media screen and (max-width: 500px) {
+    .crew-tags {
+        flex-wrap: wrap;
+    }
+}
diff --git a/public/style/main.css b/public/style/main.css
index 22c1508..d6ab666 100644
--- a/public/style/main.css
+++ b/public/style/main.css
@@ -153,13 +153,15 @@ footer:hover {
 
 .title-icon {
     position: relative;
-    height: 1.2em;
+    width: 1.3em;
+    height: 1.1em;
     margin: 0 .1em;
-    padding-right: 1.6em;
     display: inline-block;
 }
 
 .title-icon img {
+    width: 1.4em;
+    height: 1.4em;
     position: absolute;
 }
 
@@ -179,3 +181,9 @@ footer:hover {
         box-shadow: 0 2px 8px #0c03116e;
     }
 }
+
+@media screen and (max-width: 500px) {
+    h1 {
+        font-size: 1.2em;
+    }
+}