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
models/
.rasa/
.rasa/cache/
.rasa/cache/*
/.rasa/*
results/
templates/typewriter.js
static/pictures/backdrop.jpg

616 KiB

......@@ -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% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment