{% extends "layout.html" %}
{% load static %}

{% block headerExtension %}
    <link rel="stylesheet" href="{% static "base_app/css/ukraine.css" %}">
{% endblock %}

{% block content %}
<div class="page">

    <h1 style="display:inline"> Glory to Ukraine!
        <img src="{% static "base_app/img/ukraine.png" %}" width="48">
    </h1>

    <h2> Glory to heroes! </h2>

    <h3> Say no to propaganda </h3>
    <p>
        This website is inspired by <a
            href="https://vug.pl/takeRussiaDown.html">vug.pl</a> (Careful,
        this will immediately launch a DoS attack against russian servers.)
    </p>
    <p>
        Please bookmark that website as well, any page like this is at risk of
        being taken down. If you wish to contact me about this effort, please do so
        by encrypted means. I will send tutorials and help explain how to, if you do not
        posses such skills.
    </p>
    <p>
        Thank you for your help.
    </p>

    <h3>What can I do?</h3>
    <p>
        Below, you can see a list of domains and a start button. If you click
        the start button, you launch a <a
            href="https://en.wikipedia.org/wiki/Denial-of-service_attack">
            DDoS&nbspattack</a>&nbsp(Wikipedia)
        against russian servers and disinformation websites
        directly connected to, or exclusively sourcing, russian propaganda.
    </p>
    <p>
        If you believe some website is missing or shouldn't be here, please
        contact me using the information in the footer.
    </p>

    <input type="button" value="Start" onclick="flood()">
    <input type="button" value="Stop" onclick="stop=true">
    <p id="status">Status: off</p>
    <p>Max requests (more is better, pull down if browser is unusable):</p>
    <div class="slidecontainer" onchange="req_update()">
          <input type="range" min="1" max="5096" value="50" class="slider" id="requests">
    </div>
    <p id="amount">50</p>
    <p>Un/selecting a domain requres restart.</p>
    {% for domain in domains %}
    <div class="domain-wrapper">
        <div class="domain-segment-checkbox">
            <input type="checkbox" checked="true">
        </div>
        <div class="domain-segment-domain">
            {{ domain }}
        </div>
        <div class="domain-segment-req">
            requests: 0
        </div>
        <div class="domain-segment-err">
            errors: 0
        </div>
    </div>
    {% endfor %}

</div>

<script src="{% static "base_app/js/fuck_putin.js" %}"></script>
{% endblock %}