{% extends 'base/base-hero.html' %}
{% load static %}

{% block title %}Home{% endblock %}
{% block head %}
  <link rel="stylesheet" href="{% static "css/home/index.css" %}">
{% endblock %}

{% block hero-body %}
  <div class="container is-flex">
    <img class="hero-image is-centered" src="{% static "images/logo_site_banner.svg" %}" alt="Python Discord logo" />
  </div>
  <div class="container has-text-centered">
    <h1 class="title is-4">
      The hottest Python community on the web
    </h1>
  </div>
{% endblock %}
{% block content %}
  <section class="section">
    <div class="container is-spaced">
      <div class="columns">
        <div class="column is-two-thirds">
          <p>
            We're a large, friendly community focused around the Python programming
            language, open to those who wish to learn the language or improve their
            skills, as well as those looking to help others.

            <br /><br />

            We organise regular community events and have a dedicated staff of
            talented Python developers available to assist around the clock.

            <br /><br />

            Whether you're looking to learn the language or working on a complex project,
            we've got someone who can help you if you get stuck.
          </p>
        </div>
        <div class="column is-one-third is-first has-text-centered">
          <h1 class="title">Join the community</h1>

          {# TODO: Fix URL #}
          <a href="https://pythondiscord.com/invite">
            <img class="discord-banner" src="https://discordapp.com/api/guilds/267624335836053506/embed.png?style=banner3" alt="Discord banner" />
          </a>
        </div>
      </div>
    </div>
  </section>

  <section class="section-sp hero is-light">
    <div class="hero-body">
      <div class="container">
        <h1 class="title is-6 has-text-grey">
          Sponsors
        </h1>
        <img src="{% static "images/sponsors/linode.png" %}" alt="" />
        <img src="{% static "images/sponsors/jetbrains.png" %}" alt="" />
        <img src="{% static "images/sponsors/adafruit.png" %}" alt="" />
      </div>
    </div>
  </section>
{% endblock %}

<!-- vim: set ft=htmldjango: -->