From 22682f1d0996cbbfef4c309ecf78d50e4d8e4a24 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Sat, 27 Sep 2025 08:36:56 +0000 Subject: [PATCH] dron1 --- assets/css/custom.css | 98 +++++++++++++++++++ assets/js/main.js | 9 ++ index.php | 223 ++++++++++++++++++------------------------ 3 files changed, 204 insertions(+), 126 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..1f02dae --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,98 @@ + +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); + +body { + font-family: 'Poppins', sans-serif; + background-color: #F4F4F4; + color: #264653; +} + +.header { + background-image: linear-gradient(to right, rgba(42, 157, 143, 0.8), rgba(38, 70, 83, 0.8)), url('https://picsum.photos/seed/droneview/1600/400'); + background-size: cover; + background-position: center; + color: white; + padding: 4rem 2rem; + margin-bottom: 2rem; + border-radius: 0 0 1rem 1rem; +} + +.header h1 { + font-weight: 700; +} + +.btn-primary { + background-color: #2A9D8F; + border-color: #2A9D8F; + border-radius: 0.5rem; + padding: 0.75rem 1.5rem; + font-weight: 600; + transition: background-color 0.3s ease; +} + +.btn-primary:hover { + background-color: #248a7d; + border-color: #248a7d; +} + +.btn-secondary { + background-color: #E9C46A; + border-color: #E9C46A; + color: #264653; + border-radius: 0.5rem; + padding: 0.75rem 1.5rem; + font-weight: 600; + transition: background-color 0.3s ease; +} + +.btn-secondary:hover { + background-color: #d4b35f; + border-color: #d4b35f; +} + + +.mission-table { + background-color: #FFFFFF; + border-radius: 0.5rem; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); +} + +.mission-table th { + border-bottom: 2px solid #F4F4F4; +} + +.mission-table tbody tr:hover { + background-color: #f8f9fa; +} + +.status-badge { + padding: 0.35em 0.65em; + font-size: .75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + +.status-completed { + background-color: #2A9D8F; +} + +.status-pending { + background-color: #E9C46A; + color: #264653; +} + +.status-in-progress { + background-color: #F4A261; +} + +.footer { + padding: 2rem 0; + margin-top: 2rem; + font-size: 0.9rem; + color: #6c757d; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..a6186fc --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,9 @@ + +document.addEventListener('DOMContentLoaded', function() { + const createMissionBtn = document.getElementById('createMissionBtn'); + if (createMissionBtn) { + createMissionBtn.addEventListener('click', function() { + alert('This feature is coming soon!'); + }); + } +}); diff --git a/index.php b/index.php index 6f7ffab..b5e5a16 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,102 @@ - - + - - - New Style - - - - + + + AgroDrone Control - Mission Dashboard + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + +
+
+

AgroDrone Control

+

Welcome to your mission control center

+
+
+ +
+
+

Mission Dashboard

+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Mission NameDroneStatusDateActions
Vineyard Spraying - Block AAG-Drone 01Completed2025-09-26
Row Monitoring - Section 3AG-Drone 02In Progress2025-09-27
Pest Analysis - North FieldAG-Drone 01Pending2025-09-28
Soil Sampling - West RidgeAG-Drone 03Pending2025-09-29
+
+
+ + + + + + + + + + - + \ No newline at end of file