admin/Akern-Genai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update styles and logo

Browse Source
This commit is contained in:
Matteo Rosati
2026-01-21 10:09:49 +01:00
parent 543775d61e
commit 5906bfb0ab
2 changed files with 12 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
static/css/main.css
View File

@@ -119,46 +119,14 @@ body {
); );
padding: 20px 24px; padding: 20px 24px;
display: flex; display: flex;
justify-content: space-between; justify-content: center;
align-items: center; align-items: center;
box-shadow: var(--shadow-md); box-shadow: var(--shadow-md);
z-index: 10; z-index: 10;
} }
.header-content { .header-content img {
display: flex; width: 200px;
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;
} }
/* ===== Main Content ===== */ /* ===== Main Content ===== */
@@ -399,31 +367,6 @@ body {
padding: 16px 20px; 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 { .chat-main {
padding: 0; padding: 0;
} }
@@ -458,14 +401,6 @@ body {
.message { .message {
max-width: 90%; max-width: 90%;
} }
.sample-question {
padding: 14px 16px;
}
.sample-text {
font-size: 0.9rem;
}
} }
/* ===== Loading Animation ===== */ /* ===== Loading Animation ===== */

25
static/templates/index.html
View File

@@ -4,27 +4,16 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/static/css/main.css" /> <link rel="stylesheet" href="/static/css/main.css" />
<title>AI Chat Assistant</title> <title>AKERN Assistant</title>
</head> </head>
<body> <body>
<div class="app-container"> <div class="app-container">
<header class="chat-header"> <header class="chat-header">
<div class="header-content"> <div class="header-content">
<div class="logo-icon"> <img
<svg src="https://www.akern.com/wp-content/themes/zaki_new/resources/img/icon/logo@2x.png"
width="32" alt=""
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>
</div> </div>
</header> </header>
@@ -37,7 +26,7 @@
<textarea <textarea
id="message" id="message"
class="message-input" class="message-input"
placeholder="Type your message here..." placeholder="Scrivi qui il tuo messaggio..."
rows="1" rows="1"
></textarea> ></textarea>
<button id="button" class="send-button"> <button id="button" class="send-button">
@@ -55,7 +44,9 @@
</svg> </svg>
</button> </button>
</div> </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> </footer>
</div> </div>