fix: links no longer have underline, and fixed cursor on project title/links

src/components/ProjectCard/index.tsx

@@ -37,7 +37,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({
       {(links.website || links.github || links.discord) && (
         <div className={styles.cardFooter}>
           {links.github && (
-            <a aria-label="GitHub" href={links.github} rel="noopener noreferrer" target="_blank">
+            <a aria-label="GitHub" className={styles.cardFooterLink} href={links.github} rel="noopener noreferrer" target="_blank">
               <IconGithub />
             </a>
           )}

src/components/ProjectCard/styles.module.css

@@ -46,6 +46,7 @@
   font-size: 24px;
   line-height: 33px;
   margin-bottom: 1rem;
+  cursor: default;
 }
 
 .cardDescription {
@@ -62,6 +63,7 @@
 .cardFooter a {
   color: inherit;
   text-decoration: none;
+  cursor: pointer;
 }
 
 .cardFooter svg {

src/css/card.module.css

@@ -31,7 +31,7 @@
 .blogCard:hover {
   transform: translateY(-5px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  text-decoration: none; /* Ensure no underline on hover */
+  text-decoration: none;
 }
 
 .blogTitle,
@@ -40,7 +40,7 @@
 .blogAuthors,
 .blogExcerpt,
 .blogReadMoreButton {
-  text-decoration: none; /* Remove underline from text elements */
+  text-decoration: none; 
 }
 
 .blogTitle {

src/css/custom.css

@@ -25,7 +25,6 @@
   /* Brighter link colors for light mode */
   --ifm-link-color: #0056B3;
   --ifm-link-hover-color: #003D80;
-  --ifm-link-decoration: underline;
 }
 /* Dark mode */
 [data-theme='dark'] {
@@ -90,7 +89,6 @@
 
 /* Additional dark mode overrides */
 [data-theme='dark'] {
-  /* Ensure text is readable in dark mode */
   color: var(--ifm-color-content);
 }