fix: table template preview page template

routes/templates/tableTemplates.gohtml

@@ -1,37 +1,28 @@
 
-
 <h2>Single templates</h2>
-<section class="grid grid-cols-2 border-4">
-  <div class="border-2">inactive:</div>
-  <div class="border-2 p-3">
-    {{ block "inactiveBrick" .DefaultColor }}
+
+    {{ define "inactiveBrick"  }}
     <div
       class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5"
       style="--brick-color: var({{.}})"
     ></div>
     {{ end }}
-  </div>
-  <div class="border-2">raised:</div>
-  <div class="border-2 p-3">
-    {{ block "raisedBrick" .DefaultColor }}
+
+    {{ define "raisedBrick"  }}
     <div
       class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/25"
       style="--brick-color: var({{.}})"
     ></div>
     {{ end }}
-  </div>
-  <div class="border-2">speaker:</div>
-  <div class="border-2 p-3">
-    {{ block "speakerBrick" .DefaultColor }}
+
+    {{ define "speakerBrick"  }}
     <div
       class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/50 shadow-[0_0_15px_rgba(0,_0,_0,_0.5)] shadow-[hsl(var(--brick-color))] animate-pulse"
       style="--brick-color: var({{.}})"
     ></div>
     {{ end }}
-  </div>
-  <div class="border-2">mark:</div>
-  <div class="border-2 p-3">
-    {{ block "markBrick" .DefaultColor }}
+
+    {{ define "markBrick"  }}
     <div
       class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
       style="--brick-color: var({{.}})"
@@ -39,12 +30,9 @@
       X
     </div>
     {{ end }}
-  </div>
-</section>
 
 
 <h2>For each type</h2>
-<section class="grid grid-cols-2 border-4">
   {{ range .Bricks }}
   <div class="border-2">for {{ .Name }}</div>
   <div
@@ -56,11 +44,10 @@
     "markBrick" .ColorClass }}
   </div>
   {{ end }}
-</section>
 
 
 <h2>Now for BrickData taking parametrized template name</h2>
-{{ block "brick" .ABrick }}
+{{ define "brick"  }}
 
 {{ if eq .TemplateType "inactiveBrick" }}
 {{ template "inactiveBrick" .ColorClass }}
@@ -78,8 +65,7 @@
 {{end}}
 
 <h2>Now for a person</h2>
-<div class="border p-3">
-{{ block "personBlocks" .TestPerson }}
+{{ define "personBlocks"  }}
 
 <div>
   {{ range (bricksForPerson .) }}
@@ -89,12 +75,10 @@
 </div>
 
 {{ end }}
-</div>
 
 
 <h2>And now i'll want to get all persons for a room</h2>
-<div class="grid place-content-center">
-  {{ block "roomPeople" .ARoom }}
+  {{ define "roomPeople"  }}
   <div
     class="flex flex-row"
     >
@@ -103,4 +87,3 @@
     {{ end }}
   </div>
   {{end}}
-</div>