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:
+93
-23
@@ -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>
|
||||
Reference in New Issue
Block a user