index.html

---
layout: default
title:  Mantella
---

<h1>
  <img id="logo" src="{{ site.baseurl }}/assets/mantella-milotympanum.svg" width="70.4" height="64" class="logo" alt="">

  {{ page.title }}
</h1>

Right now, this is a little playground while I revise the repo and try out different formats :)

<ul class="articleList">
  {% for post in site.posts %}
    <li class="item">
      <div class="category">
        {{ post.category }}
      </div>

      <div>
        <b><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></b>
      </div>
      
      <div>
        {{ post.intro }}
      </div>
    </li>
  {% endfor %}
</ul>

<h2>Get in touch</h2>

<p>
  You can contact me via a <a href="https://github.com/sebiniemann/Mantella/discussions/new">Github discussion</a> or by <a href="mailto:sebiniemann@gmail.com">email</a>.
</p>

<script>
const mantellas = [
  '{{ site.baseurl }}/assets/mantella-aurantiaca.svg',
  '{{ site.baseurl }}/assets/mantella-baroni.svg',
  '{{ site.baseurl }}/assets/mantella-bernhardi.svg',
  '{{ site.baseurl }}/assets/mantella-cowanii.svg',
  '{{ site.baseurl }}/assets/mantella-crocea.svg',
  '{{ site.baseurl }}/assets/mantella-ebenaui.svg',
  '{{ site.baseurl }}/assets/mantella-expectata.svg',
  '{{ site.baseurl }}/assets/mantella-haraldmeieri.svg',
  '{{ site.baseurl }}/assets/mantella-manery.svg',
  '{{ site.baseurl }}/assets/mantella-milotympanum.svg',
  '{{ site.baseurl }}/assets/mantella-viridis.svg',
];

document.getElementById('logo').src = mantellas[Math.floor(Math.random() * mantellas.length)];
</script>