all repos — h3rald @ 02c8ce3ee8e5826961d0a9c9f3e75dc4a08d0e1a

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
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 117
 118
 119
 120
 121
 122
 123
 124
 125
 126
 127
 128
 129
 130
 131
 132
 133
 134
 135
 136
 137
 138
 139
 140
 141
 142
 143
 144
 145
 146
 147
<!DOCTYPE html>
<html lang="en">
  {{> _head}}
  <body>
    <div id="wrap">
      {{> _header}}
      <main id="main" class="container">
      <div class="columns">
        <div class="column col-xs-12 col-md-6">
          <article>
            <h2><a href="/{{latest.id}}">{{latest.title}}</a></h2>
            <p class="subtitle">
              {{latest.subtitle}}
            </p>
            <p class="date"><i class="ent ent-calendar"></i> <time>{{latest.date}}</time></p>
            <section>
              {{{latest.summary}}}
              <p><a href="/articles/litestore/">Continue reading →</a></p>
            </section>
          </article>
          <div class="divider text-center" data-content="more recent articles"></div>
          {{#recents}}
            <article>
              <h4><a href="/{{id}}">{{title}}</a></h4>
              <p class="subtitle">
                {{subtitle}}
              </p>
            </article>
          {{/recents}}
        </div>
        <div class="column col-xs-12 col-md-6">
          <div class="panel featured">
            <div class="panel-header">
              featured articles
            </div>
            <div class="panel-body">
              <article id="a_randal-schwartz">
              <header>
              <h3><a href="/articles/randal-schwartz/">A pizza with Randal Schwartz</a></h3>
              <p class="subtitle">Talking about open source, programming, emacs and technical writing</p>
              </header>
              </article>
              <article id="a_herald-vim-color-scheme">
              <header>
              <h3><a href="/articles/herald-vim-color-scheme/">Herald (Vim Color Scheme)</a></h3>
              <p class="subtitle">My very own VIM color scheme. Featuring 256, 16 and 8 color support, high readability and... pretty colors!</p>
              </header>
              </article>
              <article id="a_10-programming-languages">
              <header>
              <h3><a href="/articles/10-programming-languages/">10 programming languages worth checking out</a></h3>
              <p class="subtitle">A quick comparison of 10 non-mainstream programming languages</p>
              </header>
              </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
            </div>
            <div class="panel-body">
              <div class="columns">
                <div class="column col-xs-12 col-md-6">
                  <h3><a href="https://min-lang.org/">min</a></h3>
                  <p>A tiny concatenative programming language and system shell, providing a small standard library with regular expression support, cryptography, file management, and more.</p>
                </div>
                <div class="column col-xs-12 col-md-6">
                  <h3><a href="/hastyscribe/">HastyScribe</a></h3>
                  <p>A self-contained Markdown to HTML compiler based on discount but including additional features such as support for snippets, custom fields, simple macros and more.</p>
                </div>
              </div>
            </div>
          </div>
          <div class="v-spacer"></div>
          <div class="panel featured">
            <div class="panel-header">
              credits
            </div>
            <div class="panel-body">
              <p>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://calendasplus.com">Calendas Plus</a> font, used throughout this web site.
                </li>
                <li>
                <a href="https://twitter.com/picturepan2">Yan Zhu</a>, the creator of the <a href="https://picturepan2.github.io/spectre/">Spectre</a> CSS framework.
                </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>
                <li>
                <a href="https://github.com/nagoshiashumari">Daniela Howe</a> and <a href="https://github.com/idmontie">Ivan Montiel</a>, designers of the <a href="http://nagoshiashumari.github.io/Rpg-Awesome/">RPG Awesome</a> font, used for some of the icons on this web site.
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="columns">
        <div class="column col-xs-12">
          <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>
      {{> _footer}}
    </div>
  </body>
</html>