Merge branch 'revamp'

JustinMoua · JustinMoua · commit 59e0c0732652 · 2025-07-14T17:22:20.000-05:00
diff --git a/README.md b/README.md
@@ -138,7 +138,11 @@ OKStateACM.github.io
 |----📄next.config.mjs (This is a file that contains custom configuration settings for next.js.)
 </pre>
 
-# Deploying to Github.io/GitHub Pages
+<br/>
+<br/>
+<br/>
+
+# 🚀 Deploying to Github.io/GitHub Pages
 This project was deployed to Github.io by going to the settings of this repository, going to the "Code and automation" section and clicking on "Pages." The "Source" was set to "GitHub Actions" where a nextjs.yml file was suggested by Github to use. Deploying webapps will differ as time goes on given that the foundation of a webapp may change. 
 
 <br/>
diff --git a/public/images/officers/advisors/dr crick.png b/public/images/officers/advisors/dr crick.png
diff --git a/src/app/components/Footer.jsx b/src/app/components/Footer.jsx
@@ -24,7 +24,7 @@ export default function Footer() {
           <Image
             className="w-24 h-24 sm:w-100 sm:h-100"
             src="/images/logos/ACM at OKState Logo.png" //location of logo
-            alt="Next.js logo" //alt text of file
+            alt="The ACM at Oklahoma State University Logo" 
             width={400}
             height={400}
             priority
@@ -42,7 +42,7 @@ export default function Footer() {
                 className="p-1 bg-white rounded bg-opacity-70 w-8 h-8 md:w-[50px] md:h-[50px]"
                 aria-hidden
                 src="/footer hyperlinks/hyperlink.png"
-                alt="Campus Link"
+                alt="The campus link logo"
                 width={50}
                 height={50}
               />
@@ -60,7 +60,7 @@ export default function Footer() {
                 className="p-1 bg-white rounded bg-opacity-70 w-8 h-8 md:w-[50px] md:h-[50px]"
                 aria-hidden
                 src="/footer hyperlinks/instagram.png"
-                alt="Instagram"
+                alt="The Instagram logo"
                 width={50}
                 height={50}
               />
@@ -78,7 +78,7 @@ export default function Footer() {
                 className="p-1 bg-white rounded bg-opacity-70 w-8 h-8 md:w-[50px] md:h-[50px]"
                 aria-hidden
                 src="/footer hyperlinks/linktree.png"
-                alt="Linktr.ee"
+                alt="The Linktr.ee logo"
                 width={50}
                 height={50}
               />
@@ -96,7 +96,7 @@ export default function Footer() {
                 className="p-1 bg-white rounded bg-opacity-70 w-8 h-8 md:w-[50px] md:h-[50px]"
                 aria-hidden
                 src="/images/officers/officer contacts/rounded/email.png"
-                alt="acm.cs@okstate.edu"
+                alt="The acm.cs@okstate.edu logo"
                 width={50}
                 height={50}
               />
@@ -113,7 +113,7 @@ export default function Footer() {
                 className="p-1 bg-white rounded bg-opacity-70 w-8 h-8 md:w-[50px] md:h-[50px]"
                 aria-hidden
                 src="/images/officers/officer contacts/rounded/linkedin.png"
-                alt="Linked.In"
+                alt="The Linked.In logo"
                 width={50}
                 height={50}
               />
diff --git a/src/app/components/Header.jsx b/src/app/components/Header.jsx
@@ -20,7 +20,8 @@ export default function Header() {
   return (
     <>
       {/*Header for desktops. This is hidden on smaller screens. Flex occurs on md and greater.*/}
-      <header className="hidden py-5 bg-white border-b-4 border-orange-500 md:block">
+      <header className="hidden py-5 bg-white border-b-4 border-orange-500 lg:block">
+
         <div className="flex items-center justify-between w-full text-stone-700">
           <div className="text-3xl pl-50 gap-15">
             <a className="rounded-sm px-15  [text-decoration-color:#f97316] hover:bg-orange-300" href="/">
@@ -53,7 +54,7 @@ export default function Header() {
       </header>
 
       {/* Header for mobile with block on small screen. Anything greater than md has this hidden.*/}
-      <header className="block py-5 bg-white border-b-4 border-orange-500 md:hidden">
+      <header className="block py-5 bg-white border-b-4 border-orange-500 lg:hidden">
         <div className="flex items-center justify-between w-full text-stone-800">
           <div className="pl-6 text-2xl">
             <a className="hover:bg-orange-100" href="/">
diff --git a/src/app/components/OfficerCard.jsx b/src/app/components/OfficerCard.jsx
@@ -40,7 +40,7 @@ export default function OfficerCard({ officer_title, officer_name, officer_heads
                     */}
                     <Image
                         src={officer_headshot || "/images/officers/silhouette.png"}
-                        alt="Next.js logo"
+                        alt={`Headshot of ${officer_name}` || "A silhouette of a person."}
                         width={200}
                         height={200}
                         priority
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -12,7 +12,7 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata = {
-  title: "ACM@OkState",
+  title: "ACM@OKState",
   description: "Oklahoma State University's Computer Science Community"
 };
 
diff --git a/src/app/officers/2022-2023-board/page.jsx b/src/app/officers/2022-2023-board/page.jsx
@@ -54,12 +54,12 @@ const officers = [
     
   { 
     officer_title: "Advisor", 
-    officer_name: "Christopher Crick", 
-    officer_headshot: "",
-    officer_linkedin: "",
-    officer_email: "",
-    officer_github: "",
-    officer_website: ""
+    officer_name: "Dr. Crick (Cristopher Crick)", 
+    officer_headshot: "/images/officers/advisors/dr crick.png",
+    officer_linkedin: "https://www.linkedin.com/in/christopher-crick-344939237/",
+    officer_email: "chriscrick@cs.okstate.edu",
+    officer_github: "https://github.com/chriscrick",
+    officer_website: "cs.okstate.edu/~chriscrick"
   },
 ];
 
diff --git a/src/app/officers/2023-2024-board/page.jsx b/src/app/officers/2023-2024-board/page.jsx
@@ -54,12 +54,12 @@ const officers = [
     
   { 
     officer_title: "Advisor", 
-    officer_name: "Christopher Crick", 
-    officer_headshot: "",
-    officer_linkedin: "",
-    officer_email: "",
-    officer_github: "",
-    officer_website: ""
+    officer_name: "Dr. Crick (Cristopher Crick)", 
+    officer_headshot: "/images/officers/advisors/dr crick.png",
+    officer_linkedin: "https://www.linkedin.com/in/christopher-crick-344939237/",
+    officer_email: "chriscrick@cs.okstate.edu",
+    officer_github: "https://github.com/chriscrick",
+    officer_website: "cs.okstate.edu/~chriscrick"
   },
 ];
 
diff --git a/src/app/officers/2024-2025-board/page.jsx b/src/app/officers/2024-2025-board/page.jsx
@@ -64,14 +64,15 @@ const officers = [
   
   { 
     officer_title: "Advisor", 
-    officer_name: "Christopher Crick",
-    officer_headshot: "",
-    officer_linkedin: "",
-    officer_email: "",
-    officer_github: "",
-    officer_website: ""
+    officer_name: "Dr. Crick (Cristopher Crick)", 
+    officer_headshot: "/images/officers/advisors/dr crick.png",
+    officer_linkedin: "https://www.linkedin.com/in/christopher-crick-344939237/",
+    officer_email: "chriscrick@cs.okstate.edu",
+    officer_github: "https://github.com/chriscrick",
+    officer_website: "cs.okstate.edu/~chriscrick"
   },
   
+  
 ];
 
 // This is called from page.js from src\app\officers\page.jsx.
diff --git a/src/app/officers/page.jsx b/src/app/officers/page.jsx
@@ -72,12 +72,12 @@ const officers = [
   
   { 
     officer_title: "Advisor", 
-    officer_name: "Christopher Crick", 
-    officer_headshot: "",
-    officer_linkedin: "",
-    officer_email: "",
-    officer_github: "",
-    officer_website: ""
+    officer_name: "Dr. Crick (Cristopher Crick)", 
+    officer_headshot: "/images/officers/advisors/dr crick.png",
+    officer_linkedin: "https://www.linkedin.com/in/christopher-crick-344939237/",
+    officer_email: "chriscrick@cs.okstate.edu",
+    officer_github: "https://github.com/chriscrick",
+    officer_website: "cs.okstate.edu/~chriscrick"
   },
   
 ];
diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -125,7 +125,7 @@ export default function Home() { //This is a functional component. It's called H
             <Image
               className="object-contain bg-white rounded-full drop-shadow-lg drop-shadow-orange-400 w-28 h-28 sm:w-36 sm:h-36 md:w-44 md:h-44"
               src="/images/logos/ACM at OKState Logo.png" //location of logo
-              alt="Next.js logo" //alt text of file
+              alt="Image of the ACM chapter's logo at" //alt text of file
               width={180}
               height={180}
               priority
@@ -167,7 +167,7 @@ export default function Home() { //This is a functional component. It's called H
                   <Image
                   className="w-20 h-20 sm:w-24 sm:h-24 md:w-36 md:h-36"
                     src="/images/homepage-images/students.png" //location of logo
-                    alt="Next.js logo" //alt text of file
+                    alt="An image that displays a graduation cap to visually show the user that the section used with this image is meant for students." //alt text of file
                     width={180}
                     height={180}
                     priority
@@ -191,7 +191,7 @@ export default function Home() { //This is a functional component. It's called H
                   <Image
                   className="w-20 h-20 sm:w-24 sm:h-24 md:w-36 md:h-36"
                     src="/images/homepage-images/hackathons.png"
-                    alt="Next.js logo"
+                    alt="An image that displays a trophy to visually show the user that the section used with this image is about hackathons."
                     width={180}
                     height={180}
                     priority
@@ -216,7 +216,7 @@ export default function Home() { //This is a functional component. It's called H
                     
                     className="w-20 h-20 sm:w-24 sm:h-24 md:w-36 md:h-36"
                     src="/images/homepage-images/employers.png" //location of logo
-                    alt="Next.js logo" //alt text of file
+                    alt="An image that displays a suitcase to visually show the user that the section used with this image is meant for employers." //alt text of file
                     width={180}
                     height={180}
                     priority
@@ -247,7 +247,7 @@ export default function Home() { //This is a functional component. It's called H
                       {/* Rotates image (since the shape -45deg was rotated 45deg) and zooms in on image*/}
                       <Image
                           src={"/images/homepage-images/iso-republic-colorful-programming-code.jpg"}
-                          alt="Next.js logo"
+                          alt="An image of a colorful programming code."
                           width={200}
                           height={200}
                           priority
@@ -268,7 +268,7 @@ export default function Home() { //This is a functional component. It's called H
                               {/* Rotates image (since the shape -45deg was rotated 45deg) and zooms in on image*/}
                               <Image
                                   src={"/images/homepage-images/iso-republic-colorful-programming-code.jpg"}
-                                  alt="Next.js logo"
+                                  alt="An image of a colorful programming code."
                                   width={500}
                                   height={500}
                                   priority
@@ -303,7 +303,7 @@ export default function Home() { //This is a functional component. It's called H
                 <Image 
                   className="object-cover object-center w-full h-full bg-white border-4 border-orange-500 drop-shadow-xl drop-shadow-black rounded-4xl"
                   src="/images/homepage-images/acm-nasa-suits-fall-2023.jpg"
-                  alt="Next.js logo"
+                  alt="An image of ACM members from Fall 2023 partaking in the NASA SUITS challenge."
                   width={500}
                   height={500}
                   priority
@@ -332,7 +332,7 @@ export default function Home() { //This is a functional component. It's called H
                     <Image 
                       className="hidden sm:block sm:object-cover sm:object-center sm:bg-white sm:border-4 sm:border-orange-500 sm:drop-shadow-xl sm:drop-shadow-black sm:w-250 sm:h-146 sm:rounded-4xl"
                       src="/images/homepage-images/acm-nasa-suits-fall-2023.jpg"
-                      alt="Next.js logo"
+                      alt="An image of ACM members from Fall 2023 partaking in the NASA SUITS challenge."
                       width={500}
                       height={500}
                       priority
@@ -351,7 +351,7 @@ export default function Home() { //This is a functional component. It's called H
               <Image 
                 className="object-cover object-center w-full h-full bg-white border-4 border-orange-500 drop-shadow-xl drop-shadow-black rounded-4xl"
                 src="/images/homepage-images/acm-impact-2.jpg"
-                alt="Next.js logo"
+                alt="An image of ACM members conveying members making an impact in the community."
                 width={500}
                 height={500}
                 priority
@@ -367,7 +367,7 @@ export default function Home() { //This is a functional component. It's called H
                   <Image 
                     className="hidden sm:block sm:object-cover sm:object-center sm:bg-white sm:border-4 sm:border-orange-500 sm:drop-shadow-xl sm:drop-shadow-black sm:w-165 sm:h-165 sm:rounded-4xl"
                     src="/images/homepage-images/acm-impact-2.jpg"
-                    alt="Next.js logo"
+                    alt="An image of ACM members conveying members making an impact in the community."
                     width={500}
                     height={500}
                     priority
@@ -397,7 +397,7 @@ export default function Home() { //This is a functional component. It's called H
               <Image 
                 className="object-cover object-center bg-white border-4 border-orange-500 rounded-full w-65 h-65 drop-shadow-xl drop-shadow-black"
                 src="/images/homepage-images/acm-have-fun-2.jpg"
-                alt="Next.js logo"
+                alt="An image of ACM members having fun at an event."
                 width={500}
                 height={500}
                 priority
@@ -424,7 +424,7 @@ export default function Home() { //This is a functional component. It's called H
                   <Image 
                     className="hidden sm:block sm:object-cover sm:object-center sm:bg-white sm:border-4 sm:border-orange-500 sm:drop-shadow-xl sm:drop-shadow-black sm:w-165 sm:h-165 sm:rounded-full"
                     src="/images/homepage-images/acm-have-fun-2.jpg"
-                    alt="Next.js logo"
+                    alt="An image of ACM members having fun at an event."
                     width={500}
                     height={500}
                     priority
