all repos — h3rald @ 729c96ff2ef83462b8e86906962d52dcd791bd46

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
<!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>
            <time><i class="ent ent-calendar"></i> {{latest.date}}</time></p>
            <section class="body-text">
              {{{latest.summary}}}
              <p><a href="/{{latest.id}}">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>
              <time><i class="ent ent-calendar"></i> {{date}}</time></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">
              featured projects
            </div>
            <div class="panel-body">
              <div class="columns">
                <div class="column col-xs-12 col-md-6">
                  <h3><a href="/min/">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="https://www.theleagueofmoveabletype.com/members/matt">Matt McInerney</a>, who designed the <a href="https://www.theleagueofmoveabletype.com/raleway">Raleway</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, used as the basis for the styling of 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 class="v-spacer"></div>
        </div>
      </div>
      </main>
      {{> _footer}}
    </div>
  </body>
</html>