| import os |
| import webbrowser |
| from pathlib import Path |
|
|
| def visualize_strategic_map(): |
| """ |
| F.R.I.D.A.Y. Strategic Oversight Tool. |
| Generates and opens a high-fidelity 'Red Pen' strategic world map. |
| """ |
| map_html = """ |
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>F.R.I.D.A.Y. // STRATEGIC OVERSIGHT</title> |
| <style> |
| body { |
| background: #05050a; |
| color: #00f2ff; |
| font-family: 'Courier New', Courier, monospace; |
| margin: 0; |
| overflow: hidden; |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| justify-content: center; |
| height: 100vh; |
| } |
| .hud-container { |
| width: 90%; |
| height: 80%; |
| border: 1px solid #00f2ff33; |
| position: relative; |
| background: radial-gradient(circle, #0a0a1f 0%, #05050a 100%); |
| box-shadow: 0 0 50px #00f2ff11; |
| } |
| .map-layer { |
| width: 100%; |
| height: 100%; |
| opacity: 0.3; |
| background: url('https://upload.wikimedia.org/wikipedia/commons/e/ec/World_map_blank_without_borders.svg') no-repeat center; |
| background-size: contain; |
| filter: invert(1) hue-rotate(180deg); |
| } |
| .overlay { |
| position: absolute; |
| top: 0; left: 0; width: 100%; height: 100%; |
| pointer-events: none; |
| } |
| .marker { |
| position: absolute; |
| width: 10px; |
| height: 10px; |
| background: #ff3333; |
| border-radius: 50%; |
| box-shadow: 0 0 10px #ff3333; |
| animation: pulse 2s infinite; |
| } |
| .marker-label { |
| position: absolute; |
| font-size: 10px; |
| color: #ff3333; |
| margin-left: 15px; |
| margin-top: -5px; |
| text-transform: uppercase; |
| letter-spacing: 1px; |
| } |
| @keyframes pulse { |
| 0% { transform: scale(1); opacity: 1; } |
| 50% { transform: scale(1.5); opacity: 0.5; } |
| 100% { transform: scale(1); opacity: 1; } |
| } |
| .header { |
| width: 90%; |
| display: flex; |
| justify-content: space-between; |
| padding: 20px; |
| border-bottom: 2px solid #00f2ff; |
| margin-bottom: 20px; |
| } |
| .telemetry { |
| font-size: 12px; |
| color: #00f2ffaa; |
| } |
| .scan-line { |
| width: 100%; |
| height: 2px; |
| background: rgba(0, 242, 255, 0.1); |
| position: absolute; |
| top: 0; |
| animation: scan 4s linear infinite; |
| } |
| @keyframes scan { |
| from { top: 0; } |
| to { top: 100%; } |
| } |
| </style> |
| </head> |
| <body> |
| <div class="header"> |
| <div>F.R.I.D.A.Y. // STRATEGIC OVERSIGHT // PROTOCOL V13</div> |
| <div class="telemetry">NEURAL LINK: ACTIVE | STATUS: RED_PEN | SESSION: Paritosh_Sir_917</div> |
| </div> |
| <div class="hud-container"> |
| <div class="map-layer"></div> |
| <div class="overlay"> |
| <div class="scan-line"></div> |
| <!-- Dynamic Markers --> |
| <div class="marker" style="top: 35%; left: 65%;"></div> |
| <div class="marker-label" style="top: 35%; left: 65%;">INTEL: ARCTIC_DEVICES</div> |
| |
| <div class="marker" style="top: 55%; left: 30%;"></div> |
| <div class="marker-label" style="top: 55%; left: 30%;">PRIORITY: PACIFIC_NODE</div> |
| |
| <div class="marker" style="top: 45%; left: 85%;"></div> |
| <div class="marker-label" style="top: 45%; left: 85%;">ALERT: MISSION_ARTEMIS</div> |
| </div> |
| </div> |
| <div style="margin-top: 20px; font-size: 14px; letter-spacing: 2px;"> |
| SIR, I HAVE MAPPED THE CURRENT STATE OF YOUR DIGITAL ASSETS. |
| </div> |
| </body> |
| </html> |
| """ |
| |
| output_path = Path("/Users/paritosh/Desktop/Jarvis/static/strategic_map.html") |
| output_path.parent.mkdir(exist_ok=True) |
| |
| with open(output_path, "w") as f: |
| f.write(map_html) |
| |
| webbrowser.open(f"file://{output_path.absolute()}") |
| return "Strategic Oversight Dashboard deployed in your browser, Sir." |
|
|
