Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document AI</title> | |
| <!-- Bootstrap CSS --> | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <style> | |
| body { | |
| background-color: #1e1e2f; | |
| color: #f5f5f5; | |
| font-family: 'Arial', sans-serif; | |
| } | |
| .navbar { | |
| background-color: #2c2c3e; | |
| border-bottom: 2px solid #444; | |
| } | |
| .navbar-brand { | |
| font-weight: bold; | |
| color: #f5f5f5 ; | |
| } | |
| .navbar-nav .nav-link { | |
| color: #cfcfcf ; | |
| } | |
| .navbar-nav .nav-link:hover { | |
| color: #ffffff ; | |
| } | |
| .container { | |
| margin-top: 50px; | |
| } | |
| .card { | |
| background-color: #2c2c3e; | |
| border: none; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| transition: transform 0.3s ease; | |
| } | |
| .card:hover { | |
| transform: scale(1.05); | |
| } | |
| .card-title { | |
| color: #ffffff; | |
| } | |
| .card-body { | |
| text-align: center; | |
| } | |
| .btn-primary { | |
| background-color: #4c4cff; | |
| border-color: #4c4cff; | |
| } | |
| .btn-primary:hover { | |
| background-color: #3838e8; | |
| border-color: #3838e8; | |
| } | |
| footer { | |
| background-color: #2c2c3e; | |
| color: #888; | |
| padding: 10px 0; | |
| text-align: center; | |
| position: fixed; | |
| width: 100%; | |
| bottom: 0; | |
| border-top: 2px solid #444; | |
| } | |
| footer p { | |
| margin: 0; | |
| font-size: 14px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Navigation Bar --> | |
| <nav class="navbar navbar-expand-lg"> | |
| <div class="container-fluid"> | |
| <a class="navbar-brand" href="/">Document AI</a> | |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" | |
| aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbarNav"> | |
| <ul class="navbar-nav ms-auto"> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/">Home</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/create-db">Create DB</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/list-dbs">List DBs</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" href="/chat">Chat</a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Main Content --> | |
| <div class="container"> | |
| {% block content %} | |
| <!-- Page-specific content will go here --> | |
| {% endblock %} | |
| </div> | |
| <!-- Footer --> | |
| <footer class="fixed-bottom"> | |
| <p>© 2024 Document AI. All rights reserved.</p> | |
| </footer> | |
| <!-- Bootstrap JS --> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | |
| </body> | |
| </html> | |