fix: mark & active brick type

routes/templates/tableTemplates.gohtml

@@ -26,6 +26,14 @@
   X
 </div>
 {{ end }}
+{{ define "markAndRaisedBrick" }}
+<div
+  class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))] border bg-[hsl(var(--brick-color))]/25 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
+  style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
+>
+  X
+</div>
+{{ end }}
 
 <h2>Now for BrickData taking parametrized template name</h2>
 {{ define "brick" }}
@@ -37,6 +45,8 @@
   {{ template "speakerBrick" .ColorClass }}
 {{ else if eq .TemplateType "markBrick" }}
   {{ template "markBrick" .ColorClass }}
+{{ else if eq .TemplateType "markAndRaisedBrick" }}
+  {{ template "markAndRaisedBrick" .ColorClass }}
 {{ end }}
 {{end}}
 

routes/templates/tableTemplatesPreview.gohtml

@@ -1,19 +1,21 @@
 {{define "main-content"}}
-<div style="--d: 10rem">
+<div style="--d: 10rem;">
 
 <h2>For each type</h2>
-<section class="grid grid-cols-5 border-4 gap-4">
+<section class="grid grid-cols-6 border-4 gap-4">
   <p>types:</p>
   <p> inactive </p>
   <p> raised </p>
   <p> speaker </p>
   <p> mark </p>
+  <p> mark and active </p>
   {{ range .Bricks }}
   <div class="border-2">for {{ .Name }}</div>
   <div>{{ template "inactiveBrick" .ColorClass }}</div>
   <div>{{ template "raisedBrick" .ColorClass }}</div>
   <div>{{ template "speakerBrick" .ColorClass }}</div>
   <div>{{ template "markBrick" .ColorClass }}</div>
+  <div>{{ template "markAndRaisedBrick" .ColorClass }}</div>
   {{ end }}
 </section>