vdk2ch/flask-htmx-board1
5
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

check many hexes
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Simple_Not 2023-07-18 23:03:27 +10:00
parent 0768ff5d0e
commit a935aea926
2 changed files with 4 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/src/vdk2ch.css
View File

@ -1,14 +1,12 @@
/* украдено здесь https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/ */ /* украдено здесь https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/ */
.hex-main { .hex-main {
display:flex; display:flex;
/*flex-direction: column;*/
/* flex-wrap: wrap; */
--s: 100px; /* size */ --s: 100px; /* size */
--m: 4px; /* margin */ --m: 4px; /* margin */
--f: calc(1.732 * var(--s) + 4 * var(--m) - 1px); --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);
max-width: 530px; max-width: 330px;
/* margin: 15px; */ margin: 15px;
} }
.hex-container { .hex-container {

31
templates/i-posts.html
View File

@ -15,36 +15,7 @@
<img src="https://loremflickr.com/g/320/240/paris"> <img src="https://loremflickr.com/g/320/240/paris">
</a> </a>
</div> </div>
<div class="hex-container">
<a href="https://loremflickr.com/g/320/240/beijing" target="_blank" ">
<img src="https://loremflickr.com/g/320/240/beijing">
</a>
</div>
<div class="hex-container">
<a href="https://loremflickr.com/g/320/240/afrika" target="_blank" ">
<img src="https://loremflickr.com/g/320/240/afrika">
</a>
</div>
<div class="hex-container">
<a href="https://loremflickr.com/g/320/240/yolo" target="_blank" ">
<img src="https://loremflickr.com/g/320/240/yolo">
</a>
</div>
<div class="hex-container">
<a href="https://loremflickr.com/g/320/240/frog" target="_blank" ">
<img src="https://loremflickr.com/g/320/240/frog">
</a>
</div>
<div class="hex-container">
<a href="https://loremflickr.com/g/320/240/kurwa" target="_blank" ">
<img src="https://loremflickr.com/g/320/240/kurwa">
</a>
</div>
<div class="hex-container">
<a href="https://loremflickr.com/g/320/240/putin" target="_blank" ">
<img src="https://loremflickr.com/g/320/240/putin">
</a>
</div>
</div> </div>
</div> </div>
</div> </div>