✨ About & Recruitment

public/admin/.gitignore

@@ -1,2 +0,0 @@
-index.html
-assets/

src/assets/fonts/fonts.css

@@ -1,5 +1,5 @@
 :root {
-  --bs-body-font-family: "IBM Plex Serif", "Noto Serif SC", sans-serif !important;
+  --bs-body-font-family: "IBM Plex Sans", "Noto Serif SC", sans-serif !important;
 }
 
 html,
@@ -7,130 +7,130 @@ body {
   font-family: var(--bs-body-font-family);
 }
 
-/* ibm-plex-serif-100 - latin */
+/* ibm-plex-sans-100 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 100;
-  src: url("./ibm-plex-serif-v19-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-100italic - latin */
+/* ibm-plex-sans-100italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: italic;
   font-weight: 100;
-  src: url("./ibm-plex-serif-v19-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-200 - latin */
+/* ibm-plex-sans-200 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 200;
-  src: url("./ibm-plex-serif-v19-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-200italic - latin */
+/* ibm-plex-sans-200italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: italic;
   font-weight: 200;
-  src: url("./ibm-plex-serif-v19-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-300 - latin */
+/* ibm-plex-sans-300 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 300;
-  src: url("./ibm-plex-serif-v19-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-300italic - latin */
+/* ibm-plex-sans-300italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: italic;
   font-weight: 300;
-  src: url("./ibm-plex-serif-v19-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-regular - latin */
+/* ibm-plex-sans-regular - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 400;
-  src: url("./ibm-plex-serif-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-italic - latin */
+/* ibm-plex-sans-italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: italic;
   font-weight: 400;
-  src: url("./ibm-plex-serif-v19-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-500 - latin */
+/* ibm-plex-sans-500 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 500;
-  src: url("./ibm-plex-serif-v19-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-500italic - latin */
+/* ibm-plex-sans-500italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: italic;
   font-weight: 500;
-  src: url("./ibm-plex-serif-v19-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-600 - latin */
+/* ibm-plex-sans-600 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 600;
-  src: url("./ibm-plex-serif-v19-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-600italic - latin */
+/* ibm-plex-sans-600italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: italic;
   font-weight: 600;
-  src: url("./ibm-plex-serif-v19-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-700 - latin */
+/* ibm-plex-sans-700 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: normal;
   font-weight: 700;
-  src: url("./ibm-plex-serif-v19-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
-/* ibm-plex-serif-700italic - latin */
+/* ibm-plex-sans-700italic - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
-  font-family: "IBM Plex Serif";
+  font-family: "IBM Plex Sans";
   font-style: italic;
   font-weight: 700;
-  src: url("./ibm-plex-serif-v19-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  src: url("./ibm-plex-sans-v19-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 
 /* noto-serif-sc-200 - chinese-simplified */

src/components/Footer.astro

@@ -9,9 +9,9 @@
     </nav>
     <nav>
       <h6 class="footer-title">工作室</h6>
-      <a class="link link-hover">关于我们</a>
-      <a class="link link-hover">联系方式</a>
-      <a class="link link-hover">招才纳贤</a>
+      <a class="link link-hover" href="/about/us">关于我们</a>
+      <a class="link link-hover" href="/about/contact">联系方式</a>
+      <a class="link link-hover" href="/recruitment">招才纳贤</a>
     </nav>
     <nav>
       <h6 class="footer-title">法律</h6>
@@ -33,14 +33,14 @@
     </aside>
     <nav class="md:place-self-center md:justify-self-end">
       <div class="grid grid-flow-col gap-4">
-        <a href="https://github.com/LittleSheep2Code" target="_blank">
+        <a href="https://github.com/LittleSheep2Code" target="_blank" class="fill-base-content">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 496 512">
             <path
               d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
             ></path>
           </svg>
         </a>
-        <a href="https://twitter.com/littlesheepovo" target="_blank">
+        <a href="https://twitter.com/littlesheepovo" target="_blank" class="fill-base-content">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512">
             <path d="M459.4 151.7c.3 4.5 .3 9.1 .3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53 51.7 63.7 129.3 105.3 216.4 109.8-1.6-7.8-2.6-15.9-2.6-24 0-57.8 46.8-104.9 104.9-104.9 30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3z"/>
           </svg>

src/pages/about/contact.astro

@@ -0,0 +1,29 @@
+---
+import PageLayout from "../../layouts/PageLayout.astro";
+---
+
+<PageLayout title="联系方式">
+  <article class="prose mx-auto py-28">
+    <h1>联系方式</h1>
+
+    <p>
+      为了防止爬虫找到我们的联系方式，我们借助赛博门神 Cloudflare 实现了面对爬虫时我们的联系方式会被 mask
+      掉。想不到吧小爬虫们～
+    </p>
+
+    <blockquote>
+      所以如果你看到的也是乱码，换个好点的有独立互联网地址的代理吧。或是关掉吧，Cloudflare 又没被墙。
+    </blockquote>
+
+    <p>
+      <span>我们主要提供一个方式联系我们，便是我们工作室的电邮地址</span>
+      <i>其实你直接联系小羊也一样的</i>
+    </p>
+
+    <address>alphabot@smartsheep.studio</address>
+
+    <p>そうなんです～ 当スタジオのメールアドレスは、 「アルファボット」のものです☆～</p>
+
+    <p>上記は当社のメールアドレスですので、ご協力、またはカスタマーサービスサポートを受けることを歓迎します。</p>
+  </article>
+</PageLayout>

src/pages/about/us.astro

