misc happy styling, event header tables, etc

web/src/components/layout/Footer.tsx

@@ -12,25 +12,31 @@ export const Footer = () => {
         <h2 className="suphead">Følg oss</h2>
         <ul>
           <li>
-            <a href="#" target="_blank" className="button tertiary">
+            <a
+              href="https://www.instagram.com/studentersamfundet/"
+              target="_blank"
+              className="button tertiary"
+            >
               <span>Instagram</span>
               <Icon />
             </a>
           </li>
           <li>
-            <a href="#" target="_blank" className="button tertiary">
+            <a
+              href="https://www.facebook.com/studentersamfundet"
+              target="_blank"
+              className="button tertiary"
+            >
               <span>Facebook</span>
               <Icon />
             </a>
           </li>
           <li>
-            <a href="#" target="_blank" className="button tertiary">
-              <span>Twitter</span>
-              <Icon />
-            </a>
-          </li>
-          <li>
-            <a href="#" target="_blank" className="button tertiary">
+            <a
+              href="https://www.flickr.com/groups/neuf/pool/"
+              target="_blank"
+              className="button tertiary"
+            >
               <span>Flickr</span>
               <Icon />
             </a>