🐐

index.html

@@ -15,7 +15,12 @@
   <meta property="og:image" content="https://www.gade.gg/nikolaj.jpg" />
   <meta property="og:image:alt" content="Nikolaj Gade" />
 
-  <link rel="icon" type="image/png" href="goat.png" />
+  <meta name="theme-color" content="#f4efe4" />
+
+  <link rel="icon" href="/favicon.ico" sizes="48x48" />
+  <link rel="icon" type="image/png" href="/goat.png" sizes="any" />
+  <link rel="apple-touch-icon" href="/goat.png" />
+  <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/space-grotesk-var.woff2" />
   <link rel="stylesheet" href="/fonts/fonts.css" />
   <link rel="stylesheet" href="/fa/css/all.min.css" />
   <link rel="stylesheet" href="style.css" />
@@ -48,7 +53,7 @@
     <!-- HERO -->
     <section id="home" class="hero">
       <div class="hero-content">
-        <h1 class="hero-name">Nikolaj Gade</h1>
+        <h1 class="hero-name">Nikolaj <span class="hero-name-accent">Gade</span></h1>
         <p class="hero-role">Software Developer</p>
         <p class="hero-pronouns">they/them · he/him</p>
 
@@ -68,7 +73,7 @@
           <a href="https://www.linkedin.com/in/nikolaj-gade-a1508016a/" class="hero-link" target="_blank" rel="noopener">
             <i class="fab fa-linkedin-in"></i><span>LinkedIn</span>
           </a>
-          <a href="mailto:nikolaj@gade.gg" class="hero-link">
+          <a href="mailto:nikolaj@gade.gg" class="hero-link hero-link--primary">
             <i class="fas fa-envelope"></i><span>nikolaj@gade.gg</span>
           </a>
         </div>
@@ -77,7 +82,7 @@
       <div class="hero-visual">
         <div class="avatar-ring">
           <div class="avatar-placeholder">
-            <img src="nikolaj.jpg" alt="Nikolaj Gade, a very handsome (and extremely hireable) person."/>
+            <img src="nikolaj.jpg" draggable="false" alt="Nikolaj Gade, a very handsome (and extremely hireable) person."/>
           </div>
         </div>
       </div>
@@ -100,7 +105,7 @@
           <div class="about-right">
             <div class="pepsi-card">
               <div class="pepsi-placeholder">
-                <img src="pepsi.jpg" alt="Pepsi, a black cat with large yellow eyes."/>
+                <img draggable="false" alt="Pepsi, a black cat with large yellow eyes."/>
               </div>
               <p class="pepsi-caption">Full name: Pepsi Max Lime Gade</p>
             </div>