Add sales automation stack: strategy docs, MCP scripts, PWA refinements

- SALES_STRATEGY.md: $1K/day plan (37 orders @ $27.50 AOV, 1,700 visits)
- TRIPWIRE_FUNNEL.md: 7-email Mautic sequence + lead scoring
- MONETIZATION.md: 9 monetization options for Nūr PWA (no ads, no registration)
- EXECUTABLE_PLAN.md: MCP-executable automation plan
- DAILY_OPS.md: daily KPI checklist (visits, orders, sends, recoveries)
- scripts/: automation.py, mautic_setup.py, gumroad_setup.py, scout_scrape.py, analytics.py, crontab
- quality_leads.json/.csv: 12 enriched Islamic-tech leads for Mautic import
- content_queue.json: 10 SEO blog posts for Ghost
- PWA: icons, sw.js, e2e + vitest coverage, generator scripts
This commit is contained in:
Hermes Bot
2026-08-06 23:33:21 +08:00
parent 05991c893f
commit a440160249
40 changed files with 7195 additions and 173 deletions
+93 -23
View File
@@ -4,17 +4,38 @@
let target = $state(33);
let vibrate = $state(true);
function loadSettings() {
const savedTarget = localStorage.getItem('tasbih_target');
if (savedTarget) target = parseInt(savedTarget, 10);
const savedTotal = localStorage.getItem('tasbih_total');
if (savedTotal) total = parseInt(savedTotal, 10);
}
function saveTarget() {
localStorage.setItem('tasbih_target', String(target));
}
function saveTotal() {
localStorage.setItem('tasbih_total', String(total));
}
function increment() {
count = (count + 1) % target;
total++;
saveTotal();
if (vibrate && navigator.vibrate) navigator.vibrate(15);
}
function reset() {
count = 0;
total = 0;
saveTotal();
}
$effect(() => { loadSettings(); });
$effect(() => { saveTarget(); });
$effect(() => {
function handleSpace(e) {
if (e.code === 'Space' && e.target === document.body) {
@@ -31,31 +52,31 @@
<h2>📿 Tasbih Counter</h2>
<div class="tasbih-display">
<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
<div class="counter-ring" onclick={increment} role="button" tabindex="0" onkeydown={(e) => e.key === 'Enter' && increment()}>
<svg viewBox="0 0 120 120" width="160" height="160">
<circle cx="60" cy="60" r="52" fill="none" stroke="#e6f5f0" stroke-width="8" />
<svg viewBox="0 0 120 120" width="180" height="180">
<circle cx="60" cy="60" r="52" fill="none" stroke="var(--border)" stroke-width="8" />
<circle
cx="60" cy="60" r="52"
fill="none" stroke="#0f766e" stroke-width="8"
fill="none" stroke="var(--gold)" stroke-width="8"
stroke-dasharray={2 * Math.PI * 52}
stroke-dashoffset={2 * Math.PI * 52 * (1 - count / target)}
stroke-linecap="round"
transform="rotate(-90 60 60)"
style="filter: drop-shadow(0 0 10px rgba(201,168,76,0.5));"
/>
<text x="60" y="56" text-anchor="middle" fill="#0f766e" font-size="22" font-weight="700">{count}</text>
<text x="60" y="76" text-anchor="middle" fill="#5b8c85" font-size="10">/ {target}</text>
<text x="60" y="58" text-anchor="middle" fill="var(--gold)" font-family="Cinzel, serif" font-size="28" font-weight="700">{count}</text>
<text x="60" y="80" text-anchor="middle" fill="var(--text-dim)" font-family="JetBrains Mono, monospace" font-size="10">{target}</text>
</svg>
</div>
<div class="total-line">
<span>Total today:</span>
<strong>{total}</strong>
<span class="total-label">Total Today</span>
<strong class="total-value">{total}</strong>
</div>
<div class="controls">
<div class="target-select">
<label for="bead-select">Beads:</label>
<label for="bead-select">Target</label>
<select id="bead-select" bind:value={target} onchange={() => { count = 0; }}>
<option value={33}>33</option>
<option value={99}>99</option>
@@ -63,7 +84,7 @@
<option value={500}>500</option>
</select>
</div>
<button class="primary" onclick={reset}>Reset</button>
<button class="secondary" onclick={reset}>Reset</button>
</div>
<p class="hint">👆 Tap the circle or press Space to count</p>
@@ -75,32 +96,81 @@
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
gap: 20px;
}
.counter-ring {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
user-select: none;
transition: transform 0.1s;
}
.counter-ring:active { transform: scale(0.97); transition: transform 0.1s; }
.total-line { font-size: 0.9rem; color: #5b8c85; }
.counter-ring:active { transform: scale(0.96); }
.counter-ring:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; border-radius: 50%; }
.total-line {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.total-label {
font-family: 'JetBrains Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--text-dim);
}
.total-value {
font-family: 'Cinzel', serif;
font-size: 1.5rem;
font-weight: 700;
color: var(--gold);
}
.controls {
display: flex;
gap: 12px;
gap: 16px;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.target-select {
display: flex;
gap: 6px;
gap: 10px;
align-items: center;
font-size: 0.8rem;
color: #5b8c85;
font-family: 'JetBrains Mono', monospace;
font-size: 0.7rem;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--text-dim);
}
.target-select select {
border: 1px solid #99d6c9;
border-radius: 6px;
padding: 4px 8px;
color: #0f766e;
font-family: 'JetBrains Mono', monospace;
font-size: 0.7rem;
letter-spacing: 0.05em;
border: 1px solid var(--border);
border-radius: 8px;
padding: 8px 12px;
color: var(--text);
background: var(--bg2);
cursor: pointer;
}
.hint { font-size: 0.7rem; color: #94a3a8; }
</style>
.target-select select:focus {
outline: none;
border-color: var(--gold);
}
.hint {
font-family: 'JetBrains Mono', monospace;
font-size: 0.6rem;
letter-spacing: 0.1em;
color: var(--text-muted);
}
</style>