upd drone mst

.drone.yml

@@ -15,42 +15,93 @@ steps:
 - name: pull into the folduh
   commands:
   - cd /usr/share/repos/$DRONE_REPO_NAME
+  - git checkout $DRONE_COMMIT_BRANCH 
   - git pull origin $DRONE_COMMIT_BRANCH
-- name: build
-  environment:
-   DOCKER_TLS_VERIFY: 1
-   DOCKER_HOST: "tcp://192.168.49.2:2376"
-   DOCKER_CERT_PATH: "/home/hogweed1/.minikube/certs"
-   MINIKUBE_ACTIVE_DOCKERD: "minikube"
+# - name: build
+#   environment:
+#    DOCKER_TLS_VERIFY: 1
+#    DOCKER_HOST: "tcp://192.168.49.2:2376"
+#    DOCKER_CERT_PATH: "/home/hogweed1/.minikube/certs"
+#    MINIKUBE_ACTIVE_DOCKERD: "minikube"
+#   commands: 
+#   - cd /usr/share/repos/$DRONE_REPO_NAME
+#   - git checkout $DRONE_COMMIT_BRANCH 
+#   - docker build . -t ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)"
+#   - docker tag ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)" ${DRONE_REPO_NAME}:latest
+#   - docker tag ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)" ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}
+- name: build to harbor
   commands: 
   - cd /usr/share/repos/$DRONE_REPO_NAME
   - git checkout $DRONE_COMMIT_BRANCH 
-  - docker build . -t ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)"
-  - docker tag ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)" ${DRONE_REPO_NAME}:latest
-  - docker tag ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)" ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH} 
+  #- docker build . -t ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)"
+  #- docker tag ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)" harbor.guaranteedstruggle.host/library/${DRONE_REPO_NAME}:latest
+  #- docker tag ${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}-"$(git rev-parse --short HEAD)" harbor.guaranteedstruggle.host/library/${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}
+  - docker build . -t harbor.guaranteedstruggle.host/library/${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}
+  - docker login harbor.guaranteedstruggle.host -u 'robot$drono' -p valgBwMgcB86azvmuezTOC3omjXZ1NZe
+  - docker push harbor.guaranteedstruggle.host/library/${DRONE_REPO_NAME}:${DRONE_COMMIT_BRANCH}
+
 
 - name: restart deployment master
   environment:
-   DOCKER_TLS_VERIFY: 1
-   DOCKER_HOST: "tcp://192.168.49.2:2376"
-   DOCKER_CERT_PATH: "/home/hogweed1/.minikube/certs"
-   MINIKUBE_ACTIVE_DOCKERD: "minikube"
+   KUBECONFIG: /etc/kubernetes/admin.conf
   commands: 
-  - su - hogweed1 -c "minikube kubectl -- rollout restart -n vdk2ch deployment flask-htmx-master"
+  - kubectl rollout restart -n vdk2ch deployment flask-htmx-master
   when:
     branch:
     - master-of-slaves
 
 - name: restart deployment dev
   environment:
-   DOCKER_TLS_VERIFY: 1
-   DOCKER_HOST: "tcp://192.168.49.2:2376"
-   DOCKER_CERT_PATH: "/home/hogweed1/.minikube/certs"
-   MINIKUBE_ACTIVE_DOCKERD: "minikube"
+   KUBECONFIG: /etc/kubernetes/admin.conf
   commands: 
-  - su - hogweed1 -c "minikube kubectl -- rollout restart -n vdk2ch deployment flask-htmx-dev"
+  - kubectl rollout restart -n vdk2ch deployment flask-htmx-dev
   when:
     branch:
     - dev
 
