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

feat(stripe): add /mo recurring subscription for developer growth support (v17)

Browse Source
This commit is contained in:
Mediusa
2026-09-12 10:17:01 -07:00
parent 263d22ce04
commit d9b8b80eee
3 changed files with 202 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+37 -8
View File
@@ -54,7 +54,7 @@
<meta name="apple-mobile-web-app-title" content="FlockRadar">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/styles.css?v=16">
<link rel="stylesheet" href="css/styles.css?v=17">
</head>
<body>
@@ -104,7 +104,7 @@
<span class="nav-text-desktop">National Directory (1,439)</span>
<span class="nav-text-mobile">Directory</span>
</button>
<button id="nav-support-btn" class="nav-mode-btn nav-support-btn" role="tab" aria-selected="false" title="Help support FlockRadar development ($10, $20, $50)">
<button id="nav-support-btn" class="nav-mode-btn nav-support-btn" role="tab" aria-selected="false" title="Help support developer ($10/mo, $10, $20, $50)">
<span class="mode-icon support-heart-icon">
<svg class="flock-svg flock-svg-sm" viewBox="0 0 24 24" fill="currentColor" stroke="none">
<path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
@@ -315,7 +315,7 @@
<span>Dashboard Fullscreen</span>
</button>
<button id="btn-drawer-support" class="btn-hud-action btn-support-highlight" title="Help support FlockRadar development ($10, $20, $50)">
<button id="btn-drawer-support" class="btn-hud-action btn-support-highlight" title="Help support developer ($10/mo, $10, $20, $50)">
<svg class="flock-svg" viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
<span>Help Support Developer</span>
</button>
@@ -1185,6 +1185,35 @@
FlockRadar is 100% independently coded, researched, and maintained. Your direct support pays for continuous municipal portal scraping, real-time audio radar servers, GPS algorithms, and hardware photo hosting.
</p>
<!-- Recurring Monthly Growth Sustainer Banner Card -->
<a href="https://buy.stripe.com/dRmeVdbYbcdoeFd9BbeME0t" target="_blank" rel="noopener noreferrer" class="monthly-sub-banner">
<div class="monthly-sub-left">
<div class="monthly-badge">
<span class="pulse-sub-dot"></span>
<span>Recurring Monthly Support</span>
</div>
<div class="monthly-title">Monthly Growth Sustainer</div>
<div class="monthly-desc">
Ongoing monthly support to power server infrastructure, continuous municipal portal scraping, and app development. Cancel anytime with 1 click.
</div>
</div>
<div class="monthly-sub-right">
<div class="monthly-price-wrap">
<span class="monthly-price">$10</span>
<span class="monthly-cadence">/ month</span>
</div>
<div class="btn-subscribe-monthly">
<svg class="flock-svg flock-svg-xs" viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
<span>Subscribe $10/mo</span>
<svg class="flock-svg flock-svg-xs" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg>
</div>
</div>
</a>
<div class="support-divider">
<span>OR CHOOSE A ONE-TIME CONTRIBUTION</span>
</div>
<div class="support-tiers-grid">
<!-- $10 Tier -->
<a href="https://buy.stripe.com/5kQ14ne6j0uG8gPeVveME0p" target="_blank" rel="noopener noreferrer" class="support-tier-card">
@@ -1261,11 +1290,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=16"></script>
<script src="js/icons.js?v=16"></script>
<script src="js/auth.js?v=16"></script>
<script src="js/radar.js?v=16"></script>
<script src="js/app.js?v=16"></script>
<script src="data/portals.js?v=17"></script>
<script src="js/icons.js?v=17"></script>
<script src="js/auth.js?v=17"></script>
<script src="js/radar.js?v=17"></script>
<script src="js/app.js?v=17"></script>
<!-- Service Worker Instant Cache Invalidation -->
<script>