<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Felix Martin's Homepage">
    <link rel="shortcut icon" type="image/png" href="https://www.felixm.de/static/mannaz.png"/>
    <title>Euler - Felix Martin</title>
    <meta name="author" content="Felix Martin">
    <link href="https://www.felixm.de/static/template.css" rel="stylesheet">
  </head>
  <body>
    <header>
      <div class="container">
        <div class="row">
          <div class="col">
            <h1><a href="https://www.felixm.de">Felix Martin</a></h1>
        </div>
      </div>
    </header>

    <main role="main">
      <div class="container">
        <div class="row">
          <div class="col">
            <h2>Project Euler</h2>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <table class="table table-hover table-striped">
              <thead>
                <tr>
                  <th style="width: 20%" scope="col">Link</th>
                  <th style="width: 30%" scope="col">Completion date</th>
                  <th style="width: 50%" scope="col">Tags</th>
                </tr>
              </thead>
              <tbody>
                {% for s in solutions %}
                {% if not s.metadata.completion_date %}
                <tr class="table-warning">
                {% else %}
                <tr>
                {% endif %}
                  <td><a href="{{s.html}}">{{s.name}}</a></td>
                  <td>{{s.metadata.completion_date}}</td>
                  <td>
                  {% for t in s.metadata.tags %}
                    <kbd>{{t}}</kbd>
                  {% endfor %}
                  </td>
                </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
      </div><!-- /.container -->

      <!-- FOOTER -->
      <footer class="container">
        <p class="float-right"><a href="#">Back to top</a></p>
        <p>&copy; 2017-2018 Felix Martin &middot;
          <a href="#">Impressum</a> &middot;
          <a href="https://code.felixm.de">Code</a>
        </p>
      </footer>
    </main>
  </body>
</html>