@@ -0,0 +1,39 @@
+---
+import PageLayout from "../../layouts/PageLayout.astro";
+---
+
+<PageLayout title="关于我们">
+  <article class="prose mx-auto py-28">
+    <h1>关于我们</h1>
+
+    <p>我们是一个名义上的工作室，实质上就是个人自娱自乐的名号罢了。我们可以用一段代码来介绍我们。</p>
+
+    <pre>console.log(undefined)</pre>
+
+    <p>按下 F12，把这段代码复制到你的控制台，这便是我们的所有信息了。</p>
+
+    <h2>关于语言</h2>
+
+    <p>
+      不过我们可以补充一点，关于语言的使用问题。由于我们的 Founder 也是我们唯一的成员是土生土长的华人，所以我们根据 50%
+      原则，汉语变成为我们的母语。而跟着国际化的目标，我们的第二母语便不变的成为英语。
+    </p>
+
+    <p>
+      目前，除了我们 Capital 官网项目，其他的产品皆根据我们国际化原则初版使用英语。在未来增加其他多语言的支持，并且
+      Simplified Chinese 简体中文为我们本地化清单上的第一项。
+    </p>
+
+    <h2>成员列表</h2>
+
+    <div role="alert" class="alert alert-error">
+      <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
+      </svg>
+      <div>
+        <span>Record Not Found</span> <br>
+        <i class="opacity-80">This is a feature, not a bug.</i>
+      </div>
+    </div>
+  </article>
+</PageLayout>

src/pages/legal/community-guidelines.astro

@@ -8,7 +8,7 @@ const updatedAt = new Date("2024-02-15T07:37:11.631Z");
   <article class="prose mx-auto py-28">
     <h1>Goatworks Community Guidelines</h1>
 
-    <p>Last Updated: {updatedAt.toLocaleString()}</p>
+    <p>Last updated at {updatedAt.toLocaleString()}</p>
 
     <p>
       Welcome to our community! We are committed to fostering an open, friendly, and respectful environment to

src/pages/legal/privacy-policy.astro

@@ -8,7 +8,7 @@ const updatedAt = new Date("2024-02-15T07:37:11.631Z");
   <article class="prose mx-auto py-28">
     <h1>Privacy Policy</h1>
 
-    <p>Last Updated: {updatedAt.toLocaleString()}</p>
+    <p>Last updated at {updatedAt.toLocaleString()}</p>
 
     <p>
       SmartSheep Studio (referred to as "we," "our," or "the Studio") respects and protects your personal

src/pages/legal/user-agreement.astro

@@ -8,7 +8,7 @@ const updatedAt = new Date("2024-02-15T07:37:11.631Z");
   <article class="prose mx-auto py-28">
     <h1>User Agreement</h1>
 
-    <p>Last Updated: {updatedAt.toLocaleString()}</p>
+    <p>Last updated at {updatedAt.toLocaleString()}</p>
 
     <p>
       Please read this user agreement carefully before using our product/service. By using our product/service, you

src/pages/posts/index.astro

@@ -21,6 +21,8 @@ const posts = (await response.json())["data"];
       <p class="pt-2">记录生活，记录理想，记录记录……</p>
     </div>
 
-    <PostList posts={posts} />
+    <div class="pb-12">
+      <PostList posts={posts} />
+    </div>
   </div>
 </PageLayout>

src/pages/recruitment.astro

@@ -0,0 +1,37 @@
+---
+import PageLayout from "../layouts/PageLayout.astro";
+---
+
+<PageLayout title="招贤纳士">
+  <article class="prose mx-auto py-28">
+    <h1>招贤纳士</h1>
+
+    <p>現在、弊社では新規メンバーの募集は行っておりませんし、採用の予定もございません。</p>
+
+    <p>
+      Si desea unirse a nuestro estudio y contribuir a la industria del código abierto, le recomendamos que envíe una
+      solicitud de extracción directamente a nuestro proyecto.
+    </p>
+
+    <p>
+      Unser Mie Repo ermöglicht es jedem Benutzer mit Goatpass, das Repository zu forken und Commits und Pull Requests
+      zu erstellen.
+    </p>
+
+    <p>
+      Однако, если вы действительно хотите стать частью нас, вы можете попытаться получить наш флаг набора, выполнив
+      следующие испытания.
+    </p>
+
+    <pre>RG9pIHNlIG5hyJl0ZSwgZG9pIHNlIG5hyJl0ZSB0cmVpLCB0cmVpIHNlIG5hyJl0ZSB0b2F0ZSBsdWNydXJpbGU</pre>
+
+    <p>
+      ಮೇಲಿನ ಸ್ಪಷ್ಟ ಪಠ್ಯವನ್ನು ಯಾವುದೇ ವಿಧಾನದಿಂದ ಪಡೆಯಿರಿ ಮತ್ತು ಅದನ್ನು ಮತ್ತು ನಿಮ್ಮ ರೆಸ್ಯೂಮ್ ಅನ್ನು ನಮ್ಮ ಆಲ್ಫಾಬಾಟ್ ಇಮೇಲ್‌ಗೆ
+      ಕಳುಹಿಸಿ.
+    </p>
+
+    <p>
+        Bientôt, un de nos spécialistes vous contactera!
+    </p>
+  </article>
+</PageLayout>

src/scripts/consts.ts

@@ -1,5 +0,0 @@
-export const POST_TYPES: { [id: string]: string } = {
-  article: "文章",
-  podcast: "播客",
-  announcements: "通告",
-};

src/scripts/requests.ts

@@ -1,14 +0,0 @@
-const defaultCms = "https://smartsheep.studio";
-
-export async function graphQuery(query: string, variables: any) {
-  const response = await fetch(`${process.env.PUBLIC_CMS ?? defaultCms}/api/graphql`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      query,
-      variables,
-    }),
-  });
-
-  return await response.json();
-}