Spaces:

frimponge
/

Generative_AI_with_poultry_disease_detection_system_v2

Paused

App Files Files Community

Emmanuel Frimpong Asante commited on Oct 30, 2024

Commit

06ff008

1 Parent(s): 2b99d1c

update space base

Browse files

Files changed (9) hide show

app.py +4 -3
static/index.html +0 -10
static/script.js +0 -0
static/style.css +0 -0
templates/auth-base.html +29 -0
templates/auth/login.html +1 -1
templates/auth/register.html +1 -1
templates/base.html +43 -3
templates/landing.html +86 -0

app.py CHANGED Viewed

@@ -4,13 +4,14 @@ from fastapi import FastAPI, Request
 from fastapi.templating import Jinja2Templates
 from fastapi.responses import HTMLResponse
 from routes.authentication import auth_router
 app = FastAPI()
 templates = Jinja2Templates(directory="templates")
 app.include_router(auth_router, prefix="/auth", tags=["Authentication"])
 @app.get("/", response_class=HTMLResponse)
-async def home(request: Request):
-    return templates.TemplateResponse("home.html", {"request": request, "title": "Dashboard"})

 from fastapi.templating import Jinja2Templates
 from fastapi.responses import HTMLResponse
 from routes.authentication import auth_router
+from fastapi.staticfiles import StaticFiles
 app = FastAPI()
 templates = Jinja2Templates(directory="templates")
+app.mount("/static", StaticFiles(directory="static"), name="static")
 app.include_router(auth_router, prefix="/auth", tags=["Authentication"])
 @app.get("/", response_class=HTMLResponse)
+async def landing_page(request: Request):
+    return templates.TemplateResponse("landing.html", {"request": request})

static/index.html DELETED Viewed

@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-</body>
-</html>

static/script.js DELETED Viewed

File without changes

static/style.css DELETED Viewed

File without changes

templates/auth-base.html ADDED Viewed

	@@ -0,0 +1,29 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{ title | default("Poultry Management System") }}</title>
+  <!-- Google Font: Source Sans Pro -->
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+  <!-- icheck bootstrap -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/icheck-bootstrap/3.0.1/icheck-bootstrap.min.css" integrity="sha512-8vq2g5nHE062j3xor4XxPeZiPjmRDh6wlufQlfC6pdQ/9urJkU07NM0tEREeymP++NczacJ/Q59ul+/K2eYvcg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <!-- AdminLTE CSS -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+</head>
+<body class="hold-transition login-page">
+        {% block content %}{% endblock %}
+<!-- Bootstrap 5 -->
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+<!-- Scripts -->
+  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/adminlte.min.js"></script>
+</body>
+</html>

templates/auth/login.html CHANGED Viewed

@@ -1,4 +1,4 @@
-{% extends "base.html" %}
 {% block content %}
 <div class="login-box">

+{% extends "auth-base.html" %}
 {% block content %}
 <div class="login-box">

templates/auth/register.html CHANGED Viewed

@@ -1,4 +1,4 @@
-{% extends "base.html" %}
 {% block content %}
 <div class="register-box">

+{% extends "auth-base.html" %}
 {% block content %}
 <div class="register-box">

templates/base.html CHANGED Viewed

@@ -4,11 +4,20 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ title | default("Poultry Management System") }}</title>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 </head>
 <body class="hold-transition sidebar-mini layout-fixed">
 <div class="wrapper">
     <!-- Navbar -->
     <nav class="main-header navbar navbar-expand navbar-white navbar-light">
         <ul class="navbar-nav ml-auto">
@@ -17,50 +26,79 @@
             </li>
         </ul>
     </nav>
     <!-- Sidebar -->
     <aside class="main-sidebar sidebar-dark-primary elevation-4">
         <a href="/" class="brand-link">
             <span class="brand-text font-weight-light">Poultry Management</span>
         </a>
         <div class="sidebar">
             <nav class="mt-2">
-                <ul class="nav nav-pills nav-sidebar flex-column" role="menu">
                     <li class="nav-item">
                         <a href="/" class="nav-link">
                             <i class="nav-icon fas fa-home"></i>
                             <p>Home</p>
                         </a>
                     </li>
                     <li class="nav-item">
                         <a href="/inventory" class="nav-link">
                             <i class="nav-icon fas fa-boxes"></i>
                             <p>Inventory</p>
                         </a>
                     </li>
                     <li class="nav-item">
                         <a href="/health" class="nav-link">
                             <i class="nav-icon fas fa-heartbeat"></i>
                             <p>Health</p>
                         </a>
                     </li>
                     <li class="nav-item">
                         <a href="/todo" class="nav-link">
                             <i class="nav-icon fas fa-tasks"></i>
                             <p>To-Do List</p>
                         </a>
                     </li>
                 </ul>
             </nav>
         </div>
     </aside>
     <!-- Content Wrapper -->
     <div class="content-wrapper">
         <section class="content">
             <div class="container-fluid">
                 {% block content %}{% endblock %}
             </div>
         </section>
     </div>
     <!-- Footer -->
     <footer class="main-footer">
         <div class="float-right d-none d-sm-inline">
