Enha: filter out some words

components/index.html

@@ -1,13 +1,9 @@
 {{define "main"}}
-	Start of main temp
 	{{ if not . }}
-		login temp
 		{{template "login"}}
 	{{ else if ne .LinkLogin "" }}
-		got to linklogin
 		{{template "linklogin" .LinkLogin}}
 	{{ else if eq .State.RoomID "" }}
-		empty state roomid
 		<div id="hello-user">
 			<p>Hello {{.State.Username}}</p>
 		</div>
@@ -18,7 +14,6 @@
 		{{template "roomlist" .List}}
 		</div>
 	{{else}}
-		else
 		<div id="room">
 		{{template "room" .}}
 		</div>

components/room.html

@@ -3,7 +3,8 @@
   <div id="meta">
     <p>Hello {{.State.Username}};</p>
     <p>Room created by {{.Room.CreatorName}};</p>
-    <p>Room link:</p><p><input id="roomlink" readonly="" onclick="copyText()" value="{{.Room.RoomLink}}"></input></p>
+    <p>Room link:</p>
+    <p><input id="roomlink" readonly="" onclick="copyText()" value="{{.Room.RoomLink}}" class="bg-amber-100 text-black px-1 py-1 rounded"></input></p>
     <p>Game is running: {{.Room.IsRunning}}</p>
     <p>
       {{if and (eq .State.Username .Room.CreatorName) (not .Room.IsRunning)}}
@@ -12,13 +13,6 @@
     </p>
     {{if .Room.IsOver}}
     <p>GAME OVER; team <span class="text-{{.Room.TeamWon}}-500">{{.Room.TeamWon}}</span> won! 🧚</p>
-    {{else}}
-    <p>Turn of the <span class="text-{{.Room.TeamTurn}}-500">{{.Room.TeamTurn}}</span> team</p>
-      {{if .Room.MimeDone}}
-      <p class="text-{{.Room.TeamTurn}}-500">Waiting for guessers</p>
-      {{else}}
-      <p class="text-{{.Room.TeamTurn}}-500">Waiting for mime</p>
-      {{end}}
     {{end}}
     <p>
       {{if eq .State.Team ""}}
@@ -30,6 +24,12 @@
   </div>
   <hr />
   {{if .Room.IsRunning}}
+    <p>Turn of the <span class="text-{{.Room.TeamTurn}}-500">{{.Room.TeamTurn}}</span> team</p>
+    {{if .Room.MimeDone}}
+    <p class="text-{{.Room.TeamTurn}}-500">Waiting for guessers</p>
+    {{else}}
+    <p class="text-{{.Room.TeamTurn}}-500">Waiting for mime</p>
+    {{end}}
     {{template "cardcounter" .Room}}
   {{end}}
   <div id="addbot">
@@ -62,7 +62,7 @@
   </div>
   <div>
     {{if and (eq .State.Username .Room.CreatorName) (.Room.IsRunning)}}
-      <button hx-get="/renotify-bot" class="bg-amber-100 text-black px-4 py-2 rounded">Btn in case llm call failed</button>
+      <button hx-get="/renotify-bot" hx-swap="none" class="bg-gray-100 text-black px-1 py-1 rounded">Btn in case llm call failed</button>
     {{end}}
   </div>
   <div hx-get="/actionhistory" hx-trigger="sse:backlog_{{.Room.ID}}">

components/roomlist.html

@@ -4,9 +4,9 @@
 <p>
     {{.ID}}
 </p>
-<div class="room-item mb-3 p-4 border rounded-lg hover:bg-gray-50 transition-colors">
+<div hx-get="/room-join?id={{.ID}}" hx-target="#ancestor" class="room-item mb-3 p-4 border rounded-lg hover:bg-gray-50 transition-colors">
     <div class="flex justify-between items-center">
-        <div hx-get="/room-join?id={{.ID}}" hx-target="#ancestor" class="room-info">
+        <div class="room-info">
             <div class="text-sm text-gray-500">
                 Created {{.CreatedAt.Format "2 Jan 2006 15:04"}} by 
                 <span class="font-medium text-gray-700">{{.CreatorName}}</span>