From 8641448cd326277ea4e3e6b7dcbc128ccf51bdd3 Mon Sep 17 00:00:00 2001
From: Mischa Untaga <99098079+MischaU8@users.noreply.github.com>
Date: Fri, 24 Nov 2023 10:39:33 +0100
Subject: show buttons on the board
---
play.html | 28 ++++++++++++++++++++++++++++
1 file changed, 28 insertions(+)
(limited to 'play.html')
diff --git a/play.html b/play.html
index 3b98ad5..00ee86f 100644
--- a/play.html
+++ b/play.html
@@ -282,6 +282,30 @@ div.congress_box.action {
.piece.no { width: 42px; height: 32px; background-size: 42px 32px; background-image: url(pieces/no.svg); }
.piece.congress { width: 32px; height: 32px; background-size: 32px 32px; background-image: url(pieces/cog.svg); }
+div.button_box {
+ position: absolute;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ justify-content: start;
+ gap: 4px;
+}
+
+.button {
+ width: 40px;
+ height: 40px;
+ background-size: 40px 40px;
+ filter: drop-shadow(0px 1px 2px #0004);
+}
+
+.button_1{background-image:url(images/badge1.png)}
+.button_2{background-image:url(images/badge2.png)}
+.button_3{background-image:url(images/badge3.png)}
+.button_4{background-image:url(images/badge4.png)}
+.button_5{background-image:url(images/badge5.png)}
+.button_6{background-image:url(images/badge6.png)}
+
.card {
background-size: cover;
background-repeat: no-repeat;
@@ -965,6 +989,10 @@ c5 3 13 7 17 8 8 2 9 3 11 12 1 5 5 12 8 16 5 8 5 8 3 22 l-3 14 -30 -1 c-35
+
+
+
+
--
cgit v1.2.3