@@ -69,7 +107,9 @@
         <strong>&copy; 2024</strong> All rights reserved.
     </footer>
 </div>
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
 </body>
 </html>

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ title | default("Poultry Management System") }}</title>
+    <!-- AdminLTE CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Font Awesome Icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <style>
+        .navbar-brand {
+            font-weight: bold;
+            color: #fff !important;
+        }
+    </style>
 </head>
 <body class="hold-transition sidebar-mini layout-fixed">
 <div class="wrapper">
     <!-- Navbar -->
     <nav class="main-header navbar navbar-expand navbar-white navbar-light">
         <ul class="navbar-nav ml-auto">
             </li>
         </ul>
     </nav>
     <!-- Sidebar -->
     <aside class="main-sidebar sidebar-dark-primary elevation-4">
+        <!-- Brand Logo -->
         <a href="/" class="brand-link">
             <span class="brand-text font-weight-light">Poultry Management</span>
         </a>
+        <!-- Sidebar Menu -->
         <div class="sidebar">
             <nav class="mt-2">
+                <ul class="nav nav-pills nav-sidebar flex-column" role="menu" data-accordion="false">
+                    <!-- Home -->
                     <li class="nav-item">
                         <a href="/" class="nav-link">
                             <i class="nav-icon fas fa-home"></i>
                             <p>Home</p>
                         </a>
                     </li>
+                    <!-- Inventory Management -->
                     <li class="nav-item">
                         <a href="/inventory" class="nav-link">
                             <i class="nav-icon fas fa-boxes"></i>
                             <p>Inventory</p>
                         </a>
                     </li>
+                    <!-- Health Monitoring -->
                     <li class="nav-item">
                         <a href="/health" class="nav-link">
                             <i class="nav-icon fas fa-heartbeat"></i>
                             <p>Health</p>
                         </a>
                     </li>
+                    <!-- To-Do List -->
                     <li class="nav-item">
                         <a href="/todo" class="nav-link">
                             <i class="nav-icon fas fa-tasks"></i>
                             <p>To-Do List</p>
                         </a>
                     </li>
+                    <!-- Notifications -->
+                    <li class="nav-item">
+                        <a href="/notifications" class="nav-link">
+                            <i class="nav-icon fas fa-bell"></i>
+                            <p>Notifications</p>
+                        </a>
+                    </li>
                 </ul>
             </nav>
         </div>
     </aside>
     <!-- Content Wrapper -->
     <div class="content-wrapper">
+        <!-- Content Header -->
+        <div class="content-header">
+            <div class="container-fluid">
+                <div class="row mb-2">
+                    <div class="col-sm-6">
+                        <h1 class="m-0">{{ title | default("Dashboard") }}</h1>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Main Content -->
         <section class="content">
             <div class="container-fluid">
                 {% block content %}{% endblock %}
             </div>
         </section>
     </div>
     <!-- Footer -->
     <footer class="main-footer">
         <div class="float-right d-none d-sm-inline">
         <strong>&copy; 2024</strong> All rights reserved.
     </footer>
 </div>
+<!-- Scripts -->
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
 </body>
 </html>

templates/landing.html ADDED Viewed

	@@ -0,0 +1,86 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Poultry Management System</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <style>
+        .hero-section {
+            background-image: url('/images/landing-bg.jpg');
+            background-size: cover;
+            background-position: center;
+            color: #fff;
+            text-align: center;
+            padding: 100px 20px;
+        }
+        .hero-title {
+            font-size: 3rem;
+            font-weight: bold;
+        }
+        .hero-description {
+            font-size: 1.25rem;
+            margin-top: 20px;
+        }
+        .features-section {
+            padding: 50px 20px;
+        }
+        .feature-box {
+            text-align: center;
+            padding: 20px;
+        }
+    </style>
+</head>
+<body>
+<div class="wrapper">
+    <!-- Hero Section -->
+    <div class="hero-section">
+        <h1 class="hero-title">Welcome to the Poultry Management System</h1>
+        <p class="hero-description">Efficiently manage your poultry farm with advanced health monitoring, inventory management, and task automation.</p>
+        <a href="/auth/login" class="btn btn-primary btn-lg mt-3">Login</a>
+        <a href="/auth/register" class="btn btn-outline-light btn-lg mt-3">Register</a>
+    </div>
+    <!-- Features Section -->
+    <div class="features-section">
+        <div class="container">
+            <h2 class="text-center mb-5">Key Features</h2>
+            <div class="row">
+                <div class="col-md-4">
+                    <div class="feature-box">
+                        <i class="fas fa-heartbeat fa-3x mb-3 text-primary"></i>
+                        <h4>Health Monitoring</h4>
+                        <p>Track poultry health and receive actionable insights to manage disease outbreaks effectively.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="feature-box">
+                        <i class="fas fa-boxes fa-3x mb-3 text-success"></i>
+                        <h4>Inventory Management</h4>
+                        <p>Manage feed, medicine, and supply inventory levels with ease, ensuring your farm is always stocked.</p>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="feature-box">
+                        <i class="fas fa-tasks fa-3x mb-3 text-warning"></i>
+                        <h4>Task Automation</h4>
+                        <p>Automate daily tasks and manage to-do lists for efficient farm operations.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Footer -->
+    <footer class="text-center py-4">
+        <p>&copy; 2024 Poultry Management System. All rights reserved.</p>
+    </footer>
+</div>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/adminlte.min.js"></script>
+</body>
+</html>