feat: revamp website to use Astro

.devcontainer/devcontainer.json

@@ -0,0 +1,30 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
+{
+	"name": "ACM@UC Website Devcontainer",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm",
+	"features": {
+		"ghcr.io/devcontainers/features/github-cli:1": {}
+	},
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [
+		4321
+	],
+	// Use 'postCreateCommand' to run commands after the container is created.
+	"postCreateCommand": "yarn",
+	// Configure tool-specific properties.
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"astro-build.astro-vscode",
+				"dbaeumer.vscode-eslint",
+				"bradlc.vscode-tailwindcss"
+			]
+		}
+	}
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}

.gitattributes

@@ -0,0 +1,4 @@
+* text=auto
+
+/.yarn/release/** binary
+/.yarn/plugins/** binary

.github/workflows/astro.yml

@@ -0,0 +1,90 @@
+# Sample workflow for building and deploying an Astro site to GitHub Pages
+#
+# To get started with Astro see: https://docs.astro.build/en/getting-started/
+#
+name: Deploy Astro site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+env:
+  BUILD_PATH: "." # default value when not using subfolders
+  # BUILD_PATH: subfolder
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            echo "lockfile=yarn.lock" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
+            echo "lockfile=package-lock.json" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+          cache-dependency-path: ${{ env.BUILD_PATH }}/${{ steps.detect-package-manager.outputs.lockfile }}
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+        working-directory: ${{ env.BUILD_PATH }}
+      - name: Build with Astro
+        run: |
+          ${{ steps.detect-package-manager.outputs.runner }} astro build \
+            --site "${{ steps.pages.outputs.origin }}" \
+            --base "${{ steps.pages.outputs.base_path }}"
+        working-directory: ${{ env.BUILD_PATH }}
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ${{ env.BUILD_PATH }}/dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    needs: build
+    runs-on: ubuntu-latest
+    name: Deploy
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -1,7 +1,29 @@
-_site
-.jekyll-metadata
-*.css
+# build output
+dist/
+
+# generated types
+.astro
+
+# dependencies
+node_modules
+
+# logs
+yarn-debug.log
+yarn-error.log
+
+# environment
+.env
+
+# os/ide specific
 .DS_Store
-.sass-cache/
-.jekyll-cache
-node_modules
+.idea
+.vscode
+
+# yarn files (https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored)
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-4.9.4.cjs

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ACM@UC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,33 +1,62 @@
-# acmatuc.github.io
+# ACM@UC Website
 
-[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)
+The official ACM@UC Website, built with Astro, React, and Tailwind. By the
+community, for the community.
 
-# Getting started
+[View the website here!](https://acmatuc.org)
 
-## 1. Clone the repository
+## Contributing
 
-```bash
-git clone https://github.com/ACMatUC/acmatuc.github.io.git
-```
+If you're new to programming or computer science, try working in a Codespace!
+It's a batteries-included way to make your first contribution
 
-## 2. Install Ruby and Jekyll
+If you do have some experience, try cloning and working on the repository
+locally:
 
-Follow the instruction on the [Jekyll doc](https://jekyllrb.com/docs/installation/) to install Ruby and Jekyll for your specific OS. The current recommened Ruby version is 3.1.2
+### Fork the Repository
 
-## 3. Install other dependencies
+Before working on the repository, you'll likely need your own copy of it to
+contribute to. To do that, just click the 'Fork' button at the top of this page.
 
-```bash
-gem install bundler
-bundle install
-```
+Once you've made your contribution, you can open a pull request.
+
+### Cloning the Repository
 
-## 4. Run site
+Open the terminal (Control+\` in Visual Studio Code, `cmd` on Windows, or
+`Terminal.app` on macOS)
 
 ```bash
-jekyll serve
-# or "bundle exec jekyll serve" if the above not working
+git clone https://github.com/ACMatUC/acmatuc.github.io.git
+# or, with the GitHub CLI
+gh clone ACMatUC/acmatuc.github.io
 ```
 
-# Adding yourself as a member?
+> [!INFO] What is Git? What is `gh`?
+> Git is a version control system, allowing you to keep a history of your
+> project as you go along.
+> It's **highly recommended** you use version control for all of your projects!
+>
+> `gh` is the GitHub CLI (command-line interface), it makes working with GitHub
+> specifically easier from the terminal.
+
+### Install `node`, `yarn` and dependencies
+
+Node.JS is a JavaScript runtime that targets servers, so it's used for hosting
+the website. You can install it at
+[`nodejs.org`](https://nodejs.org/en/download). Select `with Yarn` (along with
+your platform, Windows, macOS, or Linux), and copy-paste the given script to your
+command prompt.
+
+Once that's done, open the repository in your favorite code editor
+([Visual Studio Code](https://code.visualstudio.com) is a popular choice),
+open the terminal (for Visual Studio Code, press Control+\`) and run `yarn` to
+install dependencies. Once that completes, you can run `yarn dev` and you'll
+have the website running on your computer!
+
+## Adding yourself to the Members page
+
+If you've attended at least 2 ACM@UC general body meetings, congratulations!
+You're a member! You can add yourself to the members directory.
 
-Visit the [data](_data/) directory for instructions on adding yourself as an ACM member! You'll be accepted once you've attended two meeting in an academic year.
+Follow the above instructions for cloning the repository, then see
+[the README in the `members` folder](./src/members/README.md)