From 09c0605bf6f1b74f478a6cb8425e22563ce11888 Mon Sep 17 00:00:00 2001 From: Oliver Date: Tue, 9 Jun 2026 19:41:24 -0300 Subject: [PATCH] closed sections by default, yyyy-mm-dd hh:mm timestamp, infos section with stored answers, needs updated with coupon/homepage done --- operations.html | 147 +++++++++++++++++++++++++++++++++--------------- 1 file changed, 101 insertions(+), 46 deletions(-) diff --git a/operations.html b/operations.html index 6bdaacf..e11fcd6 100644 --- a/operations.html +++ b/operations.html @@ -99,15 +99,18 @@ display: flex; align-items: center; gap: 8px; - margin-bottom: 12px; + margin-bottom: 0; cursor: pointer; user-select: none; + padding: 6px 0; } + .section-header:hover { color: var(--accent); } .section-header h2 { font-size: 15px; font-weight: 600; color: var(--text); } + .section-header:hover h2 { color: var(--accent); } .section-header .count { font-size: 12px; color: var(--text-muted); @@ -121,12 +124,17 @@ } .section-toggle.collapsed { transform: rotate(-90deg); } .section-body { - transition: max-height .25s ease, opacity .15s ease; + transition: max-height .25s ease, opacity .15s ease, margin .15s ease; overflow: hidden; + max-height: 0; + opacity: 0; + margin: 0; + } + .section-body.open { max-height: 20000px; opacity: 1; + margin-top: 12px; } - .section-body.hidden { max-height: 0; opacity: 0; padding: 0; } /* ── Goals Grid ──────────────────────── */ .goals-grid { @@ -460,6 +468,39 @@ } .highlight { color: var(--accent); } + /* ── Infos ───────────────────────────── */ + .infos-card { + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: var(--radius-card); + padding: 20px 24px; + } + .infos-list { list-style: none; } + .infos-list li { + display: flex; + align-items: flex-start; + gap: 10px; + padding: 7px 0; + border-bottom: 1px solid rgba(30,30,42,.4); + font-size: 13px; + color: var(--text); + line-height: 1.6; + } + .infos-list li:last-child { border-bottom: none; } + .infos-list li .info-label { + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: .04em; + color: var(--accent); + white-space: nowrap; + flex-shrink: 0; + min-width: 100px; + } + .infos-list li .info-value { + color: var(--text); + } + @media (max-width: 900px) { .campaign-grid { grid-template-columns: 1fr; } .comms-grid { grid-template-columns: 1fr; } @@ -491,7 +532,7 @@

🎯 Q2/2026 Goals

- ▼ +
@@ -503,19 +544,19 @@

📡 Campaigns

overview - ▼ +
- +

📦 Items Needed From You

click to check off - ▼ +
@@ -529,18 +570,32 @@

✉ Communications

important only - ▼ +
+ +
+
+

📋 Infos

+ look here for answers + +
+
+
+
    +
    +
    +
    +

    ⏰ Daily Routine

    - ▼ +
    @@ -641,22 +696,31 @@ } ]; - /* Top 5 most important needs */ + /* Top 5 needs — 2 done after Oliver's last update */ const NEEDS = [ { id: "n1", text: "Business emails for top 20 YouTube creators — blocking cold email outreach", done: false }, - { id: "n2", text: "Influencer partnership budget (free plans? cash? affiliate %?)", done: false }, + { id: "n2", text: "Coupon codes ready: creator950 ($9.50), friends950 ($9.50) — unlimited, includes OpenRouter credits", done: true }, { id: "n3", text: "Product demo video (3 min screen recording)", done: false }, { id: "n4", text: "Social media account access (X/Twitter + LinkedIn posting)", done: false }, - { id: "n5", text: "'Why I built Derez.ai' notes for blog post", done: false }, + { id: "n5", text: "'Why I built Derez.ai' story — available on homepage", done: true }, ]; - /* Filtered comms — spam/sales/ads/work-for-you removed */ + /* ── Infos (answers Oliver asked for, stored here not chat) ── */ + const infos = [ + { label: 'Coupon Codes', value: 'creator950 ($9.50 off), friends950 ($9.50 off) — unlimited use, OpenRouter credits still apply' }, + { label: 'Cold Email', value: 'Signed as Mark — Customer Success Agent. Templates reviewed via Telegram before send.' }, + { label: 'Influencer Offer', value: 'Free 3-month agent + 10% recurring affiliate commission. Pitch: "Deploy AI agents in 5 min — no DevOps."' }, + { label: 'Site Status', value: 'derez.ai live. Prelaunch. 89 CRM contacts (59 YT creators on Hold).' }, + { label: 'Timezone', value: 'America/Asuncion (PYST, UTC-3/UTC-4). Daily brief 09:00.' }, + ]; + + /* ── Filtered comms — spam/sales/ads/work-for-you removed ── */ function isSpam(email) { const lower = (email.subj + ' ' + email.from + ' ' + (email.detail || '')).toLowerCase(); const spamPatterns = [ 'spam', 'advertisement', 'advert', 'work for you', 'work from home', 'make money', 'earn', 'investment opportunity', 'click here', - 'buy now', 'limited offer', 'discount', 'free money', 'congratulations', + 'buy now', 'limited offer', 'free money', 'congratulations', 'you\'ve won', 'marketing offer', 'promotion', 'partner offer', 'guest post', 'seo services', 'link building', 'content writing services', ]; @@ -664,10 +728,10 @@ } const rawInbox = [ - { id: 'i1', time: 'Jun 09 14:44', from: 'Mail Delivery System', subj: 'Undelivered — the@123.de', detail: '421 Downstream server error — cold email bounced', alert: true, spam: false }, - { id: 'i2', time: 'Jun 08 21:04', from: 'Mail Delivery System', subj: 'Undelivered — the@123.de', detail: '421 Downstream server error', alert: false, spam: false }, - { id: 'i3', time: 'Jun 10 08:12', from: 'seo@boostmyrank.xyz', subj: 'Guest post opportunity for your site', detail: 'Wants to publish sponsored content', spam: true }, - { id: 'i4', time: 'Jun 09 19:33', from: 'hannah@freelance.io', subj: 'I can help with your content marketing', detail: 'Offering writing services', spam: true }, + { id: 'i1', time: '14:44', from: 'Mail Delivery System', subj: 'Undelivered — the@123.de', detail: '421 Downstream server error — cold email bounced', alert: true, spam: false }, + { id: 'i2', time: '21:04', from: 'Mail Delivery System', subj: 'Undelivered — the@123.de', detail: '421 Downstream server error', alert: false, spam: false }, + { id: 'i3', time: '08:12', from: 'seo@boostmyrank.xyz', subj: 'Guest post opportunity for your site', detail: 'Wants to publish sponsored content', spam: true }, + { id: 'i4', time: '19:33', from: 'hannah@freelance.io', subj: 'I can help with your content marketing', detail: 'Offering writing services', spam: true }, ]; const rawSent = [ @@ -675,29 +739,6 @@ { time: 'Jun 08', to: 'oliver@odoo4projects.com', subj: 'managing your agents without SSH', spam: false }, ]; - const strategyCards = [ - { - icon: '📢', title: 'Influencer Outreach', - body: 'Target 60 YouTube creators in AI/ML/DevOps. Offer free 3-month agent + 10% recurring affiliate commission. Pitch: "Deploy AI agents in 5 minutes — no DevOps needed."', - goal: 'Goal: 20 onboarded, 3+ social mentions' - }, - { - icon: '👨‍👩‍👧‍👦', title: 'Cold Email', - body: 'Templates & coupons ready (friends950, creator950). Signed as Mark. All drafts reviewed via Telegram before sending.', - goal: 'Goal: 100 sent, 10+ replies' - }, - { - icon: '🔗', title: 'LinkedIn Presence', - body: 'Zero presence. Need page, connections, and content strategy before outreach.', - goal: 'Goal: Page live, 100 connections' - }, - { - icon: '📈', title: 'SEO & Analytics', - body: 'Plausible analytics live with 7 custom events. Weekly cron monitors insights. Need Search Console + directory listings.', - goal: 'Goal: 10K visitors/mo, top 5 for "AI agent hosting"' - } - ]; - const comms = { inbox: { total: rawInbox.filter(i => !i.spam).length, @@ -713,16 +754,23 @@ }; /* ════════ RENDER ════════ */ - function fmtDate() { - return new Date().toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }); + function fmtTimestamp(date) { + const d = date || new Date(); + const y = d.getFullYear(); + const mo = String(d.getMonth() + 1).padStart(2, '0'); + const day = String(d.getDate()).padStart(2, '0'); + const h = String(d.getHours()).padStart(2, '0'); + const mi = String(d.getMinutes()).padStart(2, '0'); + return `${y}-${mo}-${day} ${h}:${mi}`; } + function pct(cur, target) { return target > 0 ? Math.min(100, Math.round(cur / target * 100)) : 0; } function barClass(p) { return p >= 80 ? 'green' : p >= 40 ? 'blue' : p >= 20 ? 'yellow' : 'red'; } function toggleSection(id, header) { const el = document.getElementById(id); const toggle = header.querySelector('.section-toggle'); - el.classList.toggle('hidden'); + el.classList.toggle('open'); toggle.classList.toggle('collapsed'); } @@ -752,7 +800,7 @@ }).join(''); } - /* ── Interactive checkboxes ── */ + /* ── Needs (checkboxes) ── */ function getNeeds() { try { const saved = localStorage.getItem("derez-needs"); @@ -823,6 +871,12 @@
    `; } + function renderInfos() { + document.getElementById('infos-list').innerHTML = infos.map(i => + `
  • ${i.label}${i.value}
    • ` + ).join(''); + } + async function fetchLiveData() { try { const res = await fetch('data/operations.json?t=' + Date.now()); @@ -836,11 +890,12 @@ } /* ── Init ── */ - document.getElementById('brief-date').textContent = fmtDate(); + document.getElementById('brief-date').textContent = fmtTimestamp(); renderGoals(); renderCampaigns(); renderNeeds(getNeeds()); renderCommunications(); + renderInfos(); fetchLiveData();