Add links to sponsors

Author: pomber

site/src/landing/sponsors.js

@@ -8,14 +8,19 @@ function Sponsors({ sponsors }) {
     <section>
       <ul className={s.sponsors}>
         {sponsors.map(sponsor => (
-          <li key={s.login} tabIndex={5}>
-            <div className={s.sponsor}>
+          <li key={s.login}>
+            <a className={s.sponsor} href={sponsor.url}>
               <img src={sponsor.avatarUrl} />
               <div className={s.details}>
                 <h4>{sponsor.name}</h4>
-                <span>{sponsor.login}</span>
+                <span className={s.login}>
+                  {sponsor.login}
+                </span>
+                <span className={s.location}>
+                  {sponsor.location}
+                </span>
               </div>
-            </div>
+            </a>
           </li>
         ))}
       </ul>

site/src/landing/sponsors.module.css

@@ -15,6 +15,13 @@
 .sponsor {
   /* border: 1px solid blue; */
   display: flex;
+  color: inherit;
+  cursor: pointer;
+}
+
+.sponsor:hover {
+  text-decoration: none;
+  color: var(--accent-500);
 }
 
 .sponsor img {
@@ -34,3 +41,9 @@
   flex-flow: column;
   justify-content: center;
 }
+
+.sponsor .location {
+  font-size: 0.9em;
+  color: #666;
+  margin-top: 2px;
+}