diff --git a/static/src/vdk2ch.css b/static/src/vdk2ch.css index e69de29..aa8619c 100644 --- a/static/src/vdk2ch.css +++ b/static/src/vdk2ch.css @@ -0,0 +1,37 @@ + + +.hex-main { + display:flex; + --s: 100px; /* size */ + --m: 4px; /* margin */ + --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px); + } + +.hex-container { + font-size: 0; /*disable white space between inline block element */ +} + +.hex-container div { + 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: red; + margin-bottom: calc(var(--m) - var(--s)*0.2885); +} +.hex-container div:nth-child(odd) { + background:green; +} +.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)); +} + + \ No newline at end of file diff --git a/templates/posts.html b/templates/posts.html index 8d11705..f0a04e0 100644 --- a/templates/posts.html +++ b/templates/posts.html @@ -59,6 +59,17 @@
>>15135633 (OP)
+ + + + +
+
+
+ 954x960 +
+
+