add sticker pack

apernet · Jun 15, 2024 · 9c63458 · 9c63458
1 parent 837d416
commit 9c63458
Show file tree

Hide file tree

Showing 4 changed files with 84 additions and 0 deletions.
diff --git a/docs/assets/artworks/stickerpack.png b/docs/assets/artworks/stickerpack.png
diff --git a/docs/docs/Artworks.md b/docs/docs/Artworks.md
@@ -7,6 +7,21 @@ hide:
 
 ## ✨ Meet Ayaha Hideri, the official anime mascot of Hysteria ⚡️
 
+<div class="spcard">
+    <img class="skip-lightbox" src="/assets/artworks/stickerpack.png" alt="Sticker pack">
+    <div class="spcard-content">
+        <p class="spcard-title">Our official sticker pack just dropped!</p>
+        <p class="spcard-text">Ayaha Hideri is not only here to help you bypass firewalls, but also to bring some major cute vibes to your chat.</p>
+        <div class="spbutton-container">
+            <a class="spbutton" href="https://t.me/addstickers/Hideri1CN">Telegram CN</a>
+            <a class="spbutton" href="https://t.me/addstickers/Hideri1NT">Telegram No Text</a>
+            <a class="spbutton" href="https://signal.art/addstickers/#pack_id=78143270530d3bef35ea1f52869ddc12&pack_key=f1c16e15139224306d19cf1db5c0b2a4867c802984bde12500434b0680db4c6f">Signal CN</a>
+            <a class="spbutton" href="https://signal.art/addstickers/#pack_id=47002595b4e5b320f52cdb166c18d324&pack_key=4db2065027244eebe81f1e8d437d6c9fa9813c1d6b27ce3a16b5c30c450a7377">Signal No Text</a>
+            <a class="spbutton" href="https://github.com/apernet/hysteria-hideri-stickers">Source</a>
+        </div>
+    </div>
+</div>
+
 ### Official artworks
 
 <div class="artworks-gal">

diff --git a/docs/docs/Artworks.zh.md b/docs/docs/Artworks.zh.md
@@ -7,6 +7,21 @@ hide:
 
 ## ✨ 彩羽ひでり - Hysteria 官方形象 ⚡️
 
+<div class="spcard">
+    <img class="skip-lightbox" src="/assets/artworks/stickerpack.png" alt="Sticker pack">
+    <div class="spcard-content">
+        <p class="spcard-title">表情包第一弹来袭！</p>
+        <p class="spcard-text">彩羽ひでり能带你飞越长城，也能为聊天增添可爱。</p>
+        <div class="spbutton-container">
+            <a class="spbutton" href="https://t.me/addstickers/Hideri1CN">Telegram 中文版</a>
+            <a class="spbutton" href="https://t.me/addstickers/Hideri1NT">Telegram 无字版</a>
+            <a class="spbutton" href="https://signal.art/addstickers/#pack_id=78143270530d3bef35ea1f52869ddc12&pack_key=f1c16e15139224306d19cf1db5c0b2a4867c802984bde12500434b0680db4c6f">Signal 中文版</a>
+            <a class="spbutton" href="https://signal.art/addstickers/#pack_id=47002595b4e5b320f52cdb166c18d324&pack_key=4db2065027244eebe81f1e8d437d6c9fa9813c1d6b27ce3a16b5c30c450a7377">Signal 无字版</a>
+            <a class="spbutton" href="https://github.com/apernet/hysteria-hideri-stickers">图片文件</a>
+        </div>
+    </div>
+</div>
+
 ### 官方作品
 
 <div class="artworks-gal">

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -92,3 +92,57 @@
   border-radius: 5px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
 }
+
+.spcard {
+  display: flex;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
+  border-radius: 5px;
+  overflow: hidden;
+  margin-bottom: 20px;
+  flex-direction: row;
+}
+.spcard img {
+  width: 250px;
+  height: 250px;
+  object-fit: cover;
+}
+.spcard-content {
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.spcard-title {
+  font-size: 24px;
+  margin: 0 0 10px;
+}
+.spcard-text {
+  font-size: 16px;
+  margin: 0 0 10px;
+}
+@media (max-width: 800px) {
+  .spcard {
+    flex-direction: column;
+    text-align: center;
+  }
+  .spcard img {
+    align-self: center;
+    max-width: 250px;
+    height: auto;
+  }
+  .spcard-content {
+    padding: 20px;
+  }
+}
+
+.spbutton {
+  display: inline-block;
+  padding: 10px 20px;
+  margin: 2px 0;
+  font-size: 16px;
+  background-color: #bbd1ea;
+  text-align: center;
+  text-decoration: none;
+  border-radius: 5px;
+  transition: background-color 0.3s;
+}