@@ -2,7 +2,7 @@ ## H3RALD Web Site
 
 H3RALD.com was created in 2004 by Fabio Cevasco, a technical writer, programmer and IT enthusiast. It features over a hundred [articles](/articles/) covering a wide range of topics, from programming to writing, productivity and even traveling.
 
-Currently, this site is fully static (minus a few AJAX calls) and is powered by the [HastySite](https://h3rald.com/hastysite/) static site generator and [LiteStore](https://h3rald.com/litestore/) (for the archive search functionality).
+Currently, this site is fully static (minus a few AJAX calls) and is powered by the [HastySite](https://h3rald.com/hastysite/) static site generator.
 
 
 ### Licensing
@@ -15,14 +15,12 @@ ### How to generate and run this site locally
 
 1. Download and install [Nim](https://nim-lang.org).
 2. Clone [Nifty](https://github.com/h3rald/nifty/), compile it and place the **nifty** executable in your $PATH.
-2. Clone [LiteStore](https://github.com/h3rald/litestore/), compile it and place the **litestore** executable in your $PATH.
-2. Clone [nimhttpd](https://github.com/h3rald/nimhttpd/), compile it and place the **nimhttpd** executable in your $PATH.
-3. Clone [HastySite](https://github.com/h3rald/hastysite/).
-4. Run `nifty install` in the hastysite repository folder.
-5. Compile hastysite and place its executable in your $PATH.
-6. Clone this repository.
-7. In the h3rald repository folder, run `hastysite build`.
-8. In the h3rald repository folder, run `hastysite index`.
+3. Clone [nimhttpd](https://github.com/h3rald/nimhttpd/), compile it and place the **nimhttpd** executable in your $PATH.
+4. Clone [HastySite](https://github.com/h3rald/hastysite/).
+5. Run `nifty install` in the hastysite repository folder.
+6. Compile hastysite and place its executable in your $PATH.
+7. Clone this repository.
+8. In the h3rald repository folder, run `hastysite build`.
 9. Start LiteStore by running **litestore** in the h3rald repository folder.
 10. Start the NimHTTPd server by running **nimhttpd** in the output folder of the h3rald repository (create automatically when running `hastysite build`).
 
@@ -31,6 +29,6 @@ ### Credits
 
 * [David J. Perry](http://scholarsfonts.net/), who designed the [Cardo](http://scholarsfonts.net/cardofnt.html) font used for the H3RALD logo.
 * [Matt McInerney](https://www.theleagueofmoveabletype.com/members/matt), who designed the [Raleway](https://www.theleagueofmoveabletype.com/raleway) font, used throughout this web site.
-* [Yan Zhu](https://twitter.com/picturepan2), the creator of the [Spectre](https://picturepan2.github.io/spectre/) CSS framework, used as the basis for the styling of this web site.
+* [atypo](http://atipo.es/en/), who designed the [Noway](http://atipofoundry.com/fonts/noway) font, used throughout this web site.
 * [Daniel Bruce](http://www.danielbruce.se/), designer of the [Entypo](http://www.entypo.com/) font, used for the icons on this web site.
 

@@ -16,7 +16,7 @@ 
   --primary-background: #1e1e1e;
   --secondary-background: #262626;
 
-  --success-color: #005E23;
+  --success-color: #28b869;
   --warning-color: #C97D05;
   --error-color: #da3c3c;
 }

@@ -1,13 +1,3 @@ 
-/****
- * TYPOGRAPHY 
- * (perfect four ratio - 3:4)
- *
- * Thanks to:
- * - https://www.gridlover.net/try
- * - https://scotch.io/tutorials/aesthetic-sass-3-typography-and-vertical-rhythm
- * - http://concisecss.com/documentation/core#typography (colors)
- ****/
-
 html {
     font-size: var(--html-font-size);
     line-height: var(--line-height);
@@ -246,13 +236,13 @@ .main-header {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    align-items: center;
 }
 .main-header h1 {
     margin-top: 0.1em;
 }
 
 .main-header .navlinks {
-    align-self: center;
     text-align: left;
     flex-grow: 1;
 }
@@ -260,6 +250,7 @@ 
 .logo {
     margin: auto;
     display: block;
+    font-size: 2rem;
 }
 
 a.logo {
@@ -286,9 +277,22 @@ .card-footer {
     margin: auto;
 }
 
-.label {
-    padding: calc(var(--leading) * 0.15);
-    border-radius: 4px;
+.card-title {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.badge {
+    margin-right: 5px;
+    width: 10px;
+    height: 10px;
+    border-radius: 5px;
+}
+
+.project-version {
+    margin-left: 5px;
+    font-size: 75%;
 }
 
 .card-footer .action::after {
@@ -315,8 +319,7 @@ .panel-body header {
     text-align: left;
 }
 
-footer,
-.badges {
+footer {
     text-align: center;
 }
 
@@ -423,20 +426,20 @@ .panel-header {
     color: var(--secondary-text-color);
 }
 
-.label {
+.badge {
     color: var(--heading-text-color);
     font-variant: small-caps;
 }
 
-.label-success {
+.badge-success {
     background: var(--success-color);
 }
 
-.label-warning {
+.badge-warning {
     background: var(--warning-color);
 }
 
-.label-error {
+.badge-error {
     background: var(--error-color);
 }
 

@@ -1,4 +1,4 @@ 
-<header class="col-md-9">
+<header class>
   <h2>{{title}}</h2>
   {{#subtitle}}
   <p class="primary-subtitle">{{subtitle}}</p>

@@ -2,10 +2,10 @@ <div class="card">
     <div class="card-header">
       <div class="card-title h5">
         {{#active}}
-        <small class="label label-success">active</small>
+        <small class="badge badge-success"></small>
         {{/active}}
         {{#inactive}}
-        <small class="label label-warning">inactive</small>
+        <small class="badge badge-warning"></small>
         {{/inactive}}
         {{#home}}
           <a href="{{home}}">
@@ -14,30 +14,12 @@ {{title}}
         {{#home}}
           </a>
         {{/home}}
-        &middot; v{{version}}
+        <div class="project-version">
+        v{{version}}
+        </div>
       </div>
     </div>
     <div class="card-body">
         {{summary}}
-    </div>
-    <div class="card-footer">
-      {{#site}}
-      <a href="{{site}}" class="action">
-        web site
-      </a>
-      {{/site}}
-      {{#github}}
-      <a href="https://github.com/h3rald/{{github}}" class="action">
-        source
-      </a>
-      <a href="https://github.com/h3rald/{{github}}/issues" class="action">
-        issues
-      </a>
-      {{/github}}
-      {{#docs}}
-      <a href="{{docs}}" class="action">
-        docs
-      </a>
-      {{/docs}}
     </div>
   </div>