+- name: restart deployment our-style
+  environment:
+   KUBECONFIG: /etc/kubernetes/admin.conf
+  commands: 
+  - kubectl rollout restart -n vdk2ch deployment flask-htmx-our-style
+  when:
+    branch:
+     - our-style
+
+# - name: restart deployment master
+#   environment:
+#    DOCKER_TLS_VERIFY: 1
+#    DOCKER_HOST: "tcp://192.168.49.2:2376"
+#    DOCKER_CERT_PATH: "/home/hogweed1/.minikube/certs"
+#    MINIKUBE_ACTIVE_DOCKERD: "minikube"
+#   commands: 
+#   - su - hogweed1 -c "minikube kubectl -- rollout restart -n vdk2ch deployment flask-htmx-master"
+#   when:
+#     branch:
+#     - master-of-slaves
+
+# - name: restart deployment dev
+#   environment:
+#    DOCKER_TLS_VERIFY: 1
+#    DOCKER_HOST: "tcp://192.168.49.2:2376"
+#    DOCKER_CERT_PATH: "/home/hogweed1/.minikube/certs"
+#    MINIKUBE_ACTIVE_DOCKERD: "minikube"
+#   commands: 
+#   - su - hogweed1 -c "minikube kubectl -- rollout restart -n vdk2ch deployment flask-htmx-dev"
+#   when:
+#     branch:
+#     - dev
+
+# - name: restart deployment our-style
+#   environment:
+#    DOCKER_TLS_VERIFY: 1
+#    DOCKER_HOST: "tcp://192.168.49.2:2376"
+#    DOCKER_CERT_PATH: "/home/hogweed1/.minikube/certs"
+#    MINIKUBE_ACTIVE_DOCKERD: "minikube"
+#   commands: 
+#   - su - hogweed1 -c "minikube kubectl -- rollout restart -n vdk2ch deployment flask-htmx-our-style"
+#   when:
+#     branch:
+#     - our-style
+ 
  

.gitignore

@@ -1 +1,2 @@
 __pycache__
+static/.webassets_cache

Dockerfile

@@ -2,13 +2,13 @@
 FROM python:3.11-alpine
 
 # copy the requirements file into the image
-COPY ./reqs.txt /app/reqs.txt
+COPY ./reqs.txt /app/reqs0.txt
 
 # switch working directory
 WORKDIR /app
 
 # install the dependencies and packages in the requirements file
-RUN pip install -r reqs.txt
+RUN pip install -r reqs0.txt
 
 # copy every content from the local file to the image
 COPY . /app

README.md

