Mediusa/FlockRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(branding): add high-res logo emblem, multi-platform favicon suite, and Open Graph social sharing card

Browse Source
This commit is contained in:
Mediusa
2026-09-12 10:02:51 -07:00
parent 19a1108384
commit 31fdb8b7be
14 changed files with 237 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+39 -16
View File
@@ -7,11 +7,37 @@
<meta name="description" content="A Waze-style real-time ALPR radar navigation app alerting drivers to active Flock camera recorded zones with live proximity alerts, audio warnings, and a 1,439-portal public directory.">
<meta name="keywords" content="Flock Safety, ALPR, camera radar, waze for flock, live radar, license plate readers, police surveillance, camera alerts">
<meta name="author" content="Public ALPR Transparency Project">
<link rel="canonical" href="https://flockradar.org/">
<!-- Favicon Suite & App Icons -->
<link rel="icon" type="image/svg+xml" href="favicon.svg?v=14">
<link rel="alternate icon" href="favicon.ico?v=14">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=14">
<link rel="icon" type="image/png" sizes="192x192" href="icon-192.png?v=14">
<link rel="icon" type="image/png" sizes="512x512" href="icon-512.png?v=14">
<meta name="theme-color" content="#07090e">
<meta name="msapplication-TileColor" content="#07090e">
<!-- Open Graph -->
<meta property="og:title" content="FlockRadar | Live ALPR Camera Awareness & Directory">
<meta property="og:description" content="Drive with real-time awareness of Flock camera recorded zones with live proximity HUD alerts, audio warnings, and public portal data.">
<!-- Open Graph / iMessage / WhatsApp / Facebook Preview Card -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://flockradar.org/">
<meta property="og:site_name" content="FlockRadar">
<meta property="og:title" content="FlockRadar | Live ALPR Camera Awareness & National Directory">
<meta property="og:description" content="Drive with real-time awareness of Flock camera surveillance zones. Instant proximity HUD alerts, audio warnings, and 1,439 official municipal transparency portals mapped.">
<meta property="og:image" content="https://flockradar.org/og-image.png?v=14">
<meta property="og:image:secure_url" content="https://flockradar.org/og-image.png?v=14">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="FlockRadar - Live ALPR Driving Radar & National Transparency Directory">
<!-- Twitter / X Preview Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://flockradar.org/">
<meta name="twitter:title" content="FlockRadar | Live ALPR Camera Awareness & National Directory">
<meta name="twitter:description" content="Drive with real-time awareness of Flock camera surveillance zones. Instant proximity HUD alerts, audio warnings, and 1,439 official municipal portals mapped.">
<meta name="twitter:image" content="https://flockradar.org/og-image.png?v=14">
<meta name="twitter:image:alt" content="FlockRadar - Live ALPR Driving Radar & National Transparency Directory">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -28,7 +54,7 @@
<meta name="apple-mobile-web-app-title" content="FlockRadar">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/styles.css?v=13">
<link rel="stylesheet" href="css/styles.css?v=14">
</head>
<body>
@@ -38,13 +64,10 @@
<nav class="site-nav" aria-label="Main Navigation">
<div class="container nav-content">
<div class="nav-left">
<a href="#" class="brand-wrapper" id="brand-link">
<div class="radar-icon-box" aria-hidden="true">
<div class="pulse-dot"></div>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<path d="m12 12 5-5"></path>
</svg>
<a href="#" class="brand-wrapper" id="brand-link" title="FlockRadar Home">
<div class="brand-logo-emblem" aria-hidden="true">
<img src="favicon.svg?v=14" alt="FlockRadar Emblem" width="40" height="40" class="brand-logo-img">
<span class="brand-radar-ping"></span>
</div>
<div class="brand-text">
<span class="brand-title">FLOCKRADAR</span>
@@ -1133,11 +1156,11 @@
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Data & Application Logic with Cache Busting -->
<script src="data/portals.js?v=13"></script>
<script src="js/icons.js?v=13"></script>
<script src="js/auth.js?v=13"></script>
<script src="js/radar.js?v=13"></script>
<script src="js/app.js?v=13"></script>
<script src="data/portals.js?v=14"></script>
<script src="js/icons.js?v=14"></script>
<script src="js/auth.js?v=14"></script>
<script src="js/radar.js?v=14"></script>
<script src="js/app.js?v=14"></script>
<!-- Service Worker Instant Cache Invalidation -->
<script>