YouTube: create banner (2048x1152), add channel info to dashboard, update memory

This commit is contained in:
Oliver
2026-06-10 09:12:47 -03:00
parent 79396bc182
commit 82efe44750
2 changed files with 65 additions and 0 deletions
+64
View File
@@ -0,0 +1,64 @@
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="1152" viewBox="0 0 2048 1152">
<defs>
<linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#08080c"/>
<stop offset="50%" stop-color="#0a0a14"/>
<stop offset="100%" stop-color="#08080c"/>
</linearGradient>
<linearGradient id="glow" x1="0.5" y1="0" x2="0.5" y2="1">
<stop offset="0%" stop-color="rgba(0,245,255,0.08)"/>
<stop offset="100%" stop-color="rgba(0,245,255,0)"/>
</linearGradient>
<linearGradient id="icon-bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#003545"/>
<stop offset="100%" stop-color="#00202e"/>
</linearGradient>
</defs>
<!-- Background -->
<rect width="2048" height="1152" fill="url(#bg-grad)"/>
<!-- Subtle glow from center -->
<ellipse cx="1024" cy="576" rx="600" ry="400" fill="url(#glow)"/>
<!-- Grid lines (subtle) -->
<g stroke="rgba(0,245,255,0.03)" stroke-width="1">
<line x1="0" y1="288" x2="2048" y2="288"/>
<line x1="0" y1="576" x2="2048" y2="576"/>
<line x1="0" y1="864" x2="2048" y2="864"/>
<line x1="512" y1="0" x2="512" y2="1152"/>
<line x1="1024" y1="0" x2="1024" y2="1152"/>
<line x1="1536" y1="0" x2="1536" y2="1152"/>
</g>
<!-- Center content group -->
<g transform="translate(1024, 520)">
<!-- Icon at 98x98 (scaled from 34x34) -->
<g transform="translate(-175, -49)">
<!-- Rounded square -->
<rect x="0" y="0" width="98" height="98" rx="28" fill="url(#icon-bg)" stroke="#005570" stroke-width="3"/>
<!-- Terminal/monitor body -->
<rect x="17" y="32" width="64" height="43" rx="7" fill="none" stroke="#00f5ff" stroke-width="5"/>
<!-- Connection stalk -->
<path d="M49 32V20" stroke="#00f5ff" stroke-width="5" stroke-linecap="round"/>
<!-- Antenna dot -->
<circle cx="49" cy="16" r="4.5" fill="#00f5ff"/>
<!-- Indicator dots -->
<circle cx="29" cy="44" r="3" fill="#00f5ff"/>
<circle cx="41" cy="44" r="3" fill="#00f5ff"/>
<!-- Bottom bar -->
<path d="M29 58h40" stroke="#00f5ff" stroke-width="4.5" stroke-linecap="round"/>
</g>
<!-- Text: derez.ai -->
<text x="-60" y="8" fill="#00f5ff" font-family="'Courier New', Courier, monospace" font-size="64" font-weight="700" letter-spacing="-1">derez.ai</text>
</g>
<!-- Tagline -->
<text x="1024" y="680" text-anchor="middle" fill="#2e6a80" font-family="'Courier New', Courier, monospace" font-size="22" letter-spacing="3" text-transform="uppercase">DEPLOY YOUR AI AGENT IN 5 MINUTES</text>
<!-- Bottom-right URL -->
<text x="2020" y="1120" text-anchor="end" fill="#1a4a60" font-family="'Courier New', Courier, monospace" font-size="16">derez.ai</text>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

+1
View File
@@ -722,6 +722,7 @@
/* ── Infos (action plan: 10K visitors/mo) ── */ /* ── Infos (action plan: 10K visitors/mo) ── */
const infos = [ const infos = [
{ label: 'YouTube Channel', value: '<a href="https://www.youtube.com/@derez_ai" target="_blank" style="color:#00f5ff">youtube.com/@derez_ai</a> — Deploy your own AI agent in 5 minutes. Speed runs, tutorials, Odoo integrations, and AI agent demos. Banner saved at assets/images/youtube-banner.svg (2048x1152).' },
{ label: 'Why not start?', value: 'No Search Console access yet — can\'t index site. No blog content drafted. No directory submissions. Need to unblock these first, then launch is days not weeks.' }, { label: 'Why not start?', value: 'No Search Console access yet — can\'t index site. No blog content drafted. No directory submissions. Need to unblock these first, then launch is days not weeks.' },
{ label: 'Blog Strategy', value: '2 posts/week minimum. Topics: "Deploy AI agents in 5 min" (tutorial), "Hermes agent setup guide" (tutorial), "Why agent hosting beats DIY" (comparison), "Cold email automation stack" (case study). Cross-post to Medium/Dev.to. Each post = 1 backlink target + long-tail SEO. Start with 4 cornerstone posts before directory submissions.' }, { label: 'Blog Strategy', value: '2 posts/week minimum. Topics: "Deploy AI agents in 5 min" (tutorial), "Hermes agent setup guide" (tutorial), "Why agent hosting beats DIY" (comparison), "Cold email automation stack" (case study). Cross-post to Medium/Dev.to. Each post = 1 backlink target + long-tail SEO. Start with 4 cornerstone posts before directory submissions.' },
{ label: 'Phase 1 (Week 1)', value: 'Get Search Console access. Draft 2 cornerstone blog posts. Submit to Product Hunt + BetaList + AlternativeTo. Set up HARO/Qwoted alerts.' }, { label: 'Phase 1 (Week 1)', value: 'Get Search Console access. Draft 2 cornerstone blog posts. Submit to Product Hunt + BetaList + AlternativeTo. Set up HARO/Qwoted alerts.' },