all repos — h3rald @ 019f3229fba465db3709fce4dbdc7dc04cc1c622

The sources of https://h3rald.com

templates/home.mustache

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
<!DOCTYPE html>
<html lang="en">
  {{> _head}}
  <body>
    <div class="main container-fluid">
        {{> _header}}
      <div class="row">
        <div class="hidden-xs col-sm-4 col-md-3 sidebar">
          {{> _panels}}
        </div>
        <div class="col-xs-12 col-sm-8 col-md-9">
          <div class="box content home-content">
            <article>
              <h2>Welcome</h2>
              <section class="body-text">
                <p>Welcome to H3RALD.com. This site used to be a fairly active blog back in the early 2000s, but sadly I progressively lost interest in writing articles, perhaps because I didn't have anything new to write about that you couldn't find elsewhere. However, all the content is still here, so feel free to browse through the <a href="/articles">articles</a> section.</p>
                <p>As I progressively neglected writing, I started creating more and more small programs and tools to perform common tasks, mostly using the <a href="https://nim-lang.org" target="_blank">Nim</a> programming language. They are all open source, they all have a dedicated project page here, and there's some pretty decent documentation for most of them. You can find them all in the <a href="/projects">projects</a> section.</p>
                <p>At any rate, thank you for stopping by!</p>
                <p>&mdash; Fabio</p>
              </section>
            </article>
            <div class="panel">
              <div class="panel-header">
                about
              </div>
              <div class="panel-body">
                <p class="leading">This site is now built with <a href="/hastysite/">HastySite</a>, my very own static site generator. Over the years, the site went through several iterations characterized by different visual themes and technology stacks, you can read about it <a href="/h3rald/">here</a>.</p>
                <p>I consider myself a <em>hacker</em> in the true meaning of the word:</p>
                <blockquote>"A person who enjoys exploring the details of programmable systems and how to stretch their capabilities, as opposed to most users, who prefer to learn only the minimum necessary."</blockquote>
                <p style="padding-left:4em;">
                &mdash; Eric S. Raymond, <cite><a href="http://www.catb.org/jargon/html/H/hacker.html">The Jargon File</a></cite>
                </p>
                <p>I am a passionate programmer and open source advocate, a technology enthusiast and a devoted Star Trek fan. Throughout my professional career I have been working as a developer, technical writer, software architect, and product owner. </p>
              </div>
            </div>
            <div class="panel">
              <div class="panel-header">
                credits
              </div>
              <div class="panel-body">
                <p class="leading">Special thanks to the following people, who made this web site possible:</p>
                <ul>
                  <li>
                  <a href="http://scholarsfonts.net/">David J. Perry</a>, who designed the <a href="http://scholarsfonts.net/cardofnt.html">Cardo</a> font used for the H3RALD logo.
                  </li>
                  <li>
                  <a href="http://atipo.es/en/">atipo</a>, who designed the <a href="http://atipofoundry.com/fonts/noway">Noway</a> font, used throughout this web site.
                  </li>
                  <li>
                  <a href="http://www.danielbruce.se/">Daniel Bruce</a>, designer of the <a href="http://www.entypo.com/">Entypo</a> font, used for the icons on this web site.
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="hidden-md hidden-lg hidden-xl col-xs-12 sidebar">
      {{> _panels}}
      </div>
      <div class="row">
        <div class="col-xs-12">
          {{> _footer}}
        </div>
      </div>
    </div>
  </body>
</html>