mirror of
https://github.com/chaoming/hugo-saasify-theme.git
synced 2025-04-20 19:41:52 +02:00
36 lines
1.5 KiB
XML
36 lines
1.5 KiB
XML
|
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<rect width="600" height="400" fill="#f3f4f6"/>
|
||
|
|
<rect x="20" y="20" width="560" height="360" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
|
||
|
|
|
||
|
|
<!-- Session Player Header -->
|
||
|
|
<rect x="40" y="40" width="520" height="40" rx="4" fill="#f9fafb"/>
|
||
|
|
<circle cx="70" cy="60" r="12" fill="#a855f7"/>
|
||
|
|
<rect x="100" y="50" width="120" height="20" rx="4" fill="#e5e7eb"/>
|
||
|
|
<circle cx="500" cy="60" r="12" fill="#ef4444"/>
|
||
|
|
|
||
|
|
<!-- Timeline -->
|
||
|
|
<rect x="40" y="100" width="520" height="20" rx="4" fill="#f9fafb"/>
|
||
|
|
<rect x="40" y="100" width="200" height="20" rx="4" fill="#a855f7" opacity="0.3"/>
|
||
|
|
<circle cx="240" cy="110" r="8" fill="#a855f7"/>
|
||
|
|
|
||
|
|
<!-- Session Content -->
|
||
|
|
<rect x="40" y="140" width="520" height="220" rx="4" fill="#f9fafb"/>
|
||
|
|
|
||
|
|
<!-- Mouse Movement Path -->
|
||
|
|
<path d="M100 200 C 200 180, 300 280, 400 200 S 500 220, 520 180"
|
||
|
|
stroke="#a855f7" stroke-width="2" stroke-dasharray="4 4" fill="none"/>
|
||
|
|
|
||
|
|
<!-- Click Points -->
|
||
|
|
<circle cx="200" cy="180" r="8" fill="#a855f7" opacity="0.3"/>
|
||
|
|
<circle cx="300" cy="280" r="8" fill="#a855f7" opacity="0.3"/>
|
||
|
|
<circle cx="400" cy="200" r="8" fill="#a855f7" opacity="0.3"/>
|
||
|
|
|
||
|
|
<!-- Cursor -->
|
||
|
|
<path d="M520 180 L 530 190 L 515 185 Z" fill="#a855f7"/>
|
||
|
|
|
||
|
|
<!-- Event List -->
|
||
|
|
<rect x="40" y="320" width="120" height="24" rx="4" fill="#e5e7eb"/>
|
||
|
|
<rect x="180" y="320" width="120" height="24" rx="4" fill="#e5e7eb"/>
|
||
|
|
<rect x="320" y="320" width="120" height="24" rx="4" fill="#e5e7eb"/>
|
||
|
|
</svg>
|