Initialize the BookGeistSheet

templates/Apps/BookGeistSheet/header.hbs

@@ -0,0 +1,7 @@
+<div>
+	<input
+		type="text"
+		name="name"
+		value="{{name}}"
+	>
+</div>

templates/Apps/BookGeistSheet/image.hbs

@@ -0,0 +1,3 @@
+<div>
+	IMAGE
+</div>

templates/Apps/BookGeistSheet/items.hbs

@@ -0,0 +1 @@
+<div>ITEMS</div>

templates/Apps/BookGeistSheet/layout.hbs

@@ -0,0 +1,10 @@
+<div>
+	{{#if imageVisible}}
+		<div data-application-part="image"></div>
+	{{/if}}
+	<div class="info">
+		<div data-application-part="header"></div>
+		<div data-application-part="stats"></div>
+		<div data-application-part="items"></div>
+	</div>
+</div>

templates/Apps/BookGeistSheet/stats.hbs

@@ -0,0 +1,11 @@
+<div>
+	<ul>
+		<li>Path: {{path}}</li>
+		<li>Grit: {{grit}}</li>
+		<li>Gait: {{gait}}</li>
+		<li>Grip: {{grip}}</li>
+		<li>Glim: {{glim}}</li>
+		<li>Guts: {{guts.value}} / {{guts.max}}</li>
+		<li>Move: {{speed.move}} / {{speed.run}}</li>
+	</ul>
+</div>

templates/Apps/BookGeistSheet/style.css

@@ -0,0 +1,13 @@
+.BookGeistSheet {
+	> .window-content {
+		display: flex;
+		flex-direction: row;
+		gap: 4px;
+	}
+
+	.info {
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+	}
+}

templates/Apps/apps.css

@@ -8,6 +8,7 @@
 @import url("./RichEditor/style.css");
 @import url("./ArmourSheet/style.css");
 @import url("./TraitSheet/style.css");
+@import url("./BookGeistSheet/style.css");
 
 @import url("./popover.css");
 @import url("./popovers/AmmoTracker/style.css");