github

components/index/github.js

@@ -8,8 +8,9 @@ export default function GitHub({
   key,
   text,
   time,
-  url,
   message,
+  opacity,
+  url,
   ...props
 }) {
   return (
@@ -17,7 +18,7 @@ export default function GitHub({
       variant="pill"
       bg="snow"
       as="a"
-      href={url}
+      href={url || "https://github.com/hackclub"}
       target="_blank"
       rel="noopener"
       sx={{
@@ -33,7 +34,8 @@ export default function GitHub({
         gap: 2,
         height: '2rem',
         width: ['fit-content', null, null, '100%'],
-        maxWidth: '30rem'
+        maxWidth: '30rem',
+        opacity: opacity
       }}
       {...props}
     >
@@ -81,4 +83,4 @@ export default function GitHub({
       </Text>
     </Badge>
   )
-}
+}

pages/index.js

@@ -778,6 +778,7 @@ function Page({
                             url={data.url}
                             message={data.message}
                             key={key}
+                            opacity={1 / (key/2 + 1)}
                           />
                         )
                       })}