From 375994a607cabb0bd4eb3b8ec48c7a1918e9c35f Mon Sep 17 00:00:00 2001 From: Simple_Not <44047940+moonbaseDelta@users.noreply.github.com> Date: Wed, 12 Jul 2023 02:00:29 +1000 Subject: [PATCH] annother hexxo --- static/src/vdk2ch.css | 35 ++--------------------------------- templates/posts.html | 13 +++++++------ 2 files changed, 9 insertions(+), 39 deletions(-) diff --git a/static/src/vdk2ch.css b/static/src/vdk2ch.css index bbf7e7d..5c7bb81 100644 --- a/static/src/vdk2ch.css +++ b/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); } diff --git a/templates/posts.html b/templates/posts.html index 1014318..08c591b 100644 --- a/templates/posts.html +++ b/templates/posts.html @@ -51,15 +51,16 @@ --> - + +