From cafac5543bdca44264294b22a55034accae37597 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 18 Apr 2024 23:07:41 +0800
Subject: [PATCH] Create shrine info template

---
 src/_includes/asummersend/shrineinfo.njk | 46 ++++++------------------
 src/_includes/global/shrineinfo.njk      | 39 ++++++++++++++++++++
 2 files changed, 49 insertions(+), 36 deletions(-)
 create mode 100644 src/_includes/global/shrineinfo.njk

diff --git a/src/_includes/asummersend/shrineinfo.njk b/src/_includes/asummersend/shrineinfo.njk
index e894c66c..877601fa 100644
--- a/src/_includes/asummersend/shrineinfo.njk
+++ b/src/_includes/asummersend/shrineinfo.njk
@@ -1,38 +1,12 @@
-<aside class="right-sidebar">
-    <div class="shrine__info sidebar--sticky">
-        <h2>About</h2>
-        <p>Welcome to Leilukin's shrine for <cite>A Summer’s End — Hong Kong 1986</cite>, an indie visual novel developed by Oracle and Bone. Set in 1980s Hong Kong, it tells of a love story between two women.</p>
-        <h3>Links</h3>
-        <ul>
-            <li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
-            </li>
-            <li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
-            <li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
-        </ul>
-    </div>
-</aside>
+{% extends "global/shrineinfo.njk" %}
 
-<style>
-    .right-sidebar {
-        background-color: var(--clr-content-bg);
-        font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
-    }
+{% block shrineAbout %}
+    <p>Welcome to Leilukin's shrine for <cite>A Summer’s End — Hong Kong 1986</cite>, an indie visual novel developed by Oracle and Bone. Set in 1980s Hong Kong, it tells of a love story between two women.</p>
+{% endblock %}
 
-    .shrine__info {
-        padding: 1rem;
-    }
-
-    .shrine__info h2 {
-        font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
-        margin-bottom: 0.2em;
-    }
-
-    .shrine__info h3 {
-        font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
-        margin-top: 1em;
-    }
-
-    .shrine__info ul {
-        margin-top: 0.5em;
-    }
-</style>
\ No newline at end of file
+{% block shrineLinks %}
+    <li><a href="https://www.asummersend.com/" target="_blank">Official Website</a>
+    </li>
+    <li><a href="https://store.steampowered.com/app/1111370/A_Summers_End__Hong_Kong_1986/" target="_blank">Steam</a></li>
+    <li><a href="https://oracleandbone.itch.io/a-summers-end" target="_blank">itch.io</a></li>
+{% endblock %}
diff --git a/src/_includes/global/shrineinfo.njk b/src/_includes/global/shrineinfo.njk
new file mode 100644
index 00000000..bffb094e
--- /dev/null
+++ b/src/_includes/global/shrineinfo.njk
@@ -0,0 +1,39 @@
+<aside class="right-sidebar">
+    <div class="shrine__info sidebar--sticky">
+        <h2>About</h2>
+        {% block shrineAbout %}
+            {{ shrineAbout }}
+        {% endblock %}
+        <h3>Links</h3>
+        <ul>
+            {% block shrineLinks %}
+                {{ shrineLinks }}
+            {% endblock %}
+        </ul>
+    </div>
+</aside>
+
+<style>
+    .right-sidebar {
+        background-color: var(--clr-content-bg);
+        font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
+    }
+
+    .shrine__info {
+        padding: 1rem;
+    }
+
+    .shrine__info h2 {
+        font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
+        margin-bottom: 0.2em;
+    }
+
+    .shrine__info h3 {
+        font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
+        margin-top: 1em;
+    }
+
+    .shrine__info ul {
+        margin-top: 0.5em;
+    }
+</style>
\ No newline at end of file