doru 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,20 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
2
+ <defs>
3
+ <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
4
+ <stop offset="0%" stop-color="#1f1f1f"/>
5
+ <stop offset="100%" stop-color="#0a0a0a"/>
6
+ </linearGradient>
7
+ <radialGradient id="dot" cx="30%" cy="30%" r="70%">
8
+ <stop offset="0%" stop-color="#525252"/>
9
+ <stop offset="100%" stop-color="#3f3f3f"/>
10
+ </radialGradient>
11
+ </defs>
12
+ <!-- Dark rounded square -->
13
+ <rect x="2" y="2" width="28" height="28" rx="7" fill="url(#bg)"/>
14
+ <!-- Dim ring -->
15
+ <circle cx="16" cy="16" r="8" fill="none" stroke="#333" stroke-width="1"/>
16
+ <!-- Inactive dot -->
17
+ <circle cx="16" cy="16" r="5" fill="url(#dot)"/>
18
+ <!-- Subtle shine -->
19
+ <ellipse cx="14.5" cy="14.5" rx="1.5" ry="1" fill="rgba(255,255,255,0.15)"/>
20
+ </svg>
@@ -0,0 +1,30 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
2
+ <defs>
3
+ <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
4
+ <stop offset="0%" stop-color="#1f1f1f"/>
5
+ <stop offset="100%" stop-color="#0a0a0a"/>
6
+ </linearGradient>
7
+ <radialGradient id="glow" cx="50%" cy="50%" r="50%">
8
+ <stop offset="0%" stop-color="#ff2222" stop-opacity="0.6"/>
9
+ <stop offset="60%" stop-color="#ff0000" stop-opacity="0.2"/>
10
+ <stop offset="100%" stop-color="#ff0000" stop-opacity="0"/>
11
+ </radialGradient>
12
+ <radialGradient id="rec" cx="30%" cy="30%" r="70%">
13
+ <stop offset="0%" stop-color="#ff6b6b"/>
14
+ <stop offset="100%" stop-color="#dc2626"/>
15
+ </radialGradient>
16
+ <filter id="blur" x="-50%" y="-50%" width="200%" height="200%">
17
+ <feGaussianBlur in="SourceGraphic" stdDeviation="2"/>
18
+ </filter>
19
+ </defs>
20
+ <!-- Dark rounded square -->
21
+ <rect x="2" y="2" width="28" height="28" rx="7" fill="url(#bg)"/>
22
+ <!-- Outer glow layer -->
23
+ <circle cx="16" cy="16" r="7" fill="#ff3333" filter="url(#blur)" opacity="0.5"/>
24
+ <!-- Inner glow -->
25
+ <circle cx="16" cy="16" r="10" fill="url(#glow)"/>
26
+ <!-- Recording light -->
27
+ <circle cx="16" cy="16" r="5" fill="url(#rec)"/>
28
+ <!-- Shine highlight -->
29
+ <ellipse cx="14.5" cy="14.5" rx="1.5" ry="1" fill="rgba(255,255,255,0.35)"/>
30
+ </svg>
@@ -0,0 +1,14 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Doru</title>
7
+ <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
8
+ <link rel="stylesheet" href="./styles.css" />
9
+ </head>
10
+ <body>
11
+ <div id="app"></div>
12
+ <script type="module" src="./app.js"></script>
13
+ </body>
14
+ </html>