fix: text-content

static/index.css

@@ -79,7 +79,7 @@
     right: 20px;
     width: max-content;
     backdrop-filter: blur(10px);
-    margin-left: auto;
+    margin-left: auto !important;
     padding: .5rem;
     border-radius: 4px;
 }
@@ -115,8 +115,9 @@
     font-family: Monocraft;
     color: white;
     text-align: center;
-    line-height: 2;
+    line-height: 1.7;
     font-size: 1.1rem;
+    padding: 0.2rem;
 }
 
 .header {
@@ -139,8 +140,6 @@
      color: rgba(225, 225, 225, 0.6);
      cursor: pointer;
      transition: 0.3s;
-     margin: 1rem;
-     padding: 1rem;
 }
 
 .usable-context:hover {
@@ -163,6 +162,16 @@
     height: 100%;
 }
 
+.navgoodlinks {
+    display:flex;
+    justify-content: start;
+    flex-direction: column;
+    margin: 0;
+}
+
+.navbtn + .navgoodlinks {
+    padding-top: 2rem;
+}
 
 #sqlInpt {
     position: relative;

templates/index.html

@@ -6,6 +6,7 @@
 
     <div class="container">
         <div class="small info1 divv" >
+
             <p class="simpletext">Разделы заданий:</p>
             <nav class="navbtn">
                 <a href="{{ url_for('sql') }}" class="btn1">Sql-инъекция</a>
@@ -17,11 +18,17 @@
                 <!--    <a href="">rfi</a>-->
                 <!--    <a href="">lfi</a>-->
             </nav>
-            <p class="simpletext">Универсальный и крутой справочник -  <a class="simpletext btn2" href="https://book.hacktricks.wiki/en/index.html">HackTricks</a></p>
+            <nav class="navgoodlinks">
+                <p class="simpletext">Полезные ссылки:</p>
+                <p class="simpletext" style="margin: 0; text-align: left">Универсальный и крутой справочник -  <a class="simpletext btn2" href="https://book.hacktricks.wiki/en/index.html">HackTricks</a></p>
+                <p class="simpletext" style="margin: 0; text-align: left">Сайт с тасками на уровни выше -  <a class="simpletext btn2" href="https://codeby.games/">Codeby.games</a></p>
+                <p class="simpletext" style="margin: 0; text-align: left" >Сайт, где много крутого про Web -  <a class="simpletext btn2" href="https://portswigger.net/web-security">PortSwigger</a></p>
+            </nav>
         </div>
 
         <div class="info1 divv">
-            <p class="simpletext">Это ресурс для обучения, где можно попробовать свои силы в самых лёгких CTF задачках. Тут предоставлены несколько заданий, при помощи которых можно понять основы (чего основы?). При нажатии на ! в левом нижнем углу будут появляться посвнения по каждому заданию. Задания каждого профиля можно перегенерировать, чтобы попробовать решать самому без подсказок.</p>
+            <p class="simpletext">Это ресурс для обучения, где можно попробовать свои силы в самых лёгких CTF задачках. Тут предоставлены несколько заданий, при помощи которых можно понять основы (чего основы?). При нажатии на ! в левом нижнем углу будут появляться посвнения по каждому заданию.</p>
+            <p class="simpletext">Для большенства заданий предпочтительно иметь Linux, а большинство используемых утилит базово есть в <a href="https://www.kali.org/get-kali/#kali-platforms" class="usable-context">Kali</a>. Если вы используете Windows, то можно рабоать с <a href="https://www.virtualbox.org/wiki/Downloads" class="usable-context">Виртуальной Машины</a></p>
             <p class="simpletext"> Good luck, have fun :) </p>
         </div>
     </div>

templates/success.html

@@ -26,7 +26,7 @@
         <div class="task-done">
             <h1 class="header">Вы прошли задание!</h1>
             <img class="done" src="{{ url_for('static', filename='imgs/done_icon.png') }}">
-            <a href="{{ url_for('index') }}" class="usable-context" style="text-align: canter"> < НА ГЛАВНУЮ > </a>
+            <a href="{{ url_for('index') }}" class="usable-context" style="text-align: canter; margin: 1rem; padding: 1rem;"> < НА ГЛАВНУЮ > </a>
         </div>
     {% else %}
         <div id="success"> <p>Вход произведён успешно!</p> </div>