update styles and logo

2026-01-21 10:09:49 +01:00
parent 543775d61e
commit 5906bfb0ab
2 changed files with 12 additions and 86 deletions
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -119,46 +119,14 @@ body {
  );
  padding: 20px 24px;
  display: flex;
-  justify-content: space-between;
+  justify-content: center;
  align-items: center;
  box-shadow: var(--shadow-md);
  z-index: 10;
 }

-.header-content {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.logo-icon {
-  width: 40px;
-  height: 40px;
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: var(--border-radius-md);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
-  0%,
-  100% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(1.05);
-  }
-}
-
-.header-title {
-  font-size: 1.5rem;
-  font-weight: 700;
-  color: white;
-  letter-spacing: -0.5px;
+.header-content img {
+  width: 200px;
 }

 /* ===== Main Content ===== */
@@ -399,31 +367,6 @@ body {
    padding: 16px 20px;
  }

-  .header-title {
-    font-size: 1.25rem;
-  }
-
-  .welcome-section {
-    padding: 30px 16px;
-  }
-
-  .welcome-icon {
-    width: 64px;
-    height: 64px;
-  }
-
-  .welcome-title {
-    font-size: 1.5rem;
-  }
-
-  .welcome-subtitle {
-    font-size: 1rem;
-  }
-
-  .sample-question {
-    padding: 16px 20px;
-  }
-
  .chat-main {
    padding: 0;
  }
@@ -458,14 +401,6 @@ body {
  .message {
    max-width: 90%;
  }
-
-  .sample-question {
-    padding: 14px 16px;
-  }
-
-  .sample-text {
-    font-size: 0.9rem;
-  }
 }

 /* ===== Loading Animation ===== */
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -4,27 +4,16 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/static/css/main.css" />
-    <title>AI Chat Assistant</title>
+    <title>AKERN Assistant</title>
  </head>
  <body>
    <div class="app-container">
      <header class="chat-header">
        <div class="header-content">
-          <div class="logo-icon">
-            <svg
-              width="32"
-              height="32"
-              viewBox="0 0 24 24"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 6C13.66 6 15 7.34 15 9C15 10.66 13.66 12 12 12C10.34 12 9 10.66 9 9C9 7.34 10.34 6 12 6ZM12 19.2C9.5 19.2 7.29 17.92 6 15.98C6.03 13.99 10 12.9 12 12.9C13.99 12.9 17.97 13.99 18 15.98C16.71 17.92 14.5 19.2 12 19.2Z"
-                fill="currentColor"
-              />
-            </svg>
-          </div>
-          <h1 class="header-title">AKERN Assistant</h1>
+          <img
+            src="https://www.akern.com/wp-content/themes/zaki_new/resources/img/icon/logo@2x.png"
+            alt=""
+          />
        </div>
      </header>

@@ -37,7 +26,7 @@
          <textarea
            id="message"
            class="message-input"
-            placeholder="Type your message here..."
+            placeholder="Scrivi qui il tuo messaggio..."
            rows="1"
          ></textarea>
          <button id="button" class="send-button">
@@ -55,7 +44,9 @@
            </svg>
          </button>
        </div>
-        <p class="footer-hint">Press Enter to send, Shift+Enter for new line</p>
+        <p class="footer-hint">
+          Premi Invio per inviare, Shift+Invio per una nuova riga
+        </p>
      </footer>
    </div>