Skip to content
Snippets Groups Projects
Commit 5513bb34 authored by BerendF's avatar BerendF
Browse files

redesign frontend

parent e5127859
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
.gitignore
+ 2
− 1
View file @ 5513bb34
models/
.rasa/
.rasa/cache/
.rasa/cache/*
/.rasa/*
results/
templates/typewriter.js
static/pictures/backdrop.jpg 0 → 100644
+ 0
− 0
View file @ 5513bb34
static/pictures/backdrop.jpg

616 KiB

templates/index.html
+ 16
− 2
View file @ 5513bb34
......@@ -7,22 +7,35 @@
<style>
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
background-color: #e0f7fa;
background: url('static/pictures/backdrop.jpg') repeat;
background-size: contain; /* Adjust to 'contain' to fit the image without zooming in */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
position: relative;
}
#overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6); /* Semi-transparent overlay */
z-index: 1; /* Ensure it is on top of the background */
}
#chat-container {
width: 350px;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.9); /* Ensure chat container is more opaque */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
height: 67vh; /* 2/3 of the viewport height */
position: relative;
z-index: 2; /* Ensure chat container is above the overlay */
}
#header {
background-color: #00796b;
......@@ -89,6 +102,7 @@
</style>
</head>
<body>
<div id="overlay"></div>
<div id="chat-container">
<div id="header">Chatbot</div>
<div id="chat-box"></div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment