version 2.0.0: update assets

index.html

@@ -7,20 +7,20 @@
 
     <title> Dmitry Markov &#8226; Frontend Web Developer / Creative Technologist </title>
 
-    <meta name="description" content="A professional web developer with 15+ years experience in web and software development" />
+    <meta name="description" content="Professional web developer with 15+ years of experience in web and software development" />
 
     <meta property="og:title" content="Dmitry Markov - Frontend Web Developer" />
     <meta property="og:type" content="website" />
-    <meta property="og:image" content="//dmitrymarkov.pro/assets/images/og-image-1200.png" />
-    <meta property="og:url" content="//dmitrymarkov.pro" />
-    <meta property="og:description" content="Professional web developer with 15+ years experience in web and software development" />
+    <meta property="og:image" content="http://dmitrymarkov.pro/assets/images/og-image-1200.png" />
+    <meta property="og:url" content="https://dmitrymarkov.pro" />
+    <meta property="og:description" content="Professional web developer with 15+ years of experience in web and software development" />
     <meta property="og:locale" content="en_GB" />
 
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:title" content="Dmitry Markov - Frontend Web Developer" />
-    <meta property="twitter:description" content="Professional web developer with 15+ years experience in web and software development" />
-    <meta property="twitter:image" content="//dmitrymarkov.pro/assets/images/og-image-1200.png" />
-    <meta property="twitter:url" content="//dmitrymarkov.pro" />
+    <meta property="twitter:description" content="Professional web developer with 15+ years of experience in web and software development" />
+    <meta property="twitter:image" content="http://dmitrymarkov.pro/assets/images/og-image-1200.png" />
+    <meta property="twitter:url" content="https://dmitrymarkov.pro" />
     <meta property="twitter:site" content="@damarkov" />
 
     <link rel="apple-touch-icon" href="//dmitrymarkov.pro/assets/images/apple-icon.png" />
@@ -38,14 +38,18 @@
             <img src="/assets/images/avatar-dm.jpg" class="img-thumbnail" alt="Dmitry Markov, web developer" />
             <h1>Dmitry&nbsp;Markov</h1>
             <h2>Frontend&nbsp;Developer / Creative&nbsp;Technologist</h2>
-            <nav><i class="fa fa-twitter"></i>&nbsp;<a href="https://twitter.com/damarkov">Twitter</a> <i class="fa fa-github"></i>&nbsp;<a href="https://github.com/DmitryMarkov">GitHub</a> <i class="fa fa-behance"></i>&nbsp;<a href="https://www.behance.net/damarkov">Behance</a></nav>
+            <nav>
+              <i class="fa fa-twitter"></i><a href="https://twitter.com/damarkov">Twitter</a>
+              <i class="fa fa-github"></i><a href="https://github.com/DmitryMarkov">GitHub</a>
+              <i class="fa fa-behance"></i><a href="https://www.behance.net/damarkov">Behance</a>
+            </nav>
           </div>
         </div>
       </header>
       <section id="summary">
         <div class="row">
           <div class="column column-66 column-offset-20">
-            <h6>Professional web developer with 15+ years experience in web and software development</h6>
+            <h6>Professional web developer with 15+ years of experience in web and software development</h6>
             <ul>
               <li>Creating apps with <b>React/Redux, Vue</b> and <b>AngularJS</b> frameworks</li>
               <li>Passionate to design systems, user interfaces, graphics and <b>interactive prototypes</b></li>
@@ -212,8 +216,8 @@ <h4>Interests</h4>
           <div class="column column-80 column-offset-20">
             <h4>Download résumé</h4>
             <p>
-              <i class="fa fa-file-word-o"></i>&nbsp;<a href="/assets/documents/Dmitry-Markov-2017.docx">Microsoft Word</a>
-              <i class="fa fa-file-pdf-o"></i>&nbsp;<a href="/assets/documents/Dmitry-Markov-2017.pdf">Adobe PDF</a>
+              <i class="fa fa-file-word-o"></i><a href="/assets/documents/Dmitry-Markov-2018.docx" title="Download 163Kb">Microsoft Word</a>
+              <i class="fa fa-file-pdf-o"></i><a href="/assets/documents/Dmitry-Markov-2018.pdf" title="Download 240Kb">Adobe PDF</a>
             </p>
           </div>
         </div>

src/main.css

@@ -71,6 +71,9 @@ section {
 }
 
 a {
+  display: inline-block;
+  padding: .09rem .375rem;
+  margin: -.09rem -.375rem;
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   color: #1c82eb;
@@ -82,6 +85,10 @@ a:hover {
   outline-width: 0;
 }
 
+a:focus {
+  text-decoration: none;
+}
+
 b {
   font-weight: 500;
 }
@@ -178,7 +185,7 @@ img {
   }
 }
 
-a:focus, a:hover {
+a:hover {
   color: #488cd2;
   text-decoration: underline
 }
@@ -330,9 +337,9 @@ header .column > nav {
   margin-bottom: 1.6rem;
 }
 
-header .column h2 + nav a:not(:last-of-type),
-#additional > div:last-of-type a:not(:last-of-type) {
-  margin-right: 2.6rem;
+header .column h2 + nav .fa:not(:first-of-type),
+#additional > div:last-of-type .fa:not(:first-of-type) {
+  margin-left: 2.6rem;
 }
 
 .img-thumbnail {
@@ -407,6 +414,7 @@ header .column h2 + nav a:not(:last-of-type),
   font-size: inherit;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  margin-right: .5rem;
 }
 
 /* Icons */