From f1d9fe187c37d598dc9ffac8a104597b152dbf1c Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Oliver.akins1999@gmail.com>
Date: Fri, 7 Mar 2025 19:50:45 -0700
Subject: [PATCH] Add fract to the craft card (closes #22)

---
 templates/Apps/HeroCraftCardV1/content.hbs | 25 ++++++++++++++++++++++
 templates/Apps/HeroCraftCardV1/style.css   |  1 +
 2 files changed, 26 insertions(+)

diff --git a/templates/Apps/HeroCraftCardV1/content.hbs b/templates/Apps/HeroCraftCardV1/content.hbs
index cc9fa23..8be66ce 100644
--- a/templates/Apps/HeroCraftCardV1/content.hbs
+++ b/templates/Apps/HeroCraftCardV1/content.hbs
@@ -48,4 +48,29 @@
 			{{/if}}
 		{{/each}}
 	</ol>
+
+	<div data-aspect="fract" class="col-header aspect-header">
+		<span class="name">Fract</span>
+		<span class="small">Details</span>
+	</div>
+	<ol data-aspect="fract" class="num-before craft-list">
+		{{#each craft.fract as | craft |}}
+			{{#if craft}}
+				<li data-item-id="{{craft.uuid}}" data-ctx-menu="craft">
+					<span class="name">{{ craft.name }}</span>
+					{{#if craft.use}}
+						<rc-icon
+							name="icons/info-circle"
+							var:size="16px"
+							var:fill="currentColor"
+							data-tooltip="{{ craft.use }}"
+							data-tooltip-direction="UP"
+						></rc-icon>
+					{{/if}}
+				</li>
+			{{else}}
+				<li></li>
+			{{/if}}
+		{{/each}}
+	</ol>
 </div>
diff --git a/templates/Apps/HeroCraftCardV1/style.css b/templates/Apps/HeroCraftCardV1/style.css
index a0dd159..297844b 100644
--- a/templates/Apps/HeroCraftCardV1/style.css
+++ b/templates/Apps/HeroCraftCardV1/style.css
@@ -45,6 +45,7 @@
 
 	[data-aspect="focus"] { --row: 6; --col: 1; }
 	[data-aspect="flect"] { --row: 6; --col: 2; }
+	[data-aspect="fract"] { --row: 11; --col: 1; }
 
 	[data-aspect] {
 		&.aspect-header {