Update recruitment announcement and poster for 2026-27

Author: ww12366

docusaurus.config.js

@@ -26,7 +26,7 @@ module.exports = async function createConfigAsync() {
       announcementBar: {
         id: "join_us",
         content:
-          '<b>🎉 C 社 2025-26 届开始招新啦</b>！ <a target="_blank" rel="noopener noreferrer" href="https://mp.weixin.qq.com/s/K-qGy7XPybCxq0WBl9DV0A"></a>',
+          '<b>🎉 C 社 2026-27 届开始招新啦</b>！ <a target="_blank" rel="noopener noreferrer" href="https://mp.weixin.qq.com/s/K-qGy7XPybCxq0WBl9DV0A"></a>',
         backgroundColor: "#22292f",
         textColor: "#FFFFFF",
         isCloseable: false,
@@ -113,15 +113,13 @@ module.exports = async function createConfigAsync() {
             sidebarPath: require.resolve("./sidebars.js"),
             remarkPlugins: [(await import("remark-math")).default],
             rehypePlugins: [
-              (await import("rehype-katex")).default,
-              { strict: false },
+              [(await import("rehype-katex")).default, { strict: false }],
             ],
           },
           blog: {
             remarkPlugins: [(await import("remark-math")).default],
             rehypePlugins: [
-              (await import("rehype-katex")).default,
-              { strict: false },
+              [(await import("rehype-katex")).default, { strict: false }],
             ],
           },
           theme: {

i18n/en/code.json

@@ -194,6 +194,9 @@
   "frontpage.sec2.item1": {
     "message": "Our homepage is officially here!"
   },
+  "frontpage.sec2.recruitment2026": {
+    "message": "Join Computerization for 2026–27!"
+  },
   "frontpage.sec2.item2": {
     "message": "C 社 2022 届开始招新，欢迎你的加入！"
   },

src/pages/index.tsx

@@ -24,9 +24,7 @@ const features = [
   {
     title: "算法竞赛",
     description: (
-      <Translate id="frontpage.sec1.item2">
-        备考 USACO - 算法 lecture
-      </Translate>
+      <Translate id="frontpage.sec1.item2">备考 USACO - 算法 lecture</Translate>
     ),
   },
   {
@@ -134,6 +132,22 @@ function Home(): JSX.Element {
                   </div>
                 </div>
               </div> */}
+              <div className="col col--6">
+                <div className={styles.card}>
+                  <h3 className={styles.header}>
+                    <Translate id="frontpage.sec2.recruitment2026">
+                      C 社 2026 届开始招新！
+                    </Translate>
+                  </h3>
+                  <div>
+                    <img
+                      style={{ maxWidth: "400px", width: "100%" }}
+                      alt="C 社 2026-27 届招新海报"
+                      src="/img/poster26.jpg"
+                    />
+                  </div>
+                </div>
+              </div>
               <div className="col col--6">
                 <div className={styles.card}>
                   <h3 className={styles.header}>
@@ -153,9 +167,7 @@ function Home(): JSX.Element {
               <div className="col col--6">
                 <div className={styles.card}>
                   <h3 className={styles.header}>
-                    <Translate id="frontpage.sec2.item2">
-                      2024-2025
-                    </Translate>
+                    <Translate id="frontpage.sec2.item2">2024-2025</Translate>
                   </h3>
                   <div>
                     <img
@@ -169,9 +181,7 @@ function Home(): JSX.Element {
               <div className="col col--6">
                 <div className={styles.card}>
                   <h3 className={styles.header}>
-                    <Translate id="frontpage.sec2.item2">
-                      2023-2024
-                    </Translate>
+                    <Translate id="frontpage.sec2.item2">2023-2024</Translate>
                   </h3>
                   <div>
                     <img