@@ -213,3 +213,5 @@ stateDiagram-v2
     dash_join --> User : дашборды
 
 ```
+
+

app.py

@@ -1,13 +1,13 @@
 from flask import Flask, render_template, request
 from flask_assets import Bundle, Environment
 from todo import todos
-from boards import board_list
+#from boards import board_list
 from threads import threads_lists
 from threads_with_posts import open_threads
+from arango import ArangoClient
 
 import socket
 
-
 app = Flask(__name__)
 
 assets = Environment(app)
@@ -24,6 +24,16 @@ js.build()
 
 
 
+docker_short_id = socket.gethostname()
+ 
+arango_client = ArangoClient(hosts='https://arango.guaranteedstruggle.host') 
+db = arango_client.db('board1', username='root', password='stolendick527')
+ 
+# предполагается что меняться список будет весьма редко, поэтому подхватываем при лишь при перезапуске
+boards0     = db.collection('boards')
+board_list  = [ k['_key'] for k in boards0]
+
+
 @app.route('/liveness')
 def healthx(): 
   return "<h1><center>Liveness check completed</center><h1>"
@@ -37,38 +47,60 @@ def healthz():
 
 @app.route("/")
 def homepage():  
-    docker_short_id = socket.gethostname()
     return render_template("main-page.html", host_id=docker_short_id, boards=board_list)
  
 
-### stolen
-@app.route("/boards/<board_id>")
-def page_board(board_id):
+@app.route("/db_posts")
+def page_posts_from_db():  
     
-    b_threads = [ open_threads[thread_id] for thread_id in open_threads if thread_id in threads_lists[board_id]]
-    return render_template("board.html", board_id=board_id, boards=board_list, board_threads=b_threads)
+    postos = db.collection('posts')
+    postos = [ p for p in postos]
+    postos  = sorted(postos, key=lambda posto: posto['_key'], reverse=False)
+ 
+    return render_template("interactive-posts.html", host_id=docker_short_id, postos=postos)
 
 
-### stolen
-@app.route("/todo")
-def page_todo():
-    return render_template("page1.html")
+@app.route('/post_my_post/<post_key>', methods=['POST'])
+def post_a_post(post_key):
             
     
-@app.route("/search", methods=["POST"])
-def search_todo():
-    search_term = request.form.get("search")
+    postos = db.collection('posts')
 
-    if not len(search_term):
-        return render_template("todo.html", todos=[])
 
-    res_todos = []
-    for todo in todos:
-        if search_term in todo["title"]:
-            res_todos.append(todo)
+    #### TODO проверить как-то по-умному что мы таки его добавили
+    metadata = postos.insert({
+        'texto': 'next post is this',
+        'parent_post': f'{post_key}'
+    }, overwrite_mode='update') 
  
-    return render_template("todo.html", todos=res_todos)
-### /stolen
+    metadata = db.collection('post_parents').insert({
+       # '_key':     post_key,
+        '_from':    f'posts/{post_key}',
+        '_to':      f'posts/{metadata["_key"]}'
+    }, overwrite_mode='update') 
+
+    
+ 
+    cursor = db.aql.execute(
+        """FOR ppp IN posts 
+            LET children = (FOR v IN 1..9999 OUTBOUND ppp post_parents RETURN v) 
+            UPDATE ppp WITH { children_num : COUNT_DISTINCT( children[*]._key )  } IN posts""" 
+    ) 
+    cursor = db.aql.execute(
+        """FOR ppp IN posts 
+            LET children = (FOR v IN 1OUTBOUND ppp post_parents RETURN v) 
+            UPDATE ppp WITH { answers_num : COUNT_DISTINCT( children[*]._key )  } IN posts""" 
+    ) 
+
+    postos = db.collection('posts') 
+    postos  = sorted(postos, key=lambda posto: posto['_key'], reverse=False)
+
+    return render_template("i-posts.html", host_id=docker_short_id, postos=postos)
+
+
+# @app.route('/post_my_file', method=['POST'])
+# def post_a_file():
+#     pass
 
  
 

reqs.txt

@@ -1,2 +1,3 @@
 flask
 flask-assets
+python-arango

static/src/vdk2ch.css

@@ -0,0 +1,41 @@
+/* украдено здесь https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/ */
+
+.hex-main {
+    display:flex; 
+    --s: 100px;  /* size  */
+    --m: 4px;    /* margin */
+    --f: calc(1.732 * var(--s) + 4 * var(--m)  - 1px);
+    max-width: 330px;
+    margin: 15px;
+}
+  
+.hex-container {
+    font-size: 0; /*disable white space between inline block element */
+}
+  
+.hex-container img {
+    width:  var(--s);
+    margin: var(--m);
+    height: calc(var(--s)*1.1547); 
+    display: inline-block;
+    font-size:initial;
+    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
+    background: transparent;
+    margin-bottom: calc(var(--m) - var(--s)*0.2885); 
+}
+
+.hex-container img:nth-child(odd) {
+    background: transparent;
+}
+.hex-container::before {
+    content: "";
+    width: calc(var(--s)/2 + var(--m));
+    float: left;
+    height: 120%;
+    shape-outside: repeating-linear-gradient(     
+                    #0000 0 calc(var(--f) - 3px),      
+                    #000  0 var(--f));
+}
+  
+
+

templates/base.html

@@ -5,7 +5,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">
     {% assets 'css' %}
       <link rel="stylesheet" href="{{ ASSET_URL }}">
     {% endassets %}
@@ -17,8 +16,30 @@
     <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
     <title>Board++</title>
   </head>
-  <body class="bg-blue-100"> 
+  <body class=" "> 
+    
+    <div id="multi-bg"> 
     {% block content %}
     {% endblock content %}
+    </div> 
+    <style>
+      #multi-bg{ 
+            background-size: 100% 100%; 
+            height: 100%;
+            background-repeat: repeat-y;
+            background-attachment: fixed;
+        /* height: 1080px; 
+            background-position: bottom center, 50%, 50%;
+          */
+          display: block;
+          background-color: #808;
+          background-image:
+            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23cc3f47' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23b3373e' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23c8364e' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23b02f44' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23c22f55' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23ab294b' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23bb285c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a52351' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23b32362' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%239f1f57' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23aa2068' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23971c5d' points='943 900 1210 900 971 687'/%3E%3C/svg%3E"),
+            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 160 80'%3E%3Cg fill='%23FFF' fill-opacity='0.2'%3E%3Cpolygon points='0 10 0 0 10 0'/%3E%3Cpolygon points='0 40 0 30 10 30'/%3E%3Cpolygon points='0 30 0 20 10 20'/%3E%3Cpolygon points='0 70 0 60 10 60'/%3E%3Cpolygon points='0 80 0 70 10 70'/%3E%3Cpolygon points='50 80 50 70 60 70'/%3E%3Cpolygon points='10 20 10 10 20 10'/%3E%3Cpolygon points='10 40 10 30 20 30'/%3E%3Cpolygon points='20 10 20 0 30 0'/%3E%3Cpolygon points='10 10 10 0 20 0'/%3E%3Cpolygon points='30 20 30 10 40 10'/%3E%3Cpolygon points='20 20 20 40 40 20'/%3E%3Cpolygon points='40 10 40 0 50 0'/%3E%3Cpolygon points='40 20 40 10 50 10'/%3E%3Cpolygon points='40 40 40 30 50 30'/%3E%3Cpolygon points='30 40 30 30 40 30'/%3E%3Cpolygon points='40 60 40 50 50 50'/%3E%3Cpolygon points='50 30 50 20 60 20'/%3E%3Cpolygon points='40 60 40 80 60 60'/%3E%3Cpolygon points='50 40 50 60 70 40'/%3E%3Cpolygon points='60 0 60 20 80 0'/%3E%3Cpolygon points='70 30 70 20 80 20'/%3E%3Cpolygon points='70 40 70 30 80 30'/%3E%3Cpolygon points='60 60 60 80 80 60'/%3E%3Cpolygon points='80 10 80 0 90 0'/%3E%3Cpolygon points='70 40 70 60 90 40'/%3E%3Cpolygon points='80 60 80 50 90 50'/%3E%3Cpolygon points='60 30 60 20 70 20'/%3E%3Cpolygon points='80 70 80 80 90 80 100 70'/%3E%3Cpolygon points='80 10 80 40 110 10'/%3E%3Cpolygon points='110 40 110 30 120 30'/%3E%3Cpolygon points='90 40 90 70 120 40'/%3E%3Cpolygon points='10 50 10 80 40 50'/%3E%3Cpolygon points='110 60 110 50 120 50'/%3E%3Cpolygon points='100 60 100 80 120 60'/%3E%3Cpolygon points='110 0 110 20 130 0'/%3E%3Cpolygon points='120 30 120 20 130 20'/%3E%3Cpolygon points='130 10 130 0 140 0'/%3E%3Cpolygon points='130 30 130 20 140 20'/%3E%3Cpolygon points='120 40 120 30 130 30'/%3E%3Cpolygon points='130 50 130 40 140 40'/%3E%3Cpolygon points='120 50 120 70 140 50'/%3E%3Cpolygon points='110 70 110 80 130 80 140 70'/%3E%3Cpolygon points='140 10 140 0 150 0'/%3E%3Cpolygon points='140 20 140 10 150 10'/%3E%3Cpolygon points='140 40 140 30 150 30'/%3E%3Cpolygon points='140 50 140 40 150 40'/%3E%3Cpolygon points='140 70 140 60 150 60'/%3E%3Cpolygon points='150 20 150 40 160 30 160 20'/%3E%3Cpolygon points='150 60 150 50 160 50'/%3E%3Cpolygon points='140 70 140 80 150 80 160 70'/%3E%3C/g%3E%3C/svg%3E"),         
+            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23740074' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%235f005f' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%234b004b' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23360036' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23220022' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
+          
+          background-size: cover;
+      }
+    </style>
   </body>
 </html>

templates/board.html

@@ -1,66 +0,0 @@
-{% extends "base.html" %}
-
-{% block content %} 
-
-<div class="content">
-    <p>Вы тут: /{{board_id}}</p>
-</div>
-
-
-<nav>
-    <a  href="/">glavnaya</a>
-    <br>
-    Доски: 
-    <div class="boards">
-        <ul>
-        {% for board in boards %}
-            <li><a href="/boards/{{board}}">/{{board}}</a></li> 
-        {% endfor %}
-        </ul> 
-    </div>
-</nav>
-
-<!-- 
-<table class="pure-table-odd">
-    <thead>
-      <tr>
-        <th class="">пикча эта ваша</th>
-        <th class="">номер треда</th>
-        <th class="">номер поста</th>
-        <th class="">автор(ка)</th> 
-        <th class="">текст</th>
-      </tr>
-    </thead>
-    <tbody id="thread-results">
-        {% for thread in board_threads %}
-            <tr class="">
-                <td class="">
-                    <a  href="https://static.vdk2ch.ru/thread-pics/{{thread.pic_links}}" target=”_blank”>
-                        <svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                            <defs>
-                                <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
-                                    <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{thread.pic_links}}" x="-25" width="150" height="100" />
-                                </pattern>
-                            </defs>
-                            <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
-                        </svg>
-                    </a>
-                     <img src="https://static.vdk2ch.ru/thread-pics/{{thread.pic_links}}" alt="" width="200" height="200"> 
-                </td> 
-                <td class="">{{thread.thread_num}}</td> 
-                <td class="">{{thread.post_num}}</td>
-                <td class="">{{thread.name}}</td>  
-                <td class="">{{thread.txt}}</td> 
-            
-            </tr>
-        {% endfor %}
-    </tbody>
-</table> 
--->
-
-
-<li>
-
-{% include 'posts.html' %}
-
-{% endblock content %}

templates/i-posts.html

@@ -0,0 +1,44 @@
+{% if postos | length > 0 %}
+    {% for posto in postos %}
+        <div class=" ">
+            {% if posto.root_post %}
+            <div class=" ">
+            {% else %}
+            <div class=" ">
+            {% endif %}
+                <div class=" " id="post-{{ posto._key }}">
+                    <div class=" ">
+                        <div class="">
+                            <div class="hex-main">
+                                <div class="hex-container">
+                                    <a href="https://loremflickr.com/g/320/240/paris"  target="_blank" "> 
+                                        <img src="https://loremflickr.com/g/320/240/paris">
+                                    </a>
+                                </div>
+                                 
+                            </div> 
+                        </div>
+                    </div>
+                    <div class=" ">
+                        <div class=" ">
+                            <span class=" e">#{{ posto._key }}
+                                <span class=" "  data-badge-caption="">Ответов: {{ posto.answers_num }}</span>
+                                <span class=" "   data-badge-caption="">Длина треда: {{ posto.children_num }}</span>
+                            </span>
+                            
+                            {% if posto.parent_post %} 
+                            <a class=" " href="#post-{{ posto.parent_post }}"> >>{{ posto.parent_post }} </a> 
+                            {% endif %}
+                            <p>{{ posto.texto }}</p>
+                        </div>
+                    </div>
+                    <div class=" ">
+                        <div class=" ">
+                            <a href="#" hx-post="/post_my_post/{{ posto._key }}" hx-target="#neu-posts" >Answer me!</a> 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>  
+    {% endfor %}
+{% endif %}

templates/interactive-posts.html

@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+
+{% block content %} 
+ 
+
+{% include 'navbar.html' %}
+ 
+
+<div class=" " >
+    <div class=" " id="neu-posts">
+    {% include 'i-posts.html' %} 
+    </div>
+</div>
+
+
+{% endblock content %}

templates/main-page.html

@@ -2,41 +2,21 @@
 
 {% block content %}  
  
-<div id="multi-bg">
-<div class="host-id">Вас закинуло сюда: {{host_id}}</div>
-<div class="content">
+{% include 'navbar.html' %}
+<div class=" ">
+    <div class=" ">
+        <div class=" ">
+            <div class=" ">
+                <div class=" ">
+                    <img class=" " src="https://static.guaranteedstruggle.host/test-public/sin.jpg" height="400px" width="320px"> 
+                </div>
+                <div class=" ">
+                <p>
                     Dobro pozhalovat. AGAIN.
+                </p>
+                </div> 
+            </div>
+        </div>
+    </div>
 </div>
-
-<nav>
-    <a routerLink = "/">Напоминание </a>
-    <br>
-    <a routerLink = "/about">О нас </a>
-    <br>
-    Доски: 
-    <div class="boards">
-        <ul>
-        {% for board in boards %}
-            
-            <li><a href="/boards/{{board}}">/{{board}}</a></li> 
-        {% endfor %}
-        </ul> 
-    </div>
-</nav>
-<img src="https://static.vdk2ch.ru/test-public/sin.jpg">
- </div>
-<style>
-   #multi-bg{
-      height: 300px;
-      display: block;
-      background-color: #808;
-      background-image:
-         url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23cc3f47' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23b3373e' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23c8364e' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23b02f44' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23c22f55' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23ab294b' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23bb285c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23a52351' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23b32362' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%239f1f57' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23aa2068' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23971c5d' points='943 900 1210 900 971 687'/%3E%3C/svg%3E"),
-         url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 160 80'%3E%3Cg fill='%23FFF' fill-opacity='0.2'%3E%3Cpolygon points='0 10 0 0 10 0'/%3E%3Cpolygon points='0 40 0 30 10 30'/%3E%3Cpolygon points='0 30 0 20 10 20'/%3E%3Cpolygon points='0 70 0 60 10 60'/%3E%3Cpolygon points='0 80 0 70 10 70'/%3E%3Cpolygon points='50 80 50 70 60 70'/%3E%3Cpolygon points='10 20 10 10 20 10'/%3E%3Cpolygon points='10 40 10 30 20 30'/%3E%3Cpolygon points='20 10 20 0 30 0'/%3E%3Cpolygon points='10 10 10 0 20 0'/%3E%3Cpolygon points='30 20 30 10 40 10'/%3E%3Cpolygon points='20 20 20 40 40 20'/%3E%3Cpolygon points='40 10 40 0 50 0'/%3E%3Cpolygon points='40 20 40 10 50 10'/%3E%3Cpolygon points='40 40 40 30 50 30'/%3E%3Cpolygon points='30 40 30 30 40 30'/%3E%3Cpolygon points='40 60 40 50 50 50'/%3E%3Cpolygon points='50 30 50 20 60 20'/%3E%3Cpolygon points='40 60 40 80 60 60'/%3E%3Cpolygon points='50 40 50 60 70 40'/%3E%3Cpolygon points='60 0 60 20 80 0'/%3E%3Cpolygon points='70 30 70 20 80 20'/%3E%3Cpolygon points='70 40 70 30 80 30'/%3E%3Cpolygon points='60 60 60 80 80 60'/%3E%3Cpolygon points='80 10 80 0 90 0'/%3E%3Cpolygon points='70 40 70 60 90 40'/%3E%3Cpolygon points='80 60 80 50 90 50'/%3E%3Cpolygon points='60 30 60 20 70 20'/%3E%3Cpolygon points='80 70 80 80 90 80 100 70'/%3E%3Cpolygon points='80 10 80 40 110 10'/%3E%3Cpolygon points='110 40 110 30 120 30'/%3E%3Cpolygon points='90 40 90 70 120 40'/%3E%3Cpolygon points='10 50 10 80 40 50'/%3E%3Cpolygon points='110 60 110 50 120 50'/%3E%3Cpolygon points='100 60 100 80 120 60'/%3E%3Cpolygon points='110 0 110 20 130 0'/%3E%3Cpolygon points='120 30 120 20 130 20'/%3E%3Cpolygon points='130 10 130 0 140 0'/%3E%3Cpolygon points='130 30 130 20 140 20'/%3E%3Cpolygon points='120 40 120 30 130 30'/%3E%3Cpolygon points='130 50 130 40 140 40'/%3E%3Cpolygon points='120 50 120 70 140 50'/%3E%3Cpolygon points='110 70 110 80 130 80 140 70'/%3E%3Cpolygon points='140 10 140 0 150 0'/%3E%3Cpolygon points='140 20 140 10 150 10'/%3E%3Cpolygon points='140 40 140 30 150 30'/%3E%3Cpolygon points='140 50 140 40 150 40'/%3E%3Cpolygon points='140 70 140 60 150 60'/%3E%3Cpolygon points='150 20 150 40 160 30 160 20'/%3E%3Cpolygon points='150 60 150 50 160 50'/%3E%3Cpolygon points='140 70 140 80 150 80 160 70'/%3E%3C/g%3E%3C/svg%3E"),         
-         url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23740074' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%235f005f' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%234b004b' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23360036' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23220022' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
-      background-repeat: no-repeat;
-      background-size: cover;
-      background-position: bottom center, 50%, 50%;
-   }
-</style>
 {% endblock content %}

templates/navbar.html

@@ -0,0 +1,13 @@
+
+<nav>
+    <div class=" "> 
+      <ul id="nav-mobile" class="left ">
+        <li> <a  href="/">glavnaya</a> </li>
+        <li><a  href="/db_posts"><span class=" "  data-badge-caption="">here we go</span></a> </li>
+        <li>
+            <a href="#">Вас закинуло сюда: <span class=" " data-badge-caption="">{{host_id}}</span></a> 
+        </li>
+      </ul>
+    </div>
+</nav>
+ 

templates/page1.html

@@ -1,36 +0,0 @@
-{% extends "base.html" %}
-
-{% block content %} 
-
-<div class="panel-block">
-
-  <div class="w-small w-2/3 mx-auto py-10 text-gray-600">
-    <input
-        type="text"
-        name="search"
-        hx-post="/search"
-        hx-trigger="keyup changed delay:250ms"
-        hx-indicator=".htmx-indicator"
-        hx-target="#todo-results"
-        placeholder="Search"
-        class="bg-white h-10 px-5 pr-10 rounded-full text-2xl focus:outline-none"
-    >
-    <span class="htmx-indicator">Searching...</span>
-  </div>
-  +dev 3
-
-
-  <table class="border-collapse w-small w-2/3 mx-auto">
-    <thead>
-      <tr>
-        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">#</th>
-        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Title</th>
-        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Completed</th>
-      </tr>
-    </thead>
-    <tbody id="todo-results">
-      {% include 'todo.html' %}
-    </tbody>
-  </table>
-</div>
-{% endblock content %}

templates/posts.html

@@ -1,81 +0,0 @@
-{% if board_threads|length>0 %}
-  {% for thread in board_threads %}
-<div class="post post_type_reply  post_withimg" id="post-15135655" data-num="15135655">
-    <div class="post__details" id="post-details-15135655">
-    <input type="checkbox" name="delete" class="turnmeoff" value="15135655">
-    <span class="post__detailpart">
-    <span class="post__anon">{{thread.name}}</span>
-    </span>
-    <span class="post__detailpart">
-    <span class="post__time">05/07/23 Срд 14:53:58</span>
-    </span>
-    <span class="post__detailpart">
-    <a href="/news/res/15135633.html#15135655" id="15135655" class="post__reflink">№</a>
-    <a href="/news/res/15135633.html#15135655" class="js-post-reply-btn post__reflink" data-num="15135655">{{thread.post_num}}</a>
-    <span class="post__number">2</span></span>
-    <span class="post__detailpart">
-    <svg xmlns="http://www.w3.org/2000/svg" class="post__btn post__btn_type_menu icon desktop" data-num="15135655"><use xlink:href="#icon__addmenu"></use></svg>
-    <span data-num="15135655" onclick="addAdminMenu(this); return false;" onmouseout="removeAdminMenu(event); return false;" style="display: flex;">
-    <svg xmlns="http://www.w3.org/2000/svg" class="post__btn post__btn_type_adm icon"><use xlink:href="#icon__report"></use></svg>
-    </span>
-    </span>
-    </div>
-    <div class="post__images  post__images_type_multi"> 
-        {% for pic in thread.pic_links %}
-        <!-- <div class="post__images">
-            <svg class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                <defs>
-                    <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
-                        <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
-                    </pattern>
-                </defs>
-                <use>
-                    <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
-                </use>
-            </svg> 
-        </div> -->
-        <figure class="post__image">
-            <figcaption class="post__file-attr">
-                <a class="desktop" target="_blank" href="https://static.vdk2ch.ru/thread-pics/{{pic}}" title="image.png">{{pic}}</a>
-                    <!-- <svg xmlns="http://www.w3.org/2000/svg" class="icon js-post-findimg desktop"><use xlink:href="#icon__findimg"></use></svg>
-                    <svg xmlns="http://www.w3.org/2000/svg" class="icon js-post-saveimg desktop" data-url="https://static.vdk2ch.ru/thread-pics/{{pic}}" data-name="image.png"><use xlink:href="#icon__saveimg"></use></svg> -->
-            </figcaption>
-            <a href="https://static.vdk2ch.ru/thread-pics/{{pic}}" class="post__image-link" target="_blank" onclick="return false;"> 
-                <!-- <svg visibility="visible"  class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                    <defs>
-                        <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
-                            <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
-                        </pattern>
-                    </defs>
-                    <use>
-                        <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
-                    </use>
-                </svg>  -->
-                
-                <img src="https://static.vdk2ch.ru/thread-pics/{{pic}}" alt="954x960" id="img-15135655-d39bd5b1ed6c40e9a1d1eb2971a57584" class="post__file-preview   " data-type="2" data-title="image.png" data-width="954" data-height="960" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170">
-            </a>
-        </figure>
-        {% endfor %}
-    </div>
-    <article id="m15135655" class="post__message ">
-    <a href="/news/res/15135633.html#15135633" class="post-reply-link" data-thread="15135633" data-num="15135633">&gt;&gt;15135633 (OP)</a><br>
-<!--     
-    
-    {% for pic in thread.pic_links %} 
-        <svg class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
-            <defs>
-                <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
-                    <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
-                </pattern>
-            </defs>
-            <use>
-                <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
-            </use>
-        </svg>  
-    {% endfor %} -->
-    {{thread.txt}}
-    </article>
-    <div id="refmap-15135655" class="post__refmap" style="display: none;"></div>
-    </div>
-    {% endfor %}
-{% endif %}

templates/todo.html

@@ -1,15 +0,0 @@
-{% if todos|length>0 %}
-  {% for todo in todos %}
-    <tr class="bg-white lg:hover:bg-gray-100 flex lg:table-row flex-row lg:flex-row flex-wrap lg:flex-no-wrap mb-10 lg:mb-0">
-      <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">{{todo.id}}</td>
-      <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">{{todo.title}}</td>
-      <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">
-        {% if todo.completed %}
-          <span class="rounded bg-green-400 py-1 px-3 text-xs font-bold">Yes</span>
-        {% else %}
-          <span class="rounded bg-red-400 py-1 px-3 text-xs font-bold">No</span>
-        {% endif %}
-      </td>
-    </tr>
-  {% endfor %}
-{% endif %}

threads_with_posts.py

@@ -31,7 +31,7 @@ open_threads = {
     '99': {
         'thread_num': '99',
         'post_num': '55',
-        'pic_links': ['Экран-смерти.jpg'],
+        'pic_links': ['Экран-смерти.jpg','Экран-смерти.jpg','Экран-смерти.jpg','Экран-смерти.jpg','15937598937440.png','Экран-смерти.jpg','Экран-смерти.jpg'],
         'txt': 'фыва',
         'name': 'anonius'
     },