Almost working auth

views/chat.html

@@ -1,4 +1,5 @@
 <div class="chat-container mt-5">
+
     <hx hx-get="/loadChat" hx-trigger="load" hx-swap="outerHTML"></hx>
 
 

views/layouts/main.html

@@ -53,6 +53,8 @@
             gap: 10px;
         }
     </style>
+
+    <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
 </head>
 
 <body>

views/login.html

@@ -1,32 +0,0 @@
-<div class="chat-container mt-5">
-    <hx hx-get="/loadChat" hx-trigger="load" hx-swap="outerHTML"></hx>
-
-
-    <div class="chat-input-container">
-        <form class="control" hx-post="/requestMultipleMessages" hx-swap="beforeend settle:200ms"
-            hx-target="#chat-messages" id="chat-input-form" class="chat-input"
-            hx-include="[name='message'], [name^='model-check-']">
-            <div class="textarea-wrapper">
-                <textarea class="textarea" placeholder="Type your message here..." name="message"></textarea>
-                <div class="button-group">
-                    <hx hx-get="/loadModelSelection" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
-                    <div class="dropdown is-hoverable is-up">
-                        <div class="dropdown-trigger">
-                            <button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu4">
-                                <span>Settings</span>
-                            </button>
-                        </div>
-                        <div class="dropdown-menu" id="dropdown-menu4" role="menu">
-                            <div class="dropdown-content">
-                                <div class="dropdown-item">
-                                    <h5>Hello</h5>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <button type="submit" class="send-button button is-primary is-small">Send</button>
-                </div>
-            </div>
-        </form>
-    </div>
-</div>

views/partials/message-bot.html

@@ -8,7 +8,7 @@
                         hx-target="#content-{{ ConversationAreaId }}" onclick="toggleGrayscale(this)">
                         <figure class="image is-48x48" style="flex-shrink: 0;">
                             <img src="icons/{{ message.Icon }}.png" alt="User Image" {% if message.Hidden %}
-                                style="filter: grayscale(100%);" {% endif %}>
+                                style="filter: grayscale(100%);" {% endif %} title="{{ message.Name }}">
                         </figure>
                     </a>
                 </div>

views/partials/navbar.html

@@ -10,7 +10,16 @@
     </div>
     <div class="navbar-menu">
         <div class="navbar-end">
-            <img id="spinner" class="htmx-indicator" src="/puff.svg" />
+            <div class="navbar-item">
+                <div class="buttons">
+                    <a class="button is-light is-small" href="/auth/ui/signin">
+                        Log in
+                    </a>
+                    <a class="button is-primary" href="/auth/ui/signup">
+                        <strong>Sign up</strong>
+                    </a>
+                </div>
+            </div>
         </div>
     </div>
 </nav>