{% extends "layout.html" %}
{% block content %}
<style>
  body{
    background-image: url('/static/background.jpg');
    background-size: 100%;
  }
</style>


<h1 id="title">Home</h1>

<div class="container">
  <div class="row">
    <div class="col text-center">
      <a class="top-link" id="repository-link" href="/repository">Repository</a>
    </div>
    <div class="col text-center">
      <a class="top-link" id="repository-link" href="/slope37">Slope 37</a>
    </div>
  </div>
  <div class="row">
    <div class="col text-center">
      <a class="bottom-link" id="nigeria-link" href="/nigeria">Take Me To Nigeria</a>
    </div>
    <div class="col text-center">
      <a class="bottom-link" id="levan" href="https://kule77.itch.io/levan">Levan Saginashvili</a>
    </div>
    <div class="col text-center">
      <a class="bottom-link" id="ball" href="https://kule77.itch.io/ball-simulator">Ball Simulator</a>
    </div>
  </div>
</div>

<div class="card" id="gourd-facts">
  <div class="card-body">
    Gourd Fact! {{ fact }}
  </div>
</div>

{% endblock content %}