add resume file to website

index.html

@@ -27,20 +27,20 @@
                 Jonah Möller is an engineering manager from Hamburg, Germany currently building products at
                 <a href="//closelink.net/" target="_blank" rel="noreferrer noopener">Closelink</a>, a start-up in the
                 maritime industry, providing a category management tool, tailored to the sourcing and procurement of
-                marine lubricants. The technologies he works with the most are
-                <a href="//kotlinlang.org" target="_blank" rel="noreferrer noopener">Kotlin</a> with
-                <a href="//spring.io" target="_blank" rel="noreferrer noopener">Spring</a> and
-                <a href="//reactjs.org" target="_blank" rel="noreferrer noopener">React</a> in
-                <a href="//www.typescriptlang.org" target="_blank" rel="noreferrer noopener">TypeScript</a>.
+                marine lubricants. The technologies he works with the most are Kotlin with Spring and React in
+                TypeScript.
             </p>
             <p>
-                Apart from work-related projects, he enjoys playing the piano, capturing moments with his camera and
-                building mechanical keyboards.
+                Apart from work-related projects, he enjoys playing the piano,
+                <a href="//instagram.com/snapsnapturtle/" target="_blank" rel="noreferrer noopener"
+                    >capturing moments with his camera</a
+                >
+                and building mechanical keyboards.
             </p>
         </main>
         <nav class="contact">
             <div class="contact__link">
-                <span role="presentation" class="contact__link-emoji">👨‍💻</span>
+                <span role="presentation" class="contact__link-emoji">🐙</span>
                 <a target="_blank" rel="noreferrer noopener" href="//github.com/snapsnapturtle/"> GitHub </a>
             </div>
             <div class="contact__link">
@@ -52,8 +52,15 @@
                 <a target="_blank" rel="noreferrer noopener" href="//codestats.net/users/snapsnapturtle"> CodeStats </a>
             </div>
             <div class="contact__link">
-                <span role="presentation" class="contact__link-emoji">📝</span>
-                <a rel="noreferrer noopener" href="resume.html"> Resume </a>
+                <span role="presentation" class="contact__link-emoji">👨‍💻</span>
+                <a
+                    class="contact__link--resume"
+                    target="_blank"
+                    rel="noreferrer noopener"
+                    href="./files/resume_jonah_moeller.pdf"
+                >
+                    <span>Resume</span>
+                </a>
             </div>
         </nav>
         <br />

styles/home.css

@@ -11,6 +11,14 @@
     margin-right: 0.5rem;
 }
 
+.contact__link--resume:hover > span {
+    display: none;
+}
+
+.contact__link--resume:hover:before {
+    content: 'Résumé';
+}
+
 @media (min-width: 812px) {
     .contact {
         grid-gap: 0 1.75rem;