From 51a9dcf3c8df98203f01002b58c7c2dcba4b2be9 Mon Sep 17 00:00:00 2001
From: Ethan Roseman <ethteck@gmail.com>
Date: Wed, 8 Mar 2023 23:01:56 +0900
Subject: [PATCH 1/2] Automatic deployment :robort:

---
 .github/workflows/ci.yaml | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 .github/workflows/ci.yaml

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
new file mode 100644
index 0000000..1f5a971
--- /dev/null
+++ b/.github/workflows/ci.yaml
@@ -0,0 +1,21 @@
+name: CI
+on:
+  push:
+    branches: [ main ]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v1
+    - run: yarn
+    - run: yarn build
+    - name: Deploy
+      uses: appleboy/scp-action@master
+      with:
+        host: ${{ secrets.HOST }}
+        username: ${{ secrets.USERNAME }}
+        password: ${{ secrets.PASSWORD }}
+        source: "dist/"
+        target: "/var/www/papermar.io/html/"
+        strip_components: 1

From 08922520b434023db6088ab06a722a462c5071d3 Mon Sep 17 00:00:00 2001
From: Ethan Roseman <ethteck@gmail.com>
Date: Thu, 9 Mar 2023 01:39:29 +0900
Subject: [PATCH 2/2] Add other version pages

---
 src/ProgressPane.jsx |  4 +++-
 src/index.css        | 28 +++++++++++++++++++++++++++-
 src/main.jsx         | 22 +++++++++++++++++-----
 3 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/src/ProgressPane.jsx b/src/ProgressPane.jsx
index 5ddb47a..7c6e5b8 100644
--- a/src/ProgressPane.jsx
+++ b/src/ProgressPane.jsx
@@ -16,8 +16,10 @@ const csvVersions = {
 }
 
 const colors = {
-    yellow: { stroke: "#e3ac34", fill: "#edc97e" },
     green: { stroke: "#40e334", fill: "#91eb7f" },
+    yellow: { stroke: "#e3ac34", fill: "#edc97e" },
+    blue: { stroke: "#3d76da", fill: "#1e3b6d" },
+    orange: { stroke: "#cc8400", fill: "#ffa500" },
 }
 
 async function fetchData(version) {
diff --git a/src/index.css b/src/index.css
index 42dc5ca..5969e56 100644
--- a/src/index.css
+++ b/src/index.css
@@ -139,8 +139,24 @@ button.green, .tab.green {
     border-right-color: #2a791e;
 }
 
+button.blue, .tab.blue {
+    border-top-color: #51eeff;
+    border-left-color: #51eeff;
+    background: #00b3ff;
+    border-bottom-color: #0050c9;
+    border-right-color: #0050c9;
+}
+
+button.orange, .tab.orange {
+    border-top-color: #ffa66f;
+    border-left-color: #ffa66f;
+    background: #ff6f00;
+    border-bottom-color: #894701;
+    border-right-color: #894701;
+}
+
 button.inactive, .tab.inactive {
-    filter: brightness(0.6);
+    filter: brightness(0.7);
 }
 
 button:hover, .tab:hover {
@@ -247,6 +263,16 @@ main.green {
     background-image: url(bg/green-checker.png);
 }
 
+main.blue {
+    background-color: #518bff;
+    background-image: url(bg/teal-checker.png);
+}
+
+main.orange {
+    background-color: #ffd651;
+    background-image: url(bg/yellow-checker.png);
+}
+
 main > * {
     image-rendering: initial;
 }
diff --git a/src/main.jsx b/src/main.jsx
index 8c32bd1..a8529b6 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -29,7 +29,7 @@ const tabs = [
                 </ul>
                 <h3>How completed is it?</h3>
                 <p>
-                    We are currently focusing on decompiling the US release of the game, because it is the version that has had the most reverse-engineering work put into it. The Japanese version has preliminary support, and focus will move to that once US is done.
+                    We are currently focusing on decompiling the US release of the game, because it is the version that has had the most reverse-engineering work put into it. Other versions have preliminary support, and focus will move to those once US is done.
                 </p>
                 <p>
                     <a href="/progress-us">View the progress chart ›</a>
@@ -92,6 +92,12 @@ const tabs = [
             </div>
         </div>
     },
+    {
+        slug: "/progress-jp",
+        name: "Progress (JP)",
+        color: "green",
+        pane: (props) => <ProgressPane version="jp" color="green" {...props}/>
+    },
     {
         slug: "/progress-us",
         name: "Progress (US)",
@@ -99,10 +105,16 @@ const tabs = [
         pane: (props) => <ProgressPane version="us" color="yellow" {...props}/>
     },
     {
-        slug: "/progress-jp",
-        name: "Progress (JP)",
-        color: "green",
-        pane: (props) => <ProgressPane version="jp" color="green" {...props}/>
+        slug: "/progress-pal",
+        name: "Progress (PAL)",
+        color: "blue",
+        pane: (props) => <ProgressPane version="pal" color="blue" {...props}/>
+    },
+    {
+        slug: "/progress-ique",
+        name: "Progress (iQue)",
+        color: "orange",
+        pane: (props) => <ProgressPane version="ique" color="orange" {...props}/>
     },
 ]