Move alumni function to its own plugin (#426)

* Implement plugin

* Fix CI

* Fix broken link

* Fix name

* Complete translations

* Update documentation

Author: Josh-Cena

.circleci/config.yml

@@ -37,7 +37,7 @@ jobs:
             - yarn-packages-v1-
       - run:
           name: Install dependencies
-          command: yarn install || true # Temporary until TS errors are fixed in docusaurus
+          command: yarn install
       - save_cache:
           paths:
             - ~/.cache/yarn

.eslintignore

@@ -1,9 +1,9 @@
 # dependencies
-/node_modules
-/static/katex
+node_modules
 
 # production
-/build
+build
+lib
 
 # generated files
 .docusaurus

.eslintrc.js

@@ -5,7 +5,6 @@ module.exports = {
   },
   extends: [
     'airbnb',
-    'prettier',
     'plugin:react/recommended',
     'plugin:@typescript-eslint/recommended',
   ],
@@ -21,9 +20,8 @@ module.exports = {
     ecmaVersion: 2018,
     sourceType: 'module',
   },
-  plugins: ['prettier', 'react', 'react-hooks', '@typescript-eslint'],
+  plugins: ['react', 'react-hooks', '@typescript-eslint'],
   rules: {
-    'prettier/prettier': 'error',
     // Allow JSX appearance in files with these extensions
     'react/jsx-filename-extension': [
       'error',
@@ -39,9 +37,17 @@ module.exports = {
         ignore: ['^@theme', '^@docusaurus'],
       },
     ],
+    'import/no-duplicates': 'off',
     // These are deemed unnecessary
     'react/jsx-one-expression-per-line': 'off',
     'import/extensions': 'off',
+    'react/jsx-closing-bracket-location': [
+      'error',
+      { nonEmpty: 'after-props', selfClosing: 'line-aligned' },
+    ],
+    'react/jsx-props-no-spreading': 'off',
+    // Conflicts with Prettier
+    'object-curly-newline': 'off',
   },
   settings: {
     'import/resolver': {

.gitignore

@@ -1,8 +1,9 @@
 # dependencies
-/node_modules
+node_modules
 
 # production
-/build
+build
+lib
 
 # generated files
 .docusaurus

.prettierignore

@@ -1,9 +1,9 @@
 # dependencies
-/node_modules
-/static/katex
+node_modules
 
 # production
-/build
+build
+lib
 
 # generated files
 .docusaurus

.prettierrc

@@ -2,6 +2,7 @@
   "printWidth": 80,
   "tabWidth": 2,
   "useTabs": false,
+  "trailingComma": "all",
   "semi": true,
   "singleQuote": true,
   "jsxBracketSameLine": true

README.md

@@ -61,12 +61,14 @@ You may want to read the [Docusaurus v2 documentation](https://docusaurus.io/) b
 .
 ├── .circleci
 │       # Configuration file for Continuous Integration & Testing
-├── .dependabot
-│       # Configuration file for auto-bumping dependencies
 ├── .github
 │       # GitHub workflows to run checks on commit / pull request
 ├── .husky
 │       # The pre-commit hook script run by husky; used for linting
+├── .yarn
+│       # The vendored version of yarn (berry)
+├── alumni
+│       # The alumni data file, used by our own docusaurus-plugin-alumni
 ├── blog
 │       # Markdown files for blog contents
 │       # Refer to https://docusaurus.io/docs/blog#adding-posts for help
@@ -79,19 +81,36 @@ You may want to read the [Docusaurus v2 documentation](https://docusaurus.io/) b
 │   │   # Internationalization support
 │   └── en
 │       │   # All data needed for the English translation
+│       ├── docusaurus-plugin-alumni
+│       │       # The translated alumni data file
 │       ├── docusaurus-plugin-content-blog
-│       │       # All blog pages translated in English; for best tracking, the directory structure should be the same as /blog/
+│       │       # All blog pages translated in English; for maintenance purposes, the directory structure should be the same as /blog/
 │       ├── docusaurus-plugin-content-docs
-│       │       # All docs pages translated in English; for best tracking, the directory structure should be the same as /docs/
+│       │       # All docs pages translated in English; for maintenance purposes, the directory structure should be the same as /docs/
 │       └── docusaurus-theme-classic
-│               # Json files providing translation to the navbar and footer
+│               # JSON files providing translation to the navbar and footer
 ├── node_modules
 │       # Stores the dependency files installed by `yarn`
 │       # Required for testing & deploying
+├── plugins
+│   └── docusaurus-plugin-alumni
+│       │   # Our custom plugin that renders the alumni data to the /alumni route
+│       ├── lib
+│       │       # Compiler output after running `yarn build`
+│       └── src
+│           │   # Source code of the plugin
+│           └── theme
+│               ├── AlumniPage
+│               │     # The root component (page layout) used at the /alumni route
+│               ├── AlumniTimeline
+|               |     # The main component to render the alumni timeline
+│               ├── MemberCard
+|               |     # Each alumni's card
+│               ├── Members
+|               |     # The series of cards within each "class of"
+│               └── icons
+|                     # SVG icons, e.g. LinkedIn, website
 ├── src
-│   │   # All pages except those in docs or blog goes here
-│   ├── components
-│   │       # React components that are reused
 │   ├── css
 │   │       # Global CSS files for theming
 │   │       # (though most of the CSS are written at the component-level)

alumni/alumni.yml

@@ -0,0 +1,104 @@
+# This file keeps track of all alumni listed in the alumni page.
+#
+# It is used strictly for building the alumni network for WFLA Computerization Club
+# and has received consent for publishing these information on our website.
+#
+# However, we do appreciate if you ask for consent from these people
+# first, before re-using their personal information elsewhere.
+
+- classOf: 2020
+  members:
+    - name: 舒烨
+      image: https://avatars3.githubusercontent.com/u/49149993
+      bio: Williams College '24, Interested in information security, network, and Linux kernel
+      links:
+        website: https://blog.shuye.dev/
+        github: https://github.com/yechs
+        linkedin: https://www.linkedin.com/in/yechs/
+      favoredLink: github
+- classOf: 2019
+  members:
+    - name: 仲宇辰
+      image: /img/alumni/Yuchen_Zhong.jpg
+      bio: ex-OIer / UTSG Math+CS 23'
+      links:
+        website: https://davidzyc.github.io/
+        github: https://github.com/davidzyc
+      favoredLink: github
+    - name: 甘佳旻
+      image: /img/alumni/Jimmy_Gan.jpg
+      bio: |
+        Rochester 2023 | Intended ECE & CS double major | Currently working on Hardware Security, Side-channel Attack
+      links:
+        email: mailto:jimmygan1012@gmail.com
+      favoredLink: email
+- classOf: 2018
+  members:
+    - name: 杨雨笛
+      image: /img/alumni/Yudi_Yang.jpg
+      bio: UR MATH+CS 22'
+      links:
+        github: https://github.com/2000jedi
+      favoredLink: github
+    - name: 顾贝妮
+      image: /img/alumni/Rachel_Gu.png
+      bio: |
+        UPenn Engineering '2022, Digital Media Design, Interest: Computer Graphics, Interactive Technologies, CG generalist
+      links:
+        email: mailto:gubeini@seas.upenn.edu
+      favoredLink: email
+    - name: 张扬
+      image: /img/alumni/Eric_Zhang.jpg
+      bio: NYU, Math & CS double major
+      links:
+        email: mailto:yz4801@nyu.edu
+      favoredLink: email
+- classOf: 2017
+  members:
+    - name: 周天祎
+      image: https://avatars3.githubusercontent.com/u/4290500
+      bio: Facebook SWE Intern | Cornell Engineering '21
+      links:
+        website: https://developersam.com
+        github: https://github.com/SamChou19815
+        linkedin: https://www.linkedin.com/in/sam-zhou-30b91610b/
+      favoredLink: website
+    - name: 张秦子
+      image: /img/alumni/Qinzi_Zhang.jpg
+      bio: |
+        Boston College, Math (+CS Phys minor) | Interest: Applied Math, Analysis; Distributed System, Machine Learning
+      links:
+        email: mailto:zhangbcu@bc.edu
+      favoredLink: email
+    - name: Sam Hu
+      bio: Brandeis / CoSi & Math Major
+      links:
+        email: mailto:huruiyangsam@gmail.com
+      favoredLink: email
+    - name: Tim Zhu H.Maru
+      image: /img/alumni/Tim_Zhu.jpg
+      bio: |
+        Psychology / Philosophy | Interest: Positive Psychology; Self-help (and its discontents); Piano Performing and Arrangement
+      links:
+        email: mailto:hmaru8088@gmail.com
+      favoredLink: email
+- classOf: 2016
+  members:
+    - name: 杜佳梦
+      image: /img/alumni/Jiameng_Du.jpg
+      bio: CMU ECE+CS Class of 2020
+      links:
+        linkedin: https://www.linkedin.com/in/jiameng-lily-du/
+      favoredLink: linkedin
+    - name: 昂国昊
+      image: /img/alumni/Guohao_Ang.jpg
+      bio: UCB CS+Applied Math Class of 2020 / Googler
+      links:
+        linkedin: https://www.linkedin.com/in/guohao-ang-b35a32118/
+      favoredLink: linkedin
+    - name: 杨霁初
+      image: /img/alumni/Jichu_Yang.jpg
+      bio: Duke 2020'
+      links:
+        website: https://benjester.github.io/
+      favoredLink: website

docs/activities.md

@@ -16,4 +16,4 @@ license: Creative Commons Attribution 4.0 International License
 
 我们还承办各类学校内的社团信息化工作，比如我们曾为 Techomedia 联合主办的[THE Hack 创客马拉松 ](https://thehack.org.cn)提供技术支持，主要工作为负责各类功能性网站的编写，比如选手报名平台、[选手提问平台](https://github.com/hackinit/helpq)、[硬件预约/追踪平台](https://github.com/hackinit/cog)等等。
 
-目前正处于 [Enspire](enspire/what-is-enspire) 平台的开发初期，我们也不定时地会从学生会或者校内老师那里获得一些新功能需求，这个时候可能会短期内进行比较高强度的开发。
+目前正处于 [Enspire](./enspire/what-is-enspire.md) 平台的开发初期，我们也不定时地会从学生会或者校内老师那里获得一些新功能需求，这个时候可能会短期内进行比较高强度的开发。

docusaurus.config.js

@@ -24,6 +24,7 @@ module.exports = {
       },
     },
   },
+  plugins: ['docusaurus-plugin-alumni'],
   themeConfig: {
     navbar: {
       title: '世外信息化社',