From cbb5f7cffe4fdff0359aeaf9377a58835330ea45 Mon Sep 17 00:00:00 2001
From: chest <e.a.sunduk@gmail.com>
Date: Thu, 10 Apr 2025 18:03:10 +0300
Subject: [PATCH] feat(web): ssti comments:3

---
 static/index.css    | 11 +++++++++--
 templates/ssti.html | 30 ++++++++++++++++++++++--------
 2 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/static/index.css b/static/index.css
index 32e5fe0..752ef2a 100644
--- a/static/index.css
+++ b/static/index.css
@@ -170,9 +170,16 @@
 
 .comments {
      background-color: rgb(35, 33, 54);
-     height: 60%;
-     width: 80%;
+     height: 12rem;
+     width: 95%;
      text-align: left;
+     border-radius: 0.5rem;
+     overflow-y: auto;
+     padding: 0.5rem;
+}
+
+.comment {
+    margin: 2rem;
 }
 
 .navgoodlinks {
diff --git a/templates/ssti.html b/templates/ssti.html
index 8a60acc..00c6853 100644
--- a/templates/ssti.html
+++ b/templates/ssti.html
@@ -6,18 +6,32 @@
     <span class="close-btn usable-context" onclick="hidePopup()">скрыть</span>
 </div>
 <div class="container">
-    <div class="small capsule-window info1" style="height: auto">
+    <div class="small capsule-window info1" style="height: auto;">
         <p class="simpletext">Приветствую тебя, о сетевой путник! Прошу, оставь упоминание о себе здесь!</p>
         <form action="/web/ssti" method="post" class="simpletext">
-            <div class="small-container" ><p>Имя:<input class="inpt" type="text" name="username" style="width: 100%; height: 1.25rem; margin: 0"></p></div>
-            <div class="small-container" ><p>Комментарий:<input class="inpt" type="text" name="user_comment" style="width: 100%; height: 1.25rem; margin: 0"></p></div>
-            <input type="submit" value="Submit" class="btn1" style="margin-top: 1.25rem">
+            <div class="small-container" style="justify-content: space-between;"><p>Имя:</p> <input type="text" name="username" class="inpt" /></div>
+                <div class="small-container" style="justify-content: space-between;"><p>Комментарий:</p> <input type="text" name="user_comment" class="inpt"/></div>
+            <input type="submit" value="Отправить" class="btn1" style="margin-top: 1.25rem">
         </form>
         <div class="comments">
-            {% for (username, comment) in comments -%}
-            <p class="header" style="text-align: left">{{ username }}</p>
-            <p class="mono">{{ render_template_string(comment) }}</p>
-            {% endfor -%}
+            <div class="comment">
+                {% for (username, comment) in comments -%}
+                <p class="header" style="text-align: left">{{ username }}</p>
+                <p class="mono">{{ render_template_string(comment) }}</p>
+                {% endfor -%}
+            </div>
+            <div class="comment">
+                <p class="header" style="text-align: left">Sup3r_C4t</p>
+                <p class="mono">Мяу-мяу Мяу-мяу</p>
+            </div>
+            <div class="comment">
+                <p class="header" style="text-align: left">Herobrine</p>
+                <p class="mono">▓▒░(°◡°)░▒▓</p>
+            </div>
+            <div class="comment">
+                <p class="header" style="text-align: left">0MegaCTF++</p>
+                <p class="mono">Выходи сюда, глупый Админ! Отдавай флаг!!!!(╮°-°)╮┳━━┳ ( ╯°□°)╯ ┻━━┻</p>
+            </div>
         </div>
     </div>
     <div class="flag-input">