<!DOCTYPE html>
<html lang="ru">
{% include 'utils/_head.html' %}
<body>
    {% include 'utils/_header.html' %}

    <div class="container">
        <div class="small info1 capsule-window">
            <p class="simpletext">Разделы заданий:</p>
            <nav class="navbtn">
            {%- for name, descr in (
                ('web',    "Web"),
                ('forensic',  "Форензика"),
                ('osint', "OSINT"),
            ) %}
                <a href="{{ url_for(name) }}" class="btn1">{{ descr }}</a>
            {%- endfor %}
            </nav>
            <nav class="navgoodlinks simpletext">
                <p>Полезные ссылки:</p>
                <p>
                    Универсальный и крутой справочник -
                    <a target="_blank" rel="noopener noreferrer" class="btn2" href="https://book.hacktricks.wiki/en/index.html">HackTricks</a>
                </p>
                <p>
                    Сайт с тасками на уровни выше -
                    <a target="_blank" rel="noopener noreferrer" class="btn2" href="https://codeby.games/">Codeby.games</a>
                </p>
                <p>
                    Сайт, где много крутого про Web -
                    <a target="_blank" rel="noopener noreferrer" class="btn2" href="https://portswigger.net/web-security">PortSwigger</a>
                </p>
                <p>
                    CTF Новости России -
                    <a target="_blank" rel="noopener noreferrer" class="btn2" href="https://ctfnews.ru/">CTF News</a>
                </p>
            </nav>
        </div>

        <div class="info1 capsule-window simpletext">
            <p>
                Это ресурс для обучения, где можно попробовать свои силы в самых
                лёгких CTF задачках. Тут предоставлены несколько заданий, при
                поомощи которых можно научиться пользоваться базовыми инструментами и утилитами. При нажатии
                на <span class="mono">!</span> в левом нижнем углу будут появляться пояснения по каждому
                заданию
            </p>
            <p>
                Для большинства заданий предпочтительно иметь Linux, а
                большинство используемых утилит базово есть в
                <a target="_blank" rel="noopener noreferrer" href="https://www.kali.org/get-kali/#kali-platforms" class="hltext">Kali</a>.
                Если вы используете Windows, то можно работать с
                <a target="_blank" rel="noopener noreferrer" href="https://www.virtualbox.org/wiki/Downloads" class="hltext">Виртуальной Машины</a>
            </p>
            <p> Good luck, have fun =) </p>
        </div>
    </div>
        <div id="popup" class="meme capsule-window">
            <p class="simpletext" style="text-align:left; margin:0">Ха! Самое начало, а уже подсказки ищешь?) Глупыха!!!!</p>
            <span class="close-btn usable-context" onclick="hidePopup()">скрыть</span>
        </div>
    <img id="help" title="Да, именно тут будет подсказка" onclick="showPopup()" src="{{ url_for('static', filename='imgs/icon.png') }}">
</body>
</html>
