Last 10 Commits for vehiclestatus.scroll.pub

commit 08b34dd57f569e481da11c64adbd7e25a03f5caa Author: root <root@hub.scroll.pub> Date: 2025-01-01 08:48:00 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..3a2f0af --- /dev/null +++ b/body.html @@ -0,0 +1,32 @@ +<header> + <h1>Vehicle Status Monitor</h1> + <p>Real-time tracking of vehicle and router status</p> +</header> + +<main> + <section class="dashboard"> + <div class="status-card"> + <h2>Vehicle Location</h2> + <div id="map" class="map-container"></div> + </div> + + <div class="status-card"> + <h2>Router Signal Status</h2> + <div class="signal-indicator"> + <div class="signal-bar"></div> + <span class="signal-strength">Strong</span> + </div> + </div> + </section> + + <section class="vehicle-list"> + <h2>Active Vehicles</h2> + <ul id="vehicle-list"> +  + </ul> + </section> +</main> + +<footer> + <p>Real-time vehicle monitoring system</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..e6362e7 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://vehiclestatus.scroll.pub +metaTags +editButton /edit.html +title Vehicle Status Monitor +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..73e08aa --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "a0003ef5-5b3d-479d-963c-08f1051a0c17", + "object": "chat.completion", + "created": 1735721261, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nvehiclestatus.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://vehiclestatus.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Vehicle Status Monitor\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Vehicle Status Monitor</h1>\n <p>Real-time tracking of vehicle and router status</p>\n</header>\n\n<main>\n <section class=\"dashboard\">\n <div class=\"status-card\">\n <h2>Vehicle Location</h2>\n <div id=\"map\" class=\"map-container\"></div>\n </div>\n \n <div class=\"status-card\">\n <h2>Router Signal Status</h2>\n <div class=\"signal-indicator\">\n <div class=\"signal-bar\"></div>\n <span class=\"signal-strength\">Strong</span>\n </div>\n </div>\n </section>\n\n <section class=\"vehicle-list\">\n <h2>Active Vehicles</h2>\n <ul id=\"vehicle-list\">\n \n </ul>\n </section>\n</main>\n\n<footer>\n <p>Real-time vehicle monitoring system</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #1a73e8;\n --secondary-color: #34a853;\n --background-color: #f5f5f5;\n --card-color: #ffffff;\n --text-color: #202124;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--background-color);\n color: var(--text-color);\n line-height: 1.6;\n}\n\nheader {\n background: var(--primary-color);\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\n.dashboard {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n padding: 2rem;\n}\n\n.status-card {\n background: var(--card-color);\n border-radius: 12px;\n padding: 1.5rem;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.map-container {\n height: 300px;\n background: #e0e0e0;\n border-radius: 8px;\n margin-top: 1rem;\n}\n\n.signal-indicator {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-top: 1rem;\n}\n\n.signal-bar {\n width: 100px;\n height: 20px;\n background: linear-gradient(90deg, var(--secondary-color) 80%, #e0e0e0 80%);\n border-radius: 10px;\n}\n\n.vehicle-list {\n padding: 2rem;\n}\n\n#vehicle-list {\n list-style: none;\n padding: 0;\n display: grid;\n gap: 1rem;\n}\n\n#vehicle-list li {\n background: var(--card-color);\n padding: 1rem;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--primary-color);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n \n .dashboard {\n grid-template-columns: 1fr;\n padding: 1rem;\n }\n}\n---script.js---\n// Sample vehicle data\nconst vehicles = [\n { id: 1, name: 'Truck 101', status: 'Moving', location: 'New York' },\n { id: 2, name: 'Van 202', status: 'Idle', location: 'Los Angeles' },\n { id: 3, name: 'Car 303', status: 'Moving', location: 'Chicago' }\n];\n\n// Update vehicle list\nfunction updateVehicleList() {\n const vehicleList = document.getElementById('vehicle-list');\n vehicleList.innerHTML = vehicles.map(vehicle => `\n <li>\n <strong>${vehicle.name}</strong>\n <span>Status: ${vehicle.status}</span>\n <span>Location: ${vehicle.location}</span>\n </li>\n `).join('');\n}\n\n// Update signal strength\nfunction updateSignal() {\n const signalBar = document.querySelector('.signal-bar');\n const signalStrength = document.querySelector('.signal-strength');\n \n // Simulate signal strength changes\n const strength = Math.random();\n const width = Math.floor(strength * 100);\n \n signalBar.style.background = `linear-gradient(90deg, var(--secondary-color) ${width}%, #e0e0e0 ${width}%)`;\n signalStrength.textContent = strength > 0.7 ? 'Strong' : strength > 0.4 ? 'Moderate' : 'Weak';\n}\n\n// Initialize\nfunction init() {\n updateVehicleList();\n setInterval(updateSignal, 3000);\n}\n\n// Run when DOM is loaded\ndocument.addEventListener('DOMContentLoaded', init);\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 257, + "completion_tokens": 1191, + "total_tokens": 1448, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 257 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..f6bc8a3 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# vehiclestatus.scroll.pub +Website generated by DeepSeek from prompt: I want a website that can help me monitor the working state of moving vehicles and the signal status of vehicle-mounted routers. \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..76d0bab --- /dev/null +++ b/script.js @@ -0,0 +1,40 @@ +// Sample vehicle data +const vehicles = [ + { id: 1, name: 'Truck 101', status: 'Moving', location: 'New York' }, + { id: 2, name: 'Van 202', status: 'Idle', location: 'Los Angeles' }, + { id: 3, name: 'Car 303', status: 'Moving', location: 'Chicago' } +]; + +// Update vehicle list +function updateVehicleList() { + const vehicleList = document.getElementById('vehicle-list'); + vehicleList.innerHTML = vehicles.map(vehicle => ` + <li> + <strong>${vehicle.name}</strong> + <span>Status: ${vehicle.status}</span> + <span>Location: ${vehicle.location}</span> + </li> + `).join(''); +} + +// Update signal strength +function updateSignal() { + const signalBar = document.querySelector('.signal-bar'); + const signalStrength = document.querySelector('.signal-strength'); + + // Simulate signal strength changes + const strength = Math.random(); + const width = Math.floor(strength * 100); + + signalBar.style.background = `linear-gradient(90deg, var(--secondary-color) ${width}%, #e0e0e0 ${width}%)`; + signalStrength.textContent = strength > 0.7 ? 'Strong' : strength > 0.4 ? 'Moderate' : 'Weak'; +} + +// Initialize +function init() { + updateVehicleList(); + setInterval(updateSignal, 3000); +} + +// Run when DOM is loaded +document.addEventListener('DOMContentLoaded', init); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..b470f60 --- /dev/null +++ b/style.css @@ -0,0 +1,100 @@ +:root { + --primary-color: #1a73e8; + --secondary-color: #34a853; + --background-color: #f5f5f5; + --card-color: #ffffff; + --text-color: #202124; +} + +body { + font-family: 'Segoe UI', system-ui, sans-serif; + margin: 0; + padding: 0; + background-color: var(--background-color); + color: var(--text-color); + line-height: 1.6; +} + +header { + background: var(--primary-color); + color: white; + padding: 2rem; + text-align: center; +} + +h1 { + margin: 0; + font-size: 2.5rem; +} + +.dashboard { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 2rem; + padding: 2rem; +} + +.status-card { + background: var(--card-color); + border-radius: 12px; + padding: 1.5rem; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.map-container { + height: 300px; + background: #e0e0e0; + border-radius: 8px; + margin-top: 1rem; +} + +.signal-indicator { + display: flex; + align-items: center; + gap: 1rem; + margin-top: 1rem; +} + +.signal-bar { + width: 100px; + height: 20px; + background: linear-gradient(90deg, var(--secondary-color) 80%, #e0e0e0 80%); + border-radius: 10px; +} + +.vehicle-list { + padding: 2rem; +} + +#vehicle-list { + list-style: none; + padding: 0; + display: grid; + gap: 1rem; +} + +#vehicle-list li { + background: var(--card-color); + padding: 1rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +footer { + text-align: center; + padding: 1rem; + background: var(--primary-color); + color: white; + margin-top: 2rem; +} + +@media (max-width: 768px) { + h1 { + font-size: 2rem; + } + + .dashboard { + grid-template-columns: 1fr; + padding: 1rem; + } +} \ No newline at end of file