From 6ae412c787a51cb0e72a2b44c354d1769d88bca3 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Oliver.akins1999@gmail.com>
Date: Fri, 28 Feb 2025 16:47:41 -0700
Subject: [PATCH] Get hourglass improved

---
 templates/Apps/DelveDiceHUD/style.css        | 27 +++++++++++++++++++-
 templates/Apps/DelveDiceHUD/tour/current.hbs | 13 ++++++++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/templates/Apps/DelveDiceHUD/style.css b/templates/Apps/DelveDiceHUD/style.css
index 0e4a226..4b19a11 100644
--- a/templates/Apps/DelveDiceHUD/style.css
+++ b/templates/Apps/DelveDiceHUD/style.css
@@ -1,6 +1,6 @@
 #ripcrypt-delve-dice {
 	display: grid;
-	grid-template-columns: max-content 1fr 1fr 1fr max-content;
+	grid-template-columns: max-content 1fr 0.6fr 1fr max-content;
 	gap: 8px;
 	padding: 4px 1.5rem;
 	background: var(--DelveDice-background);
@@ -51,4 +51,29 @@
 			transform: rotate(-90deg); /* North by default */
 		}
 	}
+
+	#the-hourglass {
+		display: flex;
+		flex-direction: row;
+		position: relative;
+
+		.hourglass-container {
+			position: absolute;
+			width: 34px;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			padding: 4px 0;
+			background: var(--accent-1);
+			border-radius: 8px;
+
+			rc-svg {
+				inset: 4px;
+			}
+		}
+
+		.hud-text {
+			margin-left: 38px;
+		}
+	}
 }
diff --git a/templates/Apps/DelveDiceHUD/tour/current.hbs b/templates/Apps/DelveDiceHUD/tour/current.hbs
index 12c795e..991b6f4 100644
--- a/templates/Apps/DelveDiceHUD/tour/current.hbs
+++ b/templates/Apps/DelveDiceHUD/tour/current.hbs
@@ -1,3 +1,12 @@
-<div>
-	The Hourglass
+<div id="the-hourglass">
+	<div class="hourglass-container">
+		<rc-svg
+			class="hourglass"
+			name="icons/hourglass"
+			var:fill="var(--accent-2)"
+		></rc-svg>
+	</div>
+	<div class="hud-text">
+		The Hourglass
+	</div>
 </div>