{% extends 'base.html' %}

{% block title %}Annoy me{% endblock %}

{% block content %}

<script>
    let msgs = [
        "Please don't poke me!",
        "I said don't poke me!",
        "I have asked you something!",
        "DO NOT POKE ME!",
        "Okay pal, newsflash. _I_ provide you with this shitty web page and _you_ came here for it. Stop this while I'm rather calm.",
        "If you dare to poke me once again, I WILL SEND YOU TO HELL! Clear!?",
        ""
    ];
    let i = 0;
    function increment() {
        if (i == msgs.length - 1) {
            window.location.href = "https://hell.org/";
        }
        x = document.querySelectorAll("h1");
        x[0].innerText = msgs[i++];
    }
</script>

<h3>You may annoy me.</h3>
<div class="h-expander-3"></div>
<h1>Don't poke me!</h1>
<a href="#" onclick="increment()" class="button" style="text-align: center; display: block;">Poke</a>

{% endblock %}