|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="UTF-8"> |
|
|
<title>{% block title %}{% endblock %}</title> |
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> |
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/navbar.css') }}"> |
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/bottom_nav.css') }}"> |
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/card.css') }}"> |
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/form.css') }}"> |
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/gototop.css') }}"> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"> |
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script> |
|
|
</head> |
|
|
<body> |
|
|
<script type="module"> |
|
|
import Chatbot from "https://cdn.jsdelivr.net/npm/[email protected]/dist/web.js" |
|
|
Chatbot.init({ |
|
|
chatflowid: "d22a7084-54e8-4caf-8182-7f33b86265b3", |
|
|
apiHost: "https://crw-dev-flxoxwxixsxex.hf.space", |
|
|
chatflowConfig: { |
|
|
|
|
|
}, |
|
|
theme: { |
|
|
button: { |
|
|
backgroundColor: "#303235", |
|
|
right: 20, |
|
|
bottom: 10, |
|
|
size: 'medium', |
|
|
dragAndDrop: true, |
|
|
customIconSrc: "https://i.ibb.co/ZN6GSWv/logo.png", |
|
|
}, |
|
|
chatWindow: { |
|
|
showTitle: true, |
|
|
title: 'CRW AI', |
|
|
titleAvatarSrc: 'https://i.ibb.co/ZN6GSWv/logo.png', |
|
|
showAgentMessages: true, |
|
|
welcomeMessage: 'Hello! Everyone, I am CRW AI. I can help you with your movie related queries.', |
|
|
errorMessage: 'sorry, something went wrong. Please try again', |
|
|
backgroundColor: "#1e1e1e", |
|
|
height: 700, |
|
|
width: 400, |
|
|
fontSize: 16, |
|
|
poweredByTextColor: "#303235", |
|
|
botMessage: { |
|
|
backgroundColor: "#121212", |
|
|
textColor: "#ffffff", |
|
|
showAvatar: true, |
|
|
avatarSrc: "https://img.icons8.com/papercut/60/bot.png", |
|
|
}, |
|
|
userMessage: { |
|
|
backgroundColor: "#e50914", |
|
|
textColor: "#ffffff", |
|
|
showAvatar: true, |
|
|
avatarSrc: "https://img.icons8.com/isometric/50/person-female.png", |
|
|
}, |
|
|
textInput: { |
|
|
placeholder: 'Type your question', |
|
|
backgroundColor: '#121212', |
|
|
textColor: '#ffffff', |
|
|
sendButtonColor: '#e50914', |
|
|
maxChars: 50, |
|
|
maxCharsWarningMessage: 'You exceeded the characters limit. Please input less than 50 characters.', |
|
|
autoFocus: true, |
|
|
sendMessageSound: true, |
|
|
|
|
|
receiveMessageSound: true, |
|
|
|
|
|
}, |
|
|
feedback: { |
|
|
color: '#303235', |
|
|
}, |
|
|
footer: { |
|
|
textColor: '#e50914', |
|
|
text: 'Powered by', |
|
|
company: 'CRW', |
|
|
companyLink: 'https://crw07.dev', |
|
|
} |
|
|
} |
|
|
} |
|
|
}) |
|
|
</script> |
|
|
<nav class="navbar"> |
|
|
<button class="go-to-top" aria-label="Go to top"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> |
|
|
<path d="M12 5.293l-6.293 6.293 1.414 1.414L12 8.121l4.879 4.879 1.414-1.414L12 5.293z"/> |
|
|
</svg> |
|
|
</button> |
|
|
<ul class="navbar-nav"> |
|
|
<li><a href="{{ url_for('home') }}">Home</a></li> |
|
|
<li><a href="{{ url_for('search') }}">Search</a></li> |
|
|
<li><a href="{{ url_for('filter') }}">Filter</a></li> |
|
|
</ul> |
|
|
<div class="logout"> |
|
|
<ul class="navbar-nav"> |
|
|
{% if 'logged_in' in session %} |
|
|
<li>{{ session['username'] }}</li> |
|
|
<li><a href="{{ url_for('logout') }}">Logout</a></li> |
|
|
{% endif %} |
|
|
</ul> |
|
|
</div> |
|
|
</nav> |
|
|
{% block content %}{% endblock %} |
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script> |
|
|
|
|
|
<div class="bottom-nav"> |
|
|
<a href="{{ url_for('home') }}" class="bottom-nav-link"> |
|
|
<svg class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> |
|
|
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/> |
|
|
</svg> |
|
|
<span>Home</span> |
|
|
</a> |
|
|
<a href="{{ url_for('search') }}" class="bottom-nav-link"> |
|
|
<svg class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> |
|
|
<path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z"/> |
|
|
</svg> |
|
|
<span>Search</span> |
|
|
</a> |
|
|
|
|
|
<a href="{{ url_for('filter') }}" class="bottom-nav-link"> |
|
|
<svg class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> |
|
|
<path d="M3 18h6v2H3v-2zm0-5h12v2H3v-2zm0-5h18v2H3V8zm0-5h6v2H3V3zm0 10h12v2H3v-2zm0-5h18v2H3V8z"/> |
|
|
</svg> |
|
|
<span>Filter</span> |
|
|
</a> |
|
|
<a class="bottom-nav-link" aria-label="Menu"> |
|
|
<svg class="nav-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> |
|
|
<circle cx="12" cy="12" r="10"/> |
|
|
</svg> |
|
|
</a> |
|
|
|
|
|
</div> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
