M assets/styles/style.css → assets/styles/style.css

@@ -12,7 +12,7 @@ -ms-hyphens: auto;
   hyphens: auto;
   font-weight: normal;
   font-size: 1rem;
-  background: #FEFDFC;
+  background: #FFFFFF;
   color: #27282E;
 }
 
@@ -109,13 +109,13 @@ font-size: 1.2em;
 }
 
 footer.container {
-  font-size: 0.7rem;
+  font-size: 0.9rem;
   padding: 1rem;
 }
 
 footer p {
   margin: 0;
-  line-height: 1rem;
+  line-height: 1.2rem;
 }
 
 .navbar {
@@ -132,9 +132,17 @@ margin-left: -1rem;
 }
 
 .contact-list ul {
+  margin: 0.1rem 0;  
 }
+
 .contact-list li {
+  font-size: 110%;
   display: inline;
+  padding: 0 0.2rem;
+}
+
+.contact-list a:hover {
+  text-decoration: none;  
 }
 
 
@@ -210,14 +218,6 @@ 
 .projects .badge[data-badge]::after {
   transform: translate(0rem,-.1rem); 
   vertical-align: baseline;
-  font-weight: normal;
-}
-
-a[href^=http]::after {
-  font-family: "entypo";
-  content: "\e9ab";
-  font-size: 0.8rem;
-  color: #aaa;
   font-weight: normal;
 }
 

M templates/_footer.mustache → templates/_footer.mustache

@@ -1,18 +1,46 @@ 
 <footer class="container">
   <div class="centered text-center">
-    <p><span class="h3rald h3rald-footer"></span> Web Site v9.0.0</p> 
+    <p><span class="h3rald h3rald-footer"></span> Web Site v9.0.1</p> 
     <p>&copy; 2004&mdash;2018 &bull; <em>Fabio Cevasco</em></p>
-     <p class="license-icons">
-      <i class="ent ent-creative-commons"></i>
-      <i class="ent ent-creative-commons-attribution"></i>
-      <i class="ent ent-creative-commons-noncommercial-eu"></i>
-      <i class="ent ent-creative-commons-sharealike"></i>
-    </p>
+    <div class="contact-list">
+      <ul>
+        <li><a href='&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#104;&#51;&#114;&#97;&#108;&#100;&#64;&#104;&#51;&#114;&#97;&#108;&#100;&#46;&#99;&#111;&#109;'>
+          <i class="ent ent-mail"></i>
+        </a></li>
+        <li><a href="https://www.linkedin.com/in/fabiocevasco" rel="me">
+          <i class="ent ent-linkedin"></i>
+        </a></li>
+        <li><a href="http://twitter.com/h3rald" rel="me">
+          <i class="ent ent-twitter"></i>
+        </a></li>
+        <li><a href="http://pinboard.in/u:h3rald/" rel="me">
+          <i class="ent ent-pin"></i>
+        </a></li>
+        <li><a href="http://instagram.com/h3rald/" rel="me">
+          <i class="ent ent-instagram"></i>
+        </a></li>
+        <li><a href="https://github.com/h3rald" rel="me">
+          <i class="ent ent-github"></i>
+        </a></li>
+        <li><a href="https://www.flickr.com/photos/h3rald/" rel="me">
+          <i class="ent ent-flickr"></i>
+        </a></li>
+        <li><a href="http://foursquare.com/h3rald" rel="me">
+          <i class="ent ent-foursquare"></i>
+        </a></li>
+      </ul>
+    </div>
     <p>Unless stated otherwise, all the content published on this web site is licensed under 
     the <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
     The source code of this web site, such as its layout, stylesheets, custom min rules and code is licensed under the terms of the 
       <a href="https://opensource.org/licenses/mit-license.php"><span class="caps">MIT</span> License</a> and it is available
       on <a href="https://github.com/h3rald/h3rald">GitHub</a>.
+    </p>
+    <p class="license-icons">
+      <i class="ent ent-creative-commons"></i>
+      <i class="ent ent-creative-commons-attribution"></i>
+      <i class="ent ent-creative-commons-noncommercial-eu"></i>
+      <i class="ent ent-creative-commons-sharealike"></i>
     </p>
   </div>
 </footer>

M templates/home.mustache → templates/home.mustache

@@ -56,24 +56,6 @@ </article>
             </div>
           </div>
           <div class="v-spacer"></div>
-          <!--
-          <div class="panel featured">
-            <div class="panel-header">
-              top tags
-            </div>
-            <div class="panel-body chips">
-              {{#tags}}
-              <label class="chip">
-                <figure class="avatar avatar-xs" data-initial="{{total}}"></figure>
-                <a href="/tags/{{tag}}/">{{tag}}</a>
-              </label>
-              {{/tags}}
-            </div>
-            <div class="panel-footer">
-            </div>
-          </div>
-          <div class="v-spacer"></div>
-          -->
           <div class="panel featured">
             <div class="panel-header">
               featured projects
@@ -115,24 +97,6 @@ </ul>
             </div>
           </div>
           <div class="v-spacer"></div>
-          <div class="panel featured contact-list">
-            <div class="panel-header">
-              contact
-            </div>
-            <div class="panel-body">
-              <p>This site was made by Fabio Cevasco. For more information, see the <a href="/about/">About</a> page. To contact me, use the links below.</p>
-              <ul>
-                <li><i class="ent ent-mail"></i>&nbsp;<a href='&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#104;&#51;&#114;&#97;&#108;&#100;&#64;&#104;&#51;&#114;&#97;&#108;&#100;&#46;&#99;&#111;&#109;'>E-mail</a></li>
-                <li><i class="ent ent-linkedin"></i>&nbsp;<a href="https://www.linkedin.com/in/fabiocevasco" rel="me">LinkedIn</a></li>
-                <li><i class="ent ent-twitter"></i>&nbsp;<a href="http://twitter.com/h3rald" rel="me">Twitter</a></li>
-                <li><i class="ent ent-pin"></i>&nbsp;<a href="http://pinboard.in/u:h3rald/" rel="me">Pinboard</a></li>
-                <li><i class="ent ent-instagram"></i>&nbsp;<a href="http://instagram.com/h3rald/" rel="me">Instagram</a></li>
-                <li><i class="ent ent-github"></i>&nbsp;<a href="https://github.com/h3rald" rel="me">Github</a></li>
-                <li><i class="ent ent-flickr"></i>&nbsp;<a href="https://www.flickr.com/photos/h3rald/" rel="me">Flickr</a></li>
-                <li><i class="ent ent-foursquare"></i>&nbsp;<a href="http://foursquare.com/h3rald" rel="me">Foursquare</a></li>
-              </ul>
-            </div>
-          </div>
         </div>
       </div>
       </main>