<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>{{ title }} @ Código para llevar</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="../css/style.css" />
        <link rel="stylesheet" href="../css/light-syntax.css" />
        <link rel="stylesheet" href="../css/dark-syntax.css" />
    </head>
    <body>
      <div class="site-header">
        <h1 class="site-name"><a href="/">Codigo para llevar</a></h1>
        <nav class="site-links">
          <span class="fancy-link">
            <a href="https://codigoparallevar.com/">Home</a>
          </span>
          <span class="fancy-link">
            <a href="https://github.com/kenkeiras">GitHub</a>
          </span>
          <span class="fancy-link">
            <a href="https://gitlab.com/kenkeiras">GitLab</a>
          </span>
          <span class="fancy-link">
            <a href="https://programaker.com/users/kenkeiras">PrograMaker</a>
          </span>
        </nav>
      </div>
      <div class="content">
        <article class="post">
          <h2 class="post-title">{{ title }}</h2>
          <div class="post-metadata">
            <time datetime="{{ post_publication_date }}">
              {{ post_publication_date }}
            </time>
            <ul class="post-tags">
              {% for post_tag in post_tags %}
              <li class="post-tag">{{ post_tag }}</li>
              {% endfor %}
            </ul>
          </div>
          <div class="post-content">
            {{ content | safe }}
          </div>
        </article>
      </div>
    </body>
</html>