51 lines
2.5 KiB
XML
51 lines
2.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-label="VidPlex popup instructions preview">
|
|
<defs>
|
|
<style>
|
|
.bg { fill: #ffffff; }
|
|
.panel { fill: #f8fafc; stroke: #e2e8f0; stroke-width: 1; }
|
|
.text { fill: #1a1a2e; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; }
|
|
.muted { fill: #64748b; }
|
|
.accent { fill: #4361ee; }
|
|
.warn { fill: #7c3aed; }
|
|
.small { font-size: 12px; }
|
|
.tiny { font-size: 11px; letter-spacing: .08em; font-weight: 700; }
|
|
.title { font-size: 18px; font-weight: 600; }
|
|
.h2 { font-size: 14px; font-weight: 600; }
|
|
.step-title { font-size: 12px; font-weight: 600; }
|
|
.body { font-size: 12px; fill: #475569; }
|
|
.button-text { font-size: 12px; fill: #4361ee; }
|
|
.primary-text { fill: #ffffff; font-size: 14px; }
|
|
</style>
|
|
</defs>
|
|
|
|
<rect class="bg" x="0" y="0" width="1280" height="720"/>
|
|
<text class="text title" x="18" y="30">VidPlex</text>
|
|
|
|
<rect class="panel" x="17" y="50" width="1264" height="276" rx="10"/>
|
|
<text class="text muted tiny" x="30" y="72">QUICK START</text>
|
|
<text class="text h2" x="30" y="90">How to use VidPlex</text>
|
|
|
|
<rect x="1150" y="62" width="104" height="28" rx="8" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<text class="button-text" x="1165" y="80">Hide instructions</text>
|
|
|
|
<g class="text">
|
|
<text class="step-title" x="48" y="126">Scan videos</text>
|
|
<text class="body" x="48" y="144">Click Find Videos to search the current browser window for videos.</text>
|
|
|
|
<text class="step-title" x="48" y="176">Review the list</text>
|
|
<text class="body" x="48" y="194">Check the popup list; each found video URL is clickable.</text>
|
|
|
|
<text class="step-title" x="48" y="226">Open the viewer</text>
|
|
<text class="body" x="48" y="244">Click Open Viewer to open the 2x2 grid player in a new window.</text>
|
|
|
|
<text class="step-title" x="48" y="276">Reset and rescan</text>
|
|
<text class="body" x="48" y="294">Click Clear to erase results and scan again.</text>
|
|
|
|
<text class="warn small" x="30" y="319">Warning: Browser pages, extension pages, and restricted frames can hide videos, so results may be incomplete.</text>
|
|
<text class="body" x="30" y="348">Learn more tooltip: Read the VidPlex README and audit notes.</text>
|
|
</g>
|
|
|
|
<rect x="17" y="339" width="1264" height="31" rx="8" fill="#4361ee"/>
|
|
<text class="primary-text" x="561" y="359">Find Videos (all tabs)</text>
|
|
</svg>
|
