more optimization

Student-Chapter-CSE · Aug 17, 2023 · 5936c89 · 5936c89 · vercel · Aug 17, 2023
1 parent 70f353f
commit 5936c89
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 15 deletions.
diff --git a/client/component/Footer/index.jsx b/client/component/Footer/index.jsx
@@ -1,13 +1,6 @@
 import styles from '../../styles/Footer.module.css';
-import {
-    FacebookLogo,
-    TwitterLogo,
-    InstagramLogo,
-    YoutubeLogo,
-    LinkedinLogo,
-    PaperPlaneTilt,
-    Heart
-} from '@phosphor-icons/react';
+import { FacebookLogo, TwitterLogo, InstagramLogo, YoutubeLogo, LinkedinLogo, PaperPlaneTilt, Heart } from '@phosphor-icons/react';
+
 const Footer = () => {
     return (
         <footer>
@@ -23,19 +16,19 @@ const Footer = () => {
                             <strong style={{ color: 'var(--fontColor)' }}>sccse.aot@gmail.com</strong>
                         </div>
                         <div className={styles.Footer_Anchor}>
-                            <a href="https://www.facebook.com/sccseaot">
+                            <a href="https://www.facebook.com/sccseaot" aria-label='Way to SCCSE Facebook'>
                                 <FacebookLogo size={32} weight="bold" />
                             </a>
-                            <a href="https://twitter.com/ieiaot">
+                            <a href="https://twitter.com/ieiaot" aria-label='Way to SCCSE Twitter'>
                                 <TwitterLogo size={32} weight="bold" />
                             </a>
-                            <a href="https://www.instagram.com/sccse_aot/">
+                            <a href="https://www.instagram.com/sccse_aot/" aria-label='Way to SCCSE Instagram'>
                                 <InstagramLogo size={32} weight="bold" />
                             </a>
-                            <a href="https://www.youtube.com/channel/UCFvgz8LpzW5Vv9wSJWPpypQ">
+                            <a href="https://www.youtube.com/channel/UCFvgz8LpzW5Vv9wSJWPpypQ" aria-label='Way to SCCSE Youtube'>
                                 <YoutubeLogo size={32} weight="bold" />
                             </a>
-                            <a href="https://www.linkedin.com/company/sccseaot/about/">
+                            <a href="https://www.linkedin.com/company/sccseaot/about/" aria-label='Way to SCCSE LinkedIn'>
                                 <LinkedinLogo size={32} weight="bold" />
                             </a>
                         </div>

diff --git a/client/component/TeamCards/index.jsx b/client/component/TeamCards/index.jsx
@@ -13,6 +13,8 @@ export default function TeamCards({ img, name, desg, socials }) {
                     <Image
                         src={img}
                         alt={name}
+                        placeholder='blur'
+                        blurDataURL='eZP%CbIU.Ax]RO%LWVa}ofof.9ofIAV@WBxuoekCR+WBtRjuROa|tS'
                     />
                 </div>
 

diff --git a/client/styles/Navbar.module.css b/client/styles/Navbar.module.css
@@ -60,6 +60,7 @@
 }
 
 .sccseLogo > img {
+    width: 3rem;
     height: 100%;
 }
 
@@ -122,7 +123,7 @@
     padding: 0.5rem 1.8rem;
     font-size: 0.9rem;
     border-radius: 0.5em;
-    color: var(--textColor);
+    color: var(--pitchBlack);
     background: var(--fontColor);
     border: transparent;
     border: solid 1px var(--fontColor);

diff --git a/client/styles/globals.css b/client/styles/globals.css
@@ -20,6 +20,7 @@ a {
     --themeMainBlue: #219ebc;
     --themeHighlightsBlue: #8ecae6;
     --backGround: #151515;
+    --pitchBlack: #010101;
     --backGroundLight: ;
     --themeYellow: #262626;
     --themeYellowDark: #262626;