Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link href='https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap' rel='stylesheet'> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> | |
| <title>Farm Tech System - Activity Log</title> | |
| <style> | |
| :root { | |
| --primary-color: #2C5F2D; | |
| --secondary-color: #97BC62; | |
| --text-color: #333; | |
| --background-color: rgba(255, 255, 255, 0.9); | |
| } | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| background-image: url('https://media.istockphoto.com/id/136546538/photo/tea-plantation.jpg?s=612x612&w=0&k=20&c=CMMc6rLPJTvuhwYhj2Q7XjNT4acTi5iUiAGnHsgOPkw='); | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| background-attachment: fixed; | |
| color: var(--text-color); | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| background-color: var(--background-color); | |
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | |
| border-radius: 10px; | |
| } | |
| .animate-charcter { | |
| text-align: center; | |
| background-image: linear-gradient( | |
| -225deg, | |
| #231557 0%, | |
| #44107a 29%, | |
| #ff1361 67%, | |
| #fff800 100% | |
| ); | |
| background-size: 200% auto; | |
| color: #AC3B61; | |
| background-clip: text; | |
| text-fill-color: transparent; | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| animation: textclip 2s linear infinite; | |
| font-size: 48px; | |
| font-weight: bold; | |
| margin-bottom: 20px; | |
| } | |
| @keyframes textclip { | |
| to { | |
| background-position: 200% center; | |
| } | |
| } | |
| .navbar { | |
| background-color: var(--primary-color); | |
| padding: 10px 0; | |
| margin-bottom: 20px; | |
| } | |
| .nav-links { | |
| list-style: none; | |
| padding: 0; | |
| display: flex; | |
| justify-content: center; | |
| } | |
| .nav-links li { | |
| margin: 0 15px; | |
| } | |
| .nav-links a { | |
| color: white; | |
| font-weight: bold; | |
| font-size: 18px; | |
| text-decoration: none; | |
| transition: all 0.3s ease; | |
| } | |
| .nav-links li:hover a { | |
| background: white; | |
| color: var(--primary-color); | |
| padding: 5px 10px; | |
| border-radius: 25px; | |
| } | |
| h2 { | |
| color: var(--primary-color); | |
| font-size: 28px; | |
| margin-top: 30px; | |
| margin-bottom: 20px; | |
| } | |
| #welcome-section img { | |
| max-width: 100%; | |
| height: auto; | |
| margin-bottom: 30px; | |
| border-radius: 10px; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| } | |
| footer { | |
| background-color: var(--primary-color); | |
| color: white; | |
| text-align: center; | |
| padding: 20px 0; | |
| margin-top: 40px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1 class="animate-charcter">Farm Tech System - Activity Log</h1> | |
| <nav class="navbar"> | |
| <ul class="nav-links"> | |
| <li><a href="{{ url_for('home') }}"><i class="fas fa-home"></i> Dashboard</a></li> | |
| <li><a href="sensors"><i class="fas fa-cogs"></i> Sensors</a></li> | |
| <li><a href="zones"><i class="fas fa-envelope"></i> Zones</a></li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <section id="welcome-section"> | |
| <h2>IR Value Distribution</h2> | |
| <img src="data:image/png;base64,{{ ir_plot_data }}" alt="IR Value Distribution"> | |
| <h2>Average Closeness of Pests over Time</h2> | |
| <img src="data:image/png;base64,{{ distance_plot_data }}" alt="Average Closeness of Pests over Time"> | |
| </section> | |
| </div> | |
| <footer> | |
| <p>© 2024 Farm Tech System. All rights reserved.</p> | |
| </footer> | |
| </body> | |
| </html> |