Remove Twitter

app/components/splash-screen.hbs

@@ -6,12 +6,9 @@
       <li><LinkTo @route="talks"><FaIcon @icon="keynote" @prefix="fas" aria-hidden="false" @title="Talks" /> Talks</LinkTo></li>
       <li><LinkTo @route="projects"><FaIcon @icon="project-diagram" @prefix="fas" aria-hidden="false" @title="Projects" /> Projects</LinkTo></li>
       <li><LinkTo @route="resume"><FaIcon @icon="scroll" @prefix="fas" aria-hidden="false" @title="Resume" /> Resume</LinkTo></li>
+      <li><a href="https://github.com/jrjohnson"><FaIcon @icon="github" @prefix="fab" /> Github</a></li>
+      <li><a href="https://www.linkedin.com/in/jonjohnson/"><FaIcon @icon="linkedin" @prefix="fab" /> LinkedIn</a></li>
     </ul>
-    <ul>
-      <li><a href="https://github.com/jrjohnson"><FaIcon @icon="github" @prefix="fab" aria-hidden="false" @title="Github Profile" /></a></li>
-      <li><a href="https://twitter.com/jrjohnson_"><FaIcon @icon="twitter" @prefix="fab" aria-hidden="false" @title="Twitter Profile" /></a></li>
-      <li><a href="https://www.linkedin.com/in/jonjohnson/"><FaIcon @icon="linkedin" @prefix="fab" aria-hidden="false" @title="LinkedIn Profile" /></a></li>
-    </ul>
-    <img class="avatar" src="/media/avatar.jpg" alt="jon's avatar">
+    <img class="avatar" src="/media/avatar.png" alt="jon's avatar">
   </nav>
 </main>

app/styles/layout/body.scss

@@ -101,12 +101,15 @@ body {
       @media (min-width: 500px) {
         justify-content: flex-start;
       }
-    }
 
-    & img {
-      border-radius: 50%;
-      padding: 5px;
-      width: 50px;
+      & img {
+        border-radius: 50%;
+        padding: 0 5px;
+        width: var(--fs-xxl);
+        @media (max-width: 400px) {
+          width: var(--fs-xl);
+        }
+      }
     }
   }
 
@@ -137,22 +140,6 @@ body {
     grid-area: footer;
     display: flex;
     justify-content: flex-end;
-    & ul {
-      display: flex;
-      flex-direction: row;
-      @include font-size("large");
-      list-style-type: none;
-      margin: 0;
-      padding: 0;
-
-      & svg {
-        margin-left: 1rem;
-      }
-    }
-
-    & li {
-      padding-right: 1rem;
-    }
   }
 }
 

app/templates/application.hbs

@@ -5,7 +5,7 @@
   <header>
     <h1>
       <LinkTo @route="index">
-        <img src="/media/avatar.jpg" alt="jon's avatar">
+        <img src="/media/avatar.png" alt="jon's avatar">
         Jonathan Johnson
       </LinkTo>
     </h1>
@@ -16,17 +16,9 @@
       <li><LinkTo @route="talks">Talks</LinkTo></li>
       <li><LinkTo @route="projects">Projects</LinkTo></li>
       <li><LinkTo @route="resume">Resume</LinkTo></li>
-
     </ul>
   </nav>
-  <main>{{outlet}}</main>
-  <footer>
-    <nav aria-label="Footer">
-      <ul>
-        <li><a href="https://github.com/jrjohnson"><FaIcon @icon="github" @prefix="fab" aria-hidden="false" @title="Github Profile" /></a></li>
-        <li><a href="https://twitter.com/jrjohnson_"><FaIcon @icon="twitter" @prefix="fab" aria-hidden="false" @title="Twitter Profile" /></a></li>
-        <li><a href="https://www.linkedin.com/in/jonjohnson/"><FaIcon @icon="linkedin" @prefix="fab" aria-hidden="false" @title="LinkedIn Profile" /></a></li>
-      </ul>
-    </nav>
-  </footer>
+  <main>
+    {{outlet}}
+  </main>
 {{/if}}

markdown/pages/resume.md

@@ -11,7 +11,6 @@ css: resume.css
 * (650) 516-7401
 * [https://www.jrjohnson.dev](https://www.jrjohnson.dev)   
 * ![Github](/media/github_mark.svg)[jrjohnson](https://github.com/jrjohnson)
-* ![twitter](/media/twitter_mark.svg)[jrjohnson_](https://twitter.com/jrjohnson_)   
 
 ------