main.html

<template name="main">

<a href="/about"><div class="arrowleftupcorner"><span style="margin-left: 20px">ABOUT</span></div></a>
<a href="/test"><div class="arrowrightupcorner"><div class="circle-stamp-test">FONT<br>TESTER</div></div></a>
<div class="arrowleftdowncorner"><a href="#index">INDEX</a></div>
<div class="arrowrightdowncorner"><a href="#overview">OVERVIEW</a></div>
<div class="arrowup" style="margin-left: -16px;"><a href="#up" style="color: white">UP</a></div>


<div class="content-center">

<h1 style="margin-top: 30%; color: white">SPECIMEN</h1>

<h4 style="margin-top: 50px">A BLOG ON OPEN SOURCE FONTS</h4>
<h4 style="margin-top: 50px">A SERIES OF INTERNATIONAL EVENTS</h4>
<div class="comingsoon">coming soon!</div>

<div style="font-family: Cabin; line-height: 26px; text-align: left; width: 550px">
<h4 style="margin-top: 100px; text-align: left">{{#if commit}}Last modification <a href="https://github.com/furter/specimen">[from GitHub]</a> :{{else}}&nbsp;{{/if}}</h4><br>
{{#if commit}}
{{ formatDate commit.date }}<br>
{{#if commit.link }}<a href="{{ commit.link }}">{{ commit.message }}</a>{{else}}{{ commit.message }}{{/if}}
{{/if}}
</div><br><br>
<h2 id="overview">OVERVIEW</h2><br>

<div style="width: 895px; height: 1650px; margin-left: 8px; margin-bottom: 100px; clear: both">
    {{#each posts}}
    <a href="/of/{{ slug }}"><div class="overview-box">{{{ preview }}}</div></a>
    {{/each}}
    <div class="overview-box" style="border: none"><p style="font-family: Cabin; font-size: 100px; letter-spacing: 1px; margin-top:80px; margin-bottom: -10px; color: white">...</p></div>
</div>

<h2 id="index"  style="margin-top: 150px">INDEX</h2>
<br><br>
<div class="index" style="margin-left: 80px">
GEOGRAPHY<br><br>
<li>Africa</li>
<li>Antarctica</li>
<li>Asia</li>
<li>Australia</li>
<li><a href="/brussels">Brussels</a></li>
<li>Europe</li>
<li>North America</li>
<li>South America</li>
<li><a href="/universelse">The Universe</a></li>
<li>…</li>

</div>
<div class="index">
HISTORY<br><br>
<li>Prehistory</li>
<li>Antiquity</li>
<li>Middle Ages</li>
<li><a href="#overview">Modern Ages</a></li>
<br>
<li>BC</li>
<li><a href="#overview">AD</a></li>
<br>
<li>0</li>
<li>I</li>
<li>II</li>
<li>III</li>
<li>IV</li>
<li>V</li>
<li>VI</li>
<li>VII</li>
<li>VIII</li>
<li>IX</li>
<li>X</li>
<li>XI</li>
<li>XII</li>
<li>XIII</li>
<li>XIV</li>
<li>XV</li>
<li>XVI</li>
<li>XVII</li>
<li>XVIII</li>
<li>XIX</li>
<li>XX</li>
<li>XXI</li>
<br>
<li>1910</li>
<li>1920</li>
<li>1930</li>
<li>1940</li>
<li>1950</li>
<li>1960</li>
<li>1970</li>
<li>1980</li>
<li>1990</li>
<li>2000</li>
<li>2010</li>
<br>
<li><a href="/thefuture">The Future</a></li>


</div>

<div class="index2">
STORY<br><br>
<li><a href="/of/petrona">Cooking</a></li>
<!-- <li>Jekyll &amp; Hyde</li> -->
<!-- <li>Horror</li> -->
<!-- <li>Large family stories</li> -->
<!-- <li><a href="/lazydog">Lazy dog</a></li> -->
<li><a href="/of/charis">Linguists and CopyShops</a></li>
<!-- <li>Mistreat it</li> -->
<li><a href="/of/meta">META</a></li>
<li><a href="/of/zxx">NO OCR</a></li>
<li><a href="/of/sansguilt">Not guilty</a></li>
<li><a href="/of/logisoso">On the road</a></li>
<!-- <li>Save the planet</li> -->
<!-- <li><span class="comingsoon">Strong accents<span class="soon">coming soon</span></span></li> -->
<li><a href="/thisway">This way</a></li>
<!-- <li>Tofu</li> -->
<li><a href="/xheight">x-height</a></li>
<li><a href="/punctuation">*:°%”!!</a></li>
</div>
<br><br>



</div> <!-- end div Content-center -->
</template>