Merge pull request #4 from gdscustp/dev

Update dependencies and add a workflow on CI/CD pipeline
gdgoc-ustp · Sep 30, 2024 · 23fa03e · 23fa03e
2 parents 8df0d8f + b49f7a0
commit 23fa03e
Show file tree

Hide file tree

Showing 9 changed files with 7,462 additions and 6,098 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,14 @@
+name: Trigger Vercel Deployment
+
+on:
+  push:    # This will trigger the action on every commit (push)
+    branches:
+      - main  # You can specify which branch to monitor (e.g., "main" or any other branch)
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Trigger Vercel Deploy
+      run: curl -X POST "https://api.vercel.com/v1/integrations/deploy/prj_Wlv8UGIoHjqDNr58Y9OaRPDGxg38/YkeQakRRLu"
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,8 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+# local
+run.bat
+
 # dependencies
 /node_modules
 /.pnp

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,19 +3,20 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.3.0",
-    "@fortawesome/free-solid-svg-icons": "^6.3.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "@react-spring/parallax": "^9.6.1",
-    "@react-spring/web": "^9.6.1",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.6.2",
-    "react-scripts": "5.0.1",
-    "web-vitals": "^2.1.4"
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@react-spring/parallax": "^9.7.4",
+    "@react-spring/web": "^9.7.4",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "nth-check": "^2.1.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.2",
+    "react-scripts": "^5.0.1",
+    "web-vitals": "^4.2.3"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/public/index.html b/public/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+
     <meta
       name="description"
       content="Web site created using create-react-app"

diff --git a/src/components/footer.css b/src/components/footer.css
@@ -1,28 +1,29 @@
-html, body {
-    height: 100%;
-    margin: 0;
-}
-
-body {
-    display: flex;
-    flex-direction: column;
-}
-
-.footer {
-    display: flex;
-    color: #ffffff;
-    width: 100%;
-    background-color: #212121;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    margin-top: auto; 
-}
-
-.lower {
-    width: 100%;
-    text-align: center;
-    padding: 25px 0;
-    background: #4285F4;
-    font-weight: 300;
-}
+
+html, body {
+    height: 100%;
+    margin: 0;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+}
+
+.footer {
+    display: flex;
+    color: #ffffff;
+    width: 100%;
+    background-color: #212121;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    margin-top: auto; 
+}
+
+.lower {
+    width: 100%;
+    text-align: center;
+    padding: 25px 0;
+    background: #4285F4;
+    font-weight: 300;
+}
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -1,11 +1,11 @@
-import './footer.css';
-
-export default function Footer() {
-    return (
-        <footer className='footer'>        
-            <div className='lower'>
-                <p>&copy; {new Date().getFullYear()} GDSC USTP. -Univeristy of Science and Technology of Southern Philippines - CDO</p>
-            </div>
-        </footer>
-    );
-}
+import './footer.css';
+
+export default function Footer() {
+    return (
+        <footer className='footer'>        
+            <div className='lower'>
+                <p>&copy; {new Date().getFullYear()} GDSC USTP. -Univeristy of Science and Technology of Southern Philippines - CDO</p>
+            </div>
+        </footer>
+    );
+}
diff --git a/src/pages/home.css b/src/pages/home.css
@@ -65,7 +65,7 @@ body {
 
 .banner h1 #gradient {
     /* TODO: Swap the percentages per color randomly after implementing the banner svg animations. (https://www.figma.com/proto/XiTdSq6rnkDkqZpkr27d4Q/GDSC.USTP?node-id=76-353&t=DJG1gSu4UqrGKlev-1&scaling=min-zoom&content-scaling=fixed&page-id=76%3A351&starting-point-node-id=76%3A353) */
-    background: linear-gradient(90deg, 
+    background: linear-gradient(270deg, 
         #4EA865 25%,   /* 25% for green */
         #FBC10E 50%,   /* 50% for yellow */
         #EB483B 75%,   /* 75% for red */

diff --git a/src/pages/home.js b/src/pages/home.js
@@ -40,7 +40,7 @@ export default function Home() {
 
                         <div className="about-content">
                             <div className="about-left">
-                                <img src={About} alt='About us' />
+                                <img src={About} alt='About us' draggable={false}/>
                             </div>
 
                             <div className="about-right">
@@ -76,7 +76,7 @@ export default function Home() {
                             </div>
 
                             <div className="team-right">
-                                <img src={About} alt='About us' />
+                                <img src={About} alt='About us' draggable={false}/>