dkforest

commit bb093e034a3cb9c8600f5efa25cb22f8449b17a5
parent e103695b99a919c1fc46692ea7ac9df0f7c085b0
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Sun, 24 Dec 2023 13:52:27 -0500

UI

Diffstat:
M
pkg/web/handlers/poker/poker.go
 | 
32
+++++++++++++++++++++++++++-----

1 file changed, 27 insertions(+), 5 deletions(-)
diff --git a/pkg/web/handlers/poker/poker.go b/pkg/web/handlers/poker/poker.go
@@ -1721,7 +1721,7 @@ func BuildPayloadHtml(g *PokerGame, authUser *database.User, payload any) (html 
 func buildGameDiv(g *PokerGame, authUser *database.User) (html string) {
 	roomID := g.roomID
 	html += `<div id="game">`
-	html += `<div id="table"></div>`
+	html += `<div id="table"><div class="inner"></div></div>`
 	html += buildSeatsHtml(g, authUser)
 	html += buildCardsHtml()
 	html += buildActionsDiv(roomID)
@@ -1790,7 +1790,7 @@ func buildSoundsHtml(authUser *database.User) (html string) {
 func buildCardsHtml() (html string) {
 	for i := 52; i >= 1; i-- {
 		idxStr := itoa(i)
-		html += fmt.Sprintf(`<div class="card-holder" id="card%s"><div class="back"></div><div class="card"><div class="inner"></div></div></div>`, idxStr)
+		html += fmt.Sprintf(`<div class="card-holder" id="card%s"><div class="back"><div class="inner"></div></div><div class="card"><div class="inner"></div></div></div>`, idxStr)
 	}
 	return
 }
@@ -2249,14 +2249,23 @@ body {
 	height:100%;
 	backface-visibility: hidden;
 	transform: rotateY(` + BackfacingDeg + `);
-	background: #36c;
-	background: 
-	linear-gradient(135deg, #f26c32 0%,#c146a1 50%,#a80077 51%,#f9703e 100%);
+	background: linear-gradient(135deg, #5D7B93 0%, #6D7E8C 50%, #4C6474 51%, #5D7B93 100%);
 	border-radius:2%;
 	box-shadow: inset 3px 3px 0 #fff, inset -3px -3px 0 #fff;
 	display:block;
 	border:1px solid black;
 }
+.back .inner {
+	background-image: url(/public/img/trees.gif);
+    width: 90%;
+    height: 80%;
+    background-size: contain;
+    position: absolute;
+    opacity: 0.4;
+    margin-top: 8px;
+    margin-left: 6px;
+    background-repeat: no-repeat;
+}
 .takeSeat {
 	width: 65px;
 	height: 40px;
@@ -2386,6 +2395,19 @@ body {
 	border: 5px solid #2c692c;
 }
 
+#table .inner {
+	background-image: url(/public/img/trees.gif);
+    width: 100%;
+    height: 80%;
+    display: block;
+    position: absolute;
+    background-size: contain;
+    opacity: 0.07;
+    background-repeat-x: no-repeat;
+    background-position: center;
+    margin-top: 45px;
+}
+
 .timer {
     background: -webkit-linear-gradient(left, black 50%, #eee 50%);
     border-radius: 100%;