<!DOCTYPE html>
<html lang="en">
  <head>
    {% load static %}
    <link rel="stylesheet" href="{% static 'style.css' %}" />
    <title>THE INDEX</title>
    <link rel="icon" href="{% static 'icon.png' %}" />
  </head>
  <body id="index">
    <div class="centerade">
      <a href="https://fediring.net/previous?host=yari.fai.st"
        ><img
          style="height: 30px; width: auto"
          src="{% static 'icons/last.png' %}"
          alt="LAST"
      /></a>
      <a href="https://fediring.net/"
        ><img
          style="height: 30px; width: auto"
          src="{% static 'icons/fediring.png' %}"
          alt="FEDIRING"
      /></a>
      <a href="https://fediring.net/next?host=yari.fai.st"
        ><img
          style="height: 30px; width: auto"
          src="{% static 'icons/next.png' %}"
          alt="NEXT"
      /></a>
      <br />Fediring links
    </div>
    <div id="noscript">
      <div class="centercubeplease">
        <h1>I'm bizcochito, hey!</h1>
        <h2>-Pages:</h2>
        <p>
          <a href="about/">-About me</a><br />
          <a href="funni/">-Gifs</a><br />
        </p>
        <h2>-Extra stuf</h2>
        <p>
          <a href="book/">-Signbook</a>
        </p>
        <h2>-Funni gifs</h2>
        <p>
          {% for gif in gif_list %}
          <img
          style="max-height: 50px; width: auto"
          src="{% static "gif/" %}{{gif.name}}"
          alt="{{gif.url}}"
          />
          {% endfor %}
        </p>
        <h2>-Frens:</h2>
        <p>
          {% for banner in banner_list %}
          <a href="https://{{banner.url}}"><img
              style="height: 31px; width: auto"
              src="{% static "icons/88x31/" %}{{banner.name}}"
              alt="{{banner.url}}"
            /></a>
          {% endfor %}
        </p>
        <h2>-Me in other places:</h2>
        <p>
          <a href="http://cronut.cafe/~bizcochito"
            ><img
              src="{% static 'icons/coconut.png' %}"
              alt="cronut.cafe/~bizcochito"
          /></a>
        </p>
        <h2>-NEW BANNER:</h2>
        <p>
          <a href="https://yari.fai.st"
            ><img src="{% static 'icons/bizcochito.gif' %}" alt="yari.fai.st"
          /></a>
        </p>
      </div>
      <div class="centerade">
        <a><img src="{% static "ads/hor/" %}{{ad}}" /></a>
      </div>
    </div>
    <script>
      function nojs() {
        document.getElementById("noscript").style.display = "block";
        document.getElementById("nojs").style.display = "none";
      }
      document.getElementById("noscript").style.display = "none";
      document.write(
        '<div id="nojs" class="centercubeplease"><p>To see the website please disable JS</p><p><a href="#" onclick="nojs()">I cant do that, daddy google does not LET me :(</a></p></div>'
      );
    </script>
  </body>
</html>
