feat: done task message

static/index.css

@@ -19,6 +19,19 @@
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.90);
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+}
+
+.done {
+    position-area: center;
+    width: 10%;
+    height: auto;
+    image-rendering: pixelated;
+    text-align: center;
 }
 
 ::-webkit-scrollbar {
@@ -124,9 +137,10 @@
      font-family: Monocraft;
      text-align: center;
      color: rgba(225, 225, 225, 0.6);
-     text-align: right;
      cursor: pointer;
      transition: 0.3s;
+     margin: 1rem;
+     padding: 1rem;
 }
 
 .usable-context:hover {
@@ -147,7 +161,6 @@
     display: flex;
     flex-wrap: wrap;
     height: 100%;
-
 }
 
 

templates/index.html

@@ -8,9 +8,9 @@
         <div class="small info1 divv" >
             <p class="simpletext">Разделы заданий:</p>
             <nav class="navbtn">
-                <a href="{{ url_for('sql') }}" class="btn1">sql пипка</a>
-                <a href="{{ url_for('found') }}" class="btn1">forensic</a>
-                <a href="{{ url_for('decode') }}" class="btn1">encode and decode</a>
+                <a href="{{ url_for('sql') }}" class="btn1">Sql-инъекция</a>
+                <a href="{{ url_for('found') }}" class="btn1">Форензика</a>
+                <a href="{{ url_for('decode') }}" class="btn1">Криптография</a>
                 <a href="{{ url_for('found') }}" class="btn1">ещё таск</a>
                 <a href="{{ url_for('decode') }}" class="btn1">и еще один таск</a>
 

templates/success.html

@@ -24,7 +24,9 @@
         <div id="error"> <p>{{ error }}</p> </div>
     {% elif success_flag %}
         <div class="task-done">
-            <p class="simpletext" style="position-area: center">В прошли задание! выбор следующих и кошки</p>
+            <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>
         </div>
     {% else %}
         <div id="success"> <p>Вход произведён успешно!</p> </div>