Feat: Add AnnouncementBar (#513)

AnnouncementBar is not yet enabled. This commit includes the styles for AnnouncementBar.

There are other minor updates:

- Dependencies upgrade
- Updated authors.yml
- Upgrade yarn version to 3.6.3. Fixes Netlify.

Author: qwerzl

.yarn/releases/yarn-3.6.3.cjs

@@ -1,16 +1,2 @@
-packageExtensions:
-  "@docusaurus/module-type-aliases@*":
-    dependencies:
-      "@docusaurus/react-loadable": ^5.5.2
-      react-loadable: "npm:@docusaurus/react-loadable@^5.5.2"
-  "@docusaurus/theme-classic@*":
-    dependencies:
-      utility-types: ^3.10.0
-  "@docusaurus/theme-common@*":
-    dependencies:
-      history: ^4.9.0
-  "@docusaurus/types@*":
-    dependencies:
-      history: ^4.9.0
 
-yarnPath: .yarn/releases/yarn-3.2.1.cjs
+yarnPath: .yarn/releases/yarn-3.6.3.cjs

.yarnrc.yml

@@ -13,3 +13,8 @@ alex-gu:
   title: 2023 届算法小组成员
   url: https://github.com/phoeniiix1203
   image_url: https://github.com/phoeniiix1203.png
+qwerzl:
+  name: qwerzl
+  title: 信息化社 2024 届社长
+  url: https://github.com/qwerzl
+  image_url: https://github.com/qwerzl.png

blog/authors.yml

@@ -24,13 +24,22 @@ module.exports = {
   },
   plugins: ["alumni"],
   themeConfig: {
+    // announcementBar: {
+    //  id: 'support_us',
+    //  content:
+    //    '<b>🎉 C社2023届开始招新啦</b>！ <a target="_blank" rel="noopener noreferrer" href="#">了解更多</a>',
+    //  backgroundColor: '#22292f',
+    //  textColor: '#FFFFFF',
+    //  isCloseable: false,
+    // },
     navbar: {
       title: "世外信息化社",
       logo: {
         alt: "Computerization Logo",
         src: "img/logo.svg",
         srcDark: "img/logo.svg",
       },
+
       items: [
         { to: "alumni", label: "往届成员", position: "left" },
         { to: "docs/about-us", label: "文档", position: "left" },

docusaurus.config.js

@@ -19,9 +19,9 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.21",
-    "@docusaurus/preset-classic": "2.0.0-beta.21",
-    "@docusaurus/theme-classic": "2.0.0-beta.21",
+    "@docusaurus/core": "latest",
+    "@docusaurus/preset-classic": "latest",
+    "@docusaurus/theme-classic": "latest",
     "@mdx-js/react": "1.6.22",
     "clsx": "1.1.1",
     "docusaurus-plugin-alumni": "0.0.0",
@@ -44,8 +44,8 @@
     ]
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.0.0-beta.21",
-    "@docusaurus/types": "2.0.0-beta.21",
+    "@docusaurus/module-type-aliases": "latest",
+    "@docusaurus/types": "latest",
     "@tsconfig/docusaurus": "1.0.5",
     "@types/node": "17.0.40",
     "@types/react": "18.0.12",

package.json

@@ -28,3 +28,15 @@
 html[data-theme="dark"] .docusaurus-highlight-code-line {
   background-color: rgb(28, 30, 37);
 }
+
+.content_node_modules-\@docusaurus-theme-classic-lib-theme-AnnouncementBar-Content-styles-module.announcementBarContent_node_modules-\@docusaurus-theme-classic-lib-theme-AnnouncementBar-styles-module {
+  padding-top: 7px;
+}
+
+.announcementBar_node_modules-\@docusaurus-theme-classic-lib-theme-AnnouncementBar-styles-module {
+  height: 40px !important;
+}
+
+.footer__logo {
+  width: 100px;
+}

src/css/custom.css

@@ -21,8 +21,8 @@
     "prettier": "2.6.2"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.0.0-beta.21",
-    "@docusaurus/types": "2.0.0-beta.21",
+    "@docusaurus/module-type-aliases": "latest",
+    "@docusaurus/types": "latest",
     "@types/fs-extra": "9.0.13",
     "@types/js-yaml": "4.0.5",
     "@types/node": "17.0.40",