{% load static %}
<!DOCTYPE html>
<html lang="en">
{% include "head.html" %}
  <body id="index">
      {% include "fediring.html" %}
    <div id="noscript">
      <div class="centercubeplease">
        <h1>I'm bizcochito, hey!</h1>
        <h2>-Pages:</h2>
        <ul class="disclosure-closed">
          <li><a href="signbook/">Signbook</a></li>
        </ul>        
        <h2>-Banners</h2>
        <div class="img">
          {% for gif in banger_list %}
          <img
          style="max-height: 50px; width: auto"
          src="{% static "icons/banner/" %}{{gif.name}}"
          alt="{{gif.url}}"
          />
          {% endfor %}
        </div>
        <h2>-Funni gifs</h2>
        <div class="img">
          {% for gif in gif_list %}
          <img
          style="max-height: 50px; width: auto"
          src="{% static "icons/gif/" %}{{gif.name}}"
          alt="{{gif.url}}"
          />
          {% endfor %}
        </div>
        <h2>-Frens:</h2>
        <div class="img">
          {% 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 %}
        </div>
        <h2>-Me in other places:</h2>
        <div class="img">
          <a href="http://cronut.cafe/~bizcochito"
            ><img
              src="{% static 'icons/coconut.png' %}"
              alt="cronut.cafe/~bizcochito"
          /></a>
        </div>
        <h2>-NEW BANNER:</h2>
        <div class="img">
          <a href="https://yari.fai.st"
            ><img src="{% static 'icons/bizcochito.gif' %}" alt="yari.fai.st"
          /></a>
        </div>
      </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>
