Revamp ACM-W Website with Updated Events Calendar and Enhanced Home Page (#7)

* Initial commit

* initial setup (#1)

* Setup (#2)

* initial setup

* update readme

* Updated README.md (#3)

* fix team page (#5)

* fix: removed duplicate events from events page (#6)

* Hardcoded events, members for sample website

* changes

* index

* update

* padding

* 0

* Added google calendar, edited events and team pages

* Modified eventsPage to display past events in reverse chronological order

* Updated deprecated version of actions,cache to v3

* Updated all deprecated actions

* Added date to Event CardInterface

* Removed unused script

* Modified logo image files

* Added spreadsheet ranges

---------

Co-authored-by: Arsh Malik <[email protected]>
Co-authored-by: veronicasalas <[email protected]>
Co-authored-by: Snigdha Kansal <[email protected]>
Co-authored-by: Kevin Duong <[email protected]>
Co-authored-by: Iris Li <[email protected]>

Author: 6 people

.env.example

@@ -13,15 +13,15 @@ jobs:
 
     steps:
       - name: Checkout Git repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: '**/node_modules'
           key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}

.github/workflows/build.yml

@@ -8,10 +8,10 @@ jobs:
 
     steps:
       - name: Checkout Git repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: '**/node_modules'
           key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}

.github/workflows/lint.yml

@@ -6,6 +6,7 @@ interface CardInterface {
   header: string;
   body: string;
   time: string;
+  date: string;
   img: string;
 }
 function EventCard({ header, body, time, img }: CardInterface) {

components/EventCard.tsx

@@ -47,7 +47,7 @@ const Footer = () => {
               <a>
                 <Image
                   src={committeeData[0].logoLink}
-                  width={100}
+                  width={120}
                   height={40}
                   alt="Logo"
                 />

components/Footer.tsx

@@ -1,6 +1,5 @@
 import Head from 'next/head';
 import React from 'react';
-import Footer from './Footer';
 import Navbar from './Navbar';
 
 interface LayoutProps {
@@ -22,7 +21,6 @@ export default function MainLayout(props: LayoutProps) {
       </Head>
       <Navbar />
       <main>{props.children}</main>
-      <Footer />
     </>
   );
 }

components/MainLayout.tsx

@@ -2,6 +2,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import React, { useEffect, useState } from 'react';
 import { FaTimes, FaBars } from 'react-icons/fa';
+import wlogo from '../public/wlogo.webp';
 import styles from '../styles/Navbar.module.scss';
 
 interface CommitteeData {
@@ -45,9 +46,9 @@ const Navbar = () => {
             <Link href="/">
               <a className="force-child-display-block">
                 <Image
-                  src={committeeData[0].logoLink}
-                  width={106}
-                  height={40}
+                  src={wlogo}
+                  width={150}
+                  height={80}
                   alt="Open Source at ACM Home"
                 />
               </a>
@@ -60,7 +61,7 @@ const Navbar = () => {
             >
               <li>
                 <Link href="/teamPage">
-                  <a>Team</a>
+                  <a className={styles['nav-item-list']}>Team</a>
                 </Link>
               </li>
               <li>