{% extends 'base.html' %}
{% load static %}
{% block brand_class %}wa-brand-red{% endblock %}
{% block title %}Darrel Raines{% endblock %}
{% block page_icon %}home{% endblock %}
{% block page_heading %}Home{% endblock %}
{% block head %}
<script defer src="{% static 'home/js/home.js' %}"></script>
{% endblock %}
{% block content %}
<main class="game-page home-page">
  <article>
    <h2>Welcome!</h2>
    <p>
      This is the home page of Darrel Raines. You are welcome to visit and try
      a few things out. But please keep off the grass. After all, I am an old
      man.
    </p>
  </article>
</main>
<aside slot="aside">
  <h2>Dad Jokes</h2>
  <wa-button id="joke_button" data-joke-url="{% url 'home:joke' %}" size="s">
    Tell Me One
  </wa-button>
  <p id="joke_text" aria-live="polite"></p>
</aside>
{% endblock %}