From 9cafc7edbcc96568f49177aae783ac880fed7ac1 Mon Sep 17 00:00:00 2001
From: OKAMOTO Shigehiro <primary@goahi.live>
Date: Fri, 24 May 2024 19:59:37 +0900
Subject: [PATCH 1/3] remove the link to sos

---
 src/pages/index.astro | 58 -------------------------------------------
 1 file changed, 58 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 01df714..398c56f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -48,9 +48,6 @@ const xAccountURL = "https://twitter.com/" + SOPOTAN_TWITTER_ID.replace("@", "")
 ---
 
 <TopLayout>
-  <div class="to-sos">
-    <a href="https://entry.sohosai.com/"><span>雙峰祭企画応募者はこちら</span></a>
-  </div>
   <Container>
     <section>
       <h2>{t("top.お知らせ")}</h2>
@@ -96,61 +93,6 @@ const xAccountURL = "https://twitter.com/" + SOPOTAN_TWITTER_ID.replace("@", "")
 </TopLayout>
 
 <style lang="scss">
-  .to-sos {
-    padding-block: 2rem;
-
-    > a {
-      position: relative;
-      z-index: 0;
-      display: block;
-      padding-block: 1.5rem;
-      overflow: hidden;
-      font-size: 1.25rem;
-      font-weight: 600;
-      color: white;
-      text-align: center;
-      text-decoration: none;
-      background-color: $orange;
-
-      &::before {
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 200;
-        width: 100%;
-        height: 100%;
-        content: "";
-        background-image: url("./sos-sopo.png");
-        background-repeat: no-repeat;
-        background-position: 30% 55%;
-        background-size: 25rem;
-        opacity: 0.3;
-      }
-
-      > span {
-        position: relative;
-        z-index: 300;
-      }
-    }
-    @media screen and ($pc-query) {
-      width: 100%;
-      max-width: $content-width;
-      padding-inline: $side-padding;
-      margin-inline: auto;
-
-      > a {
-        width: fit-content;
-        padding-inline: 2rem;
-        border-radius: 3rem;
-
-        &::before {
-          background-position: 30% 55%;
-          background-size: 20rem;
-        }
-      }
-    }
-  }
-
   .news {
     display: grid;
     grid-template-rows: max-content 1fr;

From 5b4f859a6dc8d229d57b97cc850072e9850d3e24 Mon Sep 17 00:00:00 2001
From: OKAMOTO Shigehiro <primary@goahi.live>
Date: Sun, 26 May 2024 23:15:22 +0900
Subject: [PATCH 2/3] Revert "remove the link to sos"

This reverts commit 9cafc7edbcc96568f49177aae783ac880fed7ac1.
---
 src/pages/index.astro | 58 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 398c56f..01df714 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -48,6 +48,9 @@ const xAccountURL = "https://twitter.com/" + SOPOTAN_TWITTER_ID.replace("@", "")
 ---
 
 <TopLayout>
+  <div class="to-sos">
+    <a href="https://entry.sohosai.com/"><span>雙峰祭企画応募者はこちら</span></a>
+  </div>
   <Container>
     <section>
       <h2>{t("top.お知らせ")}</h2>
@@ -93,6 +96,61 @@ const xAccountURL = "https://twitter.com/" + SOPOTAN_TWITTER_ID.replace("@", "")
 </TopLayout>
 
 <style lang="scss">
+  .to-sos {
+    padding-block: 2rem;
+
+    > a {
+      position: relative;
+      z-index: 0;
+      display: block;
+      padding-block: 1.5rem;
+      overflow: hidden;
+      font-size: 1.25rem;
+      font-weight: 600;
+      color: white;
+      text-align: center;
+      text-decoration: none;
+      background-color: $orange;
+
+      &::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 200;
+        width: 100%;
+        height: 100%;
+        content: "";
+        background-image: url("./sos-sopo.png");
+        background-repeat: no-repeat;
+        background-position: 30% 55%;
+        background-size: 25rem;
+        opacity: 0.3;
+      }
+
+      > span {
+        position: relative;
+        z-index: 300;
+      }
+    }
+    @media screen and ($pc-query) {
+      width: 100%;
+      max-width: $content-width;
+      padding-inline: $side-padding;
+      margin-inline: auto;
+
+      > a {
+        width: fit-content;
+        padding-inline: 2rem;
+        border-radius: 3rem;
+
+        &::before {
+          background-position: 30% 55%;
+          background-size: 20rem;
+        }
+      }
+    }
+  }
+
   .news {
     display: grid;
     grid-template-rows: max-content 1fr;

From 39cb36108c0bdeeccce15a9b109f6cbd7302b50e Mon Sep 17 00:00:00 2001
From: OKAMOTO Shigehiro <primary@goahi.live>
Date: Sun, 26 May 2024 23:21:31 +0900
Subject: [PATCH 3/3] move SOS link to a component and remove from index

---
 src/components/SOSLink.astro | 60 ++++++++++++++++++++++++++++++++++++
 src/pages/index.astro        | 58 ----------------------------------
 2 files changed, 60 insertions(+), 58 deletions(-)
 create mode 100644 src/components/SOSLink.astro

diff --git a/src/components/SOSLink.astro b/src/components/SOSLink.astro
new file mode 100644
index 0000000..e78f409
--- /dev/null
+++ b/src/components/SOSLink.astro
@@ -0,0 +1,60 @@
+<div class="to-sos">
+  <a href="https://entry.sohosai.com/"><span>雙峰祭企画応募者はこちら</span></a>
+</div>
+
+<style lang="scss">
+  .to-sos {
+    padding-block: 2rem;
+
+    > a {
+      position: relative;
+      z-index: 0;
+      display: block;
+      padding-block: 1.5rem;
+      overflow: hidden;
+      font-size: 1.25rem;
+      font-weight: 600;
+      color: white;
+      text-align: center;
+      text-decoration: none;
+      background-color: $orange;
+
+      &::before {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 200;
+        width: 100%;
+        height: 100%;
+        content: "";
+        background-image: url("./sos-sopo.png");
+        background-repeat: no-repeat;
+        background-position: 30% 55%;
+        background-size: 25rem;
+        opacity: 0.3;
+      }
+
+      > span {
+        position: relative;
+        z-index: 300;
+      }
+    }
+    @media screen and ($pc-query) {
+      width: 100%;
+      max-width: $content-width;
+      padding-inline: $side-padding;
+      margin-inline: auto;
+
+      > a {
+        width: fit-content;
+        padding-inline: 2rem;
+        border-radius: 3rem;
+
+        &::before {
+          background-position: 30% 55%;
+          background-size: 20rem;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 01df714..398c56f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -48,9 +48,6 @@ const xAccountURL = "https://twitter.com/" + SOPOTAN_TWITTER_ID.replace("@", "")
 ---
 
 <TopLayout>
-  <div class="to-sos">
-    <a href="https://entry.sohosai.com/"><span>雙峰祭企画応募者はこちら</span></a>
-  </div>
   <Container>
     <section>
       <h2>{t("top.お知らせ")}</h2>
@@ -96,61 +93,6 @@ const xAccountURL = "https://twitter.com/" + SOPOTAN_TWITTER_ID.replace("@", "")
 </TopLayout>
 
 <style lang="scss">
-  .to-sos {
-    padding-block: 2rem;
-
-    > a {
-      position: relative;
-      z-index: 0;
-      display: block;
-      padding-block: 1.5rem;
-      overflow: hidden;
-      font-size: 1.25rem;
-      font-weight: 600;
-      color: white;
-      text-align: center;
-      text-decoration: none;
-      background-color: $orange;
-
-      &::before {
-        position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 200;
-        width: 100%;
-        height: 100%;
-        content: "";
-        background-image: url("./sos-sopo.png");
-        background-repeat: no-repeat;
-        background-position: 30% 55%;
-        background-size: 25rem;
-        opacity: 0.3;
-      }
-
-      > span {
-        position: relative;
-        z-index: 300;
-      }
-    }
-    @media screen and ($pc-query) {
-      width: 100%;
-      max-width: $content-width;
-      padding-inline: $side-padding;
-      margin-inline: auto;
-
-      > a {
-        width: fit-content;
-        padding-inline: 2rem;
-        border-radius: 3rem;
-
-        &::before {
-          background-position: 30% 55%;
-          background-size: 20rem;
-        }
-      }
-    }
-  }
-
   .news {
     display: grid;
     grid-template-rows: max-content 1fr;