annother hexxo

static/src/vdk2ch.css

@@ -1,39 +1,8 @@
-.hex {
+ 
-    display: block;
-    margin: 0 auto;
-    position: relative;
-    width: 320px;
-    height: 277.12px; /* width * 0.866 */
-    background: red;
-    box-sizing: border-box;
-    -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-  }
-
-.hex-background {
-    position: absolute;
-    background-color: orange; /*color of the main-background*/
-    top: 2px; /* equal to border thickness */
-    left: 2px; /* equal to border thickness */
-    width: 316px; /* container height - (border thickness * 2) */
-    height: 273.12px; /* container height - (border thickness * 2) */
-    -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-}
-
-.hex img {
-    position: absolute;
-    width: 100%; 
-    height: 100%; 
-    object-fit: cover;
-    -webkit-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-    -moz-clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
-} 
-
 
 .hex-main {
     display:flex;
-    --s: 100px;  /* size  */
+    --s: 200px;  /* size  */
     --m: 4px;    /* margin */
     --f: calc(1.732 * var(--s) + 4 * var(--m)  - 1px);
 }

templates/posts.html

@@ -51,15 +51,16 @@
                     </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">
+                <!-- <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"> -->
+                <div class="hex-main">
+                    <div class="hex-container">
+                        <img src="https://static.vdk2ch.ru/thread-pics/{{pic}}" alt="954x960" id="img-15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"> 
+                    </div>
+                </div> 
             </a>
         </figure>
         
-        <div class="hex-main">
+        
-            <div class="hex-container">
-                <img src="https://static.vdk2ch.ru/thread-pics/{{pic}}" alt="954x960" id="img-15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"> 
-            </div>
-        </div> 
     
         {% endfor %}
     </div>