del ul-li structures

assets/css/styles.css

@@ -6,8 +6,7 @@ body {
     margin: 0;
     align-items: flex-start;
     padding: 10px;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCc+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMCcgeT0nMCcgd2lkdGg9JzIwcHgnIGhlaWdodD0nMjBweCcvPjxyZWN0IGZpbGw9JyM4NmE4ZTcnIHg9JzAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMjAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzg2YThlNycgeD0nMjAnIHk9JzAnIHdpZHRoPScyMHB4JyBoZWlnaHQ9JzIwcHgnLz48L3N2Zz4=");
-    background-repeat: repeat;
+    background-color: #E6E6FA;
 }
 
 header, main, footer {
@@ -33,6 +32,7 @@ div {
     border: 1px solid;
     width: 100%;
     padding: 0 20px;
+    overflow: hidden;
 }
 
 h1 {
@@ -42,6 +42,17 @@ h1 {
     border-bottom: 1px solid;
 }
 
+pre {
+    padding: 10px;
+    background: #E6E6FA;
+    border: 1px solid #e8e8e8;
+    overflow-x: auto;
+    white-space: pre;
+    word-wrap: normal;
+    width: 0;
+    min-width: calc(100% - 20px);
+}
+
 .count {
     display: flex;
     justify-content: center;

mvc/views/blocks/footer.gohtml

@@ -12,12 +12,12 @@
         <p>
             <strong>some system information</strong>:
         </p>
-        <ul>
-            <li>unix timestamp of page rendering: <code>{{ .renderingTimestamp }}</code></li>
-            <li><code>curl -X LIMINAL https://hikan.ru</code> - what do you know about liminal spaces?</li>
-            <li>this site code repository - <a href="https://git.hikan.ru/serr/hikan.ru" target="_blank">git.hikan.ru/serr/hikan.ru</a></li>
-            <li>24-hour server request count (<code>curl -X COUNT https://hikan.ru</code>):</li>
-        </ul>
+        <p>
+            > unix timestamp of page rendering: <code>{{ .renderingTimestamp }}</code><br/>
+            > <code>curl -X LIMINAL https://hikan.ru</code> - what do you know about liminal spaces<br/>
+            > this site code repository - <a href="https://git.hikan.ru/serr/hikan.ru" target="_blank">git.hikan.ru/serr/hikan.ru</a><br/>
+            > 24-hour server request count (<code>curl -X COUNT https://hikan.ru</code>):         
+        </p>
         <p class="count">
             <img src="/assets/pic/0.gif?v={{ .version }}">
             <img src="/assets/pic/0.gif?v={{ .version }}">

mvc/views/blocks/header.gohtml

@@ -12,10 +12,10 @@
         </p>
     </div>
     <div>
-        <ul>
-            <li><a href="/">main page</a></li>
-            <li><a href="/posts/">posts section</a></li>
-        </ul>
+        <p>
+            > <a href="/">main page</a><br/>
+            > <a href="/posts/">posts section</a>
+        </p>
     </div>
 </header>
 {{ end }}

mvc/views/pages/main.gohtml

@@ -36,34 +36,34 @@
             <h1>
                 things i love
             </h1>
-            <ul>
-                <li><strong>coffee</strong>. i REALLY love coffee. almost any. and a lot of</li>
-                <li><strong>movies and TV series</strong> (especially TV series). i watch something almost every day</li>
-                <li><strong>true crime</strong>. i'm obsessed with serial killer cases, mysterious disappearances, unsolved murders - all that dark stuff</li>
-                <li><strong>russian underground rap</strong> like Slava KPSS, Zamay, MB Packet, Ovsyankin etc.</li>
-                <li><strong>simple and extensible code</strong>. i think if your code is overly complex, it means you are doing something wrong. most things are simpler than they seem</li>
-            </ul>
+            <p>
+                <strong>> coffee</strong>. i REALLY love coffee. almost any. and a lot of<br/>
+                <strong>> movies and TV series</strong> (especially TV series). i watch something almost every day<br/>
+                <strong>> true crime</strong>. i'm obsessed with serial killer cases, mysterious disappearances, unsolved murders - all that dark stuff<br/>
+                <strong>> russian underground rap</strong> like Slava KPSS, Zamay, MB Packet, Ovsyankin etc.<br/>
+                <strong>> simple and extensible code</strong>. i think if your code is overly complex, it means you are doing something wrong. most things are simpler than they seem
+            </p>
         </div>
         <div>
             <h1>
                 projects
             </h1>
-            <ul>
-                <li><a href="https://git.hikan.ru/serr" target="_blank">git.hikan.ru/serr</a> - check my repos</li>
-                <li><del>telegram bot with schedule for SPBPU - <a href="https://t.me/polysched_bot" target="_blank">polysched_bot</a></del> (transferred to a more proactive owner)</li>
-                <li><del>telegram bot with schedule for SPMI - <a href="https://t.me/gornischedule_bot" target="_blank">gornischedule_bot</a></del> (closed)</li>
-            </ul>
+            <p>
+                > <a href="https://git.hikan.ru/serr" target="_blank">git.hikan.ru/serr</a> - check my repos<br/>
+                > <del>telegram bot with schedule for SPBPU - <a href="https://t.me/polysched_bot" target="_blank">polysched_bot</a></del> (transferred to a more proactive owner)<br/>
+                > <del>telegram bot with schedule for SPMI - <a href="https://t.me/gornischedule_bot" target="_blank">gornischedule_bot</a></del> (closed)<br/>
+            </p>
         </div>
         <div>
             <h1>
                 nice links
             </h1>
-            <ul>
-                <li><a href="https://mo.rijndael.cc/" target="_blank">Mo</a>, thx for design idea!</li>
-                <li>huge collection of Xakep issues -  <a href="https://図書館.きく.コム/" target="_blank">図書館.きく.コム</a></li>
-                <li>i love this website highlighting the Small Web - <a href="https://smallweb.cc/" target="_blank">smallweb</a></li>
-                <li>very atmospheric forum about black metal -  <a href="https://www.lycanthropia.net/" target="_blank">lycanthropia</a></li>
-            </ul>
+            <p>
+                > <a href="https://mo.rijndael.cc/" target="_blank">Mo</a>, thx for design idea!<br/>
+                > huge collection of Xakep issues -  <a href="https://図書館.きく.コム/" target="_blank">図書館.きく.コム</a><br/>
+                > i love this website highlighting the Small Web - <a href="https://smallweb.cc/" target="_blank">smallweb</a><br/>
+                > very atmospheric forum about black metal -  <a href="https://www.lycanthropia.net/" target="_blank">lycanthropia</a><br/>            
+            </p>
         </div>
     </main>
     {{ template "footer" . }}

posts/test-code-blocks.md

@@ -0,0 +1,12 @@
+# Тест блоков с кодом!
+
+Тестовый блок с кодом:
+
+```
+// Ответ на метод COUNT
+#include <stdio.h>
+int main() {
+	printf("very long striiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiing!");
+	return 0;
+}
+```