feat: Add comprehensive documentation suite and reorganize project structure

- Created complete documentation in docs/ directory
- Added PROJECT_OVERVIEW.md with feature highlights and getting started guide
- Added ARCHITECTURE.md with system design and technical details
- Added SECURITY.md with comprehensive security implementation guide
- Added DEVELOPMENT.md with development workflows and best practices
- Added DEPLOYMENT.md with production deployment instructions
- Added API.md with complete REST API documentation
- Added CONTRIBUTING.md with contribution guidelines
- Added CHANGELOG.md with version history and migration notes
- Reorganized all documentation files into docs/ directory for better organization
- Updated README.md with proper documentation links and quick navigation
- Enhanced project structure with professional documentation standards
This commit is contained in:
SamiAhmed7777
2025-10-21 00:39:45 -07:00
commit 0b7e2d0a5b
6080 changed files with 1332936 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 673 B

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#4A90E2"/>
<circle cx="-15" cy="-2" r="8" fill="#4A90E2"/>
<circle cx="15" cy="-2" r="8" fill="#4A90E2"/>
<circle cx="-8" cy="-8" r="6" fill="#4A90E2"/>
<circle cx="8" cy="-8" r="6" fill="#4A90E2"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#4A90E2" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#4A90E2"/>
<rect x="-24" y="-7" width="12" height="1" fill="#7FB3D3"/>
<rect x="-24" y="-5" width="10" height="1" fill="#7FB3D3"/>
<rect x="-10" y="-10" width="6" height="6" fill="#5DADE2"/>
<rect x="-2" y="-10" width="8" height="2" fill="#4A90E2"/>
<rect x="-2" y="-7" width="6" height="1" fill="#7FB3D3"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#4A90E2">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#17A2B8"/>
<circle cx="-15" cy="-2" r="8" fill="#17A2B8"/>
<circle cx="15" cy="-2" r="8" fill="#17A2B8"/>
<circle cx="-8" cy="-8" r="6" fill="#17A2B8"/>
<circle cx="8" cy="-8" r="6" fill="#17A2B8"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#17A2B8" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#17A2B8"/>
<rect x="-24" y="-7" width="12" height="1" fill="#6EDFF6"/>
<rect x="-24" y="-5" width="10" height="1" fill="#6EDFF6"/>
<rect x="-10" y="-10" width="6" height="6" fill="#3FC1C9"/>
<rect x="-2" y="-10" width="8" height="2" fill="#17A2B8"/>
<rect x="-2" y="-7" width="6" height="1" fill="#6EDFF6"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#17A2B8">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#1E3A8A"/>
<circle cx="-15" cy="-2" r="8" fill="#1E3A8A"/>
<circle cx="15" cy="-2" r="8" fill="#1E3A8A"/>
<circle cx="-8" cy="-8" r="6" fill="#1E3A8A"/>
<circle cx="8" cy="-8" r="6" fill="#1E3A8A"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#1E3A8A" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#1E3A8A"/>
<rect x="-24" y="-7" width="12" height="1" fill="#3B82F6"/>
<rect x="-24" y="-5" width="10" height="1" fill="#3B82F6"/>
<rect x="-10" y="-10" width="6" height="6" fill="#2563EB"/>
<rect x="-2" y="-10" width="8" height="2" fill="#1E3A8A"/>
<rect x="-2" y="-7" width="6" height="1" fill="#3B82F6"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#1E3A8A">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#0E7490"/>
<circle cx="-15" cy="-2" r="8" fill="#0E7490"/>
<circle cx="15" cy="-2" r="8" fill="#0E7490"/>
<circle cx="-8" cy="-8" r="6" fill="#0E7490"/>
<circle cx="8" cy="-8" r="6" fill="#0E7490"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#0E7490" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#0E7490"/>
<rect x="-24" y="-7" width="12" height="1" fill="#06B6D4"/>
<rect x="-24" y="-5" width="10" height="1" fill="#06B6D4"/>
<rect x="-10" y="-10" width="6" height="6" fill="#0891B2"/>
<rect x="-2" y="-10" width="8" height="2" fill="#0E7490"/>
<rect x="-2" y="-7" width="6" height="1" fill="#06B6D4"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#0E7490">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#166534"/>
<circle cx="-15" cy="-2" r="8" fill="#166534"/>
<circle cx="15" cy="-2" r="8" fill="#166534"/>
<circle cx="-8" cy="-8" r="6" fill="#166534"/>
<circle cx="8" cy="-8" r="6" fill="#166534"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#166534" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#166534"/>
<rect x="-24" y="-7" width="12" height="1" fill="#22C55E"/>
<rect x="-24" y="-5" width="10" height="1" fill="#22C55E"/>
<rect x="-10" y="-10" width="6" height="6" fill="#16A34A"/>
<rect x="-2" y="-10" width="8" height="2" fill="#166534"/>
<rect x="-2" y="-7" width="6" height="1" fill="#22C55E"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#166534">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#C2410C"/>
<circle cx="-15" cy="-2" r="8" fill="#C2410C"/>
<circle cx="15" cy="-2" r="8" fill="#C2410C"/>
<circle cx="-8" cy="-8" r="6" fill="#C2410C"/>
<circle cx="8" cy="-8" r="6" fill="#C2410C"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#C2410C" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#C2410C"/>
<rect x="-24" y="-7" width="12" height="1" fill="#FB923C"/>
<rect x="-24" y="-5" width="10" height="1" fill="#FB923C"/>
<rect x="-10" y="-10" width="6" height="6" fill="#EA580C"/>
<rect x="-2" y="-10" width="8" height="2" fill="#C2410C"/>
<rect x="-2" y="-7" width="6" height="1" fill="#FB923C"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#C2410C">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#BE185D"/>
<circle cx="-15" cy="-2" r="8" fill="#BE185D"/>
<circle cx="15" cy="-2" r="8" fill="#BE185D"/>
<circle cx="-8" cy="-8" r="6" fill="#BE185D"/>
<circle cx="8" cy="-8" r="6" fill="#BE185D"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#BE185D" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#BE185D"/>
<rect x="-24" y="-7" width="12" height="1" fill="#F472B6"/>
<rect x="-24" y="-5" width="10" height="1" fill="#F472B6"/>
<rect x="-10" y="-10" width="6" height="6" fill="#EC4899"/>
<rect x="-2" y="-10" width="8" height="2" fill="#BE185D"/>
<rect x="-2" y="-7" width="6" height="1" fill="#F472B6"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#BE185D">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#581C87"/>
<circle cx="-15" cy="-2" r="8" fill="#581C87"/>
<circle cx="15" cy="-2" r="8" fill="#581C87"/>
<circle cx="-8" cy="-8" r="6" fill="#581C87"/>
<circle cx="8" cy="-8" r="6" fill="#581C87"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#581C87" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#581C87"/>
<rect x="-24" y="-7" width="12" height="1" fill="#A855F7"/>
<rect x="-24" y="-5" width="10" height="1" fill="#A855F7"/>
<rect x="-10" y="-10" width="6" height="6" fill="#9333EA"/>
<rect x="-2" y="-10" width="8" height="2" fill="#581C87"/>
<rect x="-2" y="-7" width="6" height="1" fill="#A855F7"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#581C87">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#991B1B"/>
<circle cx="-15" cy="-2" r="8" fill="#991B1B"/>
<circle cx="15" cy="-2" r="8" fill="#991B1B"/>
<circle cx="-8" cy="-8" r="6" fill="#991B1B"/>
<circle cx="8" cy="-8" r="6" fill="#991B1B"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#991B1B" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#991B1B"/>
<rect x="-24" y="-7" width="12" height="1" fill="#F87171"/>
<rect x="-24" y="-5" width="10" height="1" fill="#F87171"/>
<rect x="-10" y="-10" width="6" height="6" fill="#EF4444"/>
<rect x="-2" y="-10" width="8" height="2" fill="#991B1B"/>
<rect x="-2" y="-7" width="6" height="1" fill="#F87171"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#991B1B">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#28A745"/>
<circle cx="-15" cy="-2" r="8" fill="#28A745"/>
<circle cx="15" cy="-2" r="8" fill="#28A745"/>
<circle cx="-8" cy="-8" r="6" fill="#28A745"/>
<circle cx="8" cy="-8" r="6" fill="#28A745"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#28A745" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#28A745"/>
<rect x="-24" y="-7" width="12" height="1" fill="#71DD8A"/>
<rect x="-24" y="-5" width="10" height="1" fill="#71DD8A"/>
<rect x="-10" y="-10" width="6" height="6" fill="#4CAF50"/>
<rect x="-2" y="-10" width="8" height="2" fill="#28A745"/>
<rect x="-2" y="-7" width="6" height="1" fill="#71DD8A"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#28A745">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#FD7E14"/>
<circle cx="-15" cy="-2" r="8" fill="#FD7E14"/>
<circle cx="15" cy="-2" r="8" fill="#FD7E14"/>
<circle cx="-8" cy="-8" r="6" fill="#FD7E14"/>
<circle cx="8" cy="-8" r="6" fill="#FD7E14"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#FD7E14" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#FD7E14"/>
<rect x="-24" y="-7" width="12" height="1" fill="#FFB366"/>
<rect x="-24" y="-5" width="10" height="1" fill="#FFB366"/>
<rect x="-10" y="-10" width="6" height="6" fill="#FF9800"/>
<rect x="-2" y="-10" width="8" height="2" fill="#FD7E14"/>
<rect x="-2" y="-7" width="6" height="1" fill="#FFB366"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#FD7E14">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#E83E8C"/>
<circle cx="-15" cy="-2" r="8" fill="#E83E8C"/>
<circle cx="15" cy="-2" r="8" fill="#E83E8C"/>
<circle cx="-8" cy="-8" r="6" fill="#E83E8C"/>
<circle cx="8" cy="-8" r="6" fill="#E83E8C"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#E83E8C" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#E83E8C"/>
<rect x="-24" y="-7" width="12" height="1" fill="#F48FB1"/>
<rect x="-24" y="-5" width="10" height="1" fill="#F48FB1"/>
<rect x="-10" y="-10" width="6" height="6" fill="#F06292"/>
<rect x="-2" y="-10" width="8" height="2" fill="#E83E8C"/>
<rect x="-2" y="-7" width="6" height="1" fill="#F48FB1"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#E83E8C">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#6F42C1"/>
<circle cx="-15" cy="-2" r="8" fill="#6F42C1"/>
<circle cx="15" cy="-2" r="8" fill="#6F42C1"/>
<circle cx="-8" cy="-8" r="6" fill="#6F42C1"/>
<circle cx="8" cy="-8" r="6" fill="#6F42C1"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#6F42C1" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#6F42C1"/>
<rect x="-24" y="-7" width="12" height="1" fill="#B19CD9"/>
<rect x="-24" y="-5" width="10" height="1" fill="#B19CD9"/>
<rect x="-10" y="-10" width="6" height="6" fill="#9C27B0"/>
<rect x="-2" y="-10" width="8" height="2" fill="#6F42C1"/>
<rect x="-2" y="-7" width="6" height="1" fill="#B19CD9"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#6F42C1">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(100, 20)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="25" ry="12" fill="#DC3545"/>
<circle cx="-15" cy="-2" r="8" fill="#DC3545"/>
<circle cx="15" cy="-2" r="8" fill="#DC3545"/>
<circle cx="-8" cy="-8" r="6" fill="#DC3545"/>
<circle cx="8" cy="-8" r="6" fill="#DC3545"/>
<!-- Cloud smile -->
<path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
<circle cx="-6" cy="-2" r="1" fill="#333"/>
<circle cx="6" cy="-2" r="1" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(100, 55)">
<!-- Monitor screen -->
<rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#DC3545" stroke-width="2"/>
<rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
<!-- Screen content -->
<rect x="-24" y="-10" width="8" height="2" fill="#DC3545"/>
<rect x="-24" y="-7" width="12" height="1" fill="#F1959B"/>
<rect x="-24" y="-5" width="10" height="1" fill="#F1959B"/>
<rect x="-10" y="-10" width="6" height="6" fill="#F44336"/>
<rect x="-2" y="-10" width="8" height="2" fill="#DC3545"/>
<rect x="-2" y="-7" width="6" height="1" fill="#F1959B"/>
<!-- Monitor stand -->
<rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
<rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#DC3545">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="120" height="40" viewBox="0 0 120 40" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(30, 12)">
<ellipse cx="0" cy="0" rx="15" ry="7" fill="#4A90E2"/>
<circle cx="-9" cy="-1" r="5" fill="#4A90E2"/>
<circle cx="9" cy="-1" r="5" fill="#4A90E2"/>
<circle cx="-5" cy="-5" r="3" fill="#4A90E2"/>
<circle cx="5" cy="-5" r="3" fill="#4A90E2"/>
<!-- Cloud smile -->
<path d="M -5 1 Q 0 4 5 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-3" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="3" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="-3" cy="-1" r="0.7" fill="#333"/>
<circle cx="3" cy="-1" r="0.7" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(30, 28)">
<rect x="-18" y="-8" width="36" height="12" rx="1" fill="#2C3E50" stroke="#4A90E2" stroke-width="1"/>
<rect x="-16" y="-6" width="32" height="8" rx="0.5" fill="#34495E"/>
<rect x="-14" y="-5" width="5" height="1" fill="#4A90E2"/>
<rect x="-14" y="-3" width="7" height="0.5" fill="#7FB3D3"/>
<rect x="-5" y="-5" width="3" height="3" fill="#5DADE2"/>
<rect x="-1" y="-5" width="5" height="1" fill="#4A90E2"/>
<rect x="-2" y="4" width="4" height="4" fill="#34495E"/>
<rect x="-8" y="8" width="16" height="2" rx="0.5" fill="#2C3E50"/>
</g>
<!-- EasyStream text -->
<text x="75" y="25" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#4A90E2">EasyStream</text>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(30, 15)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="18" ry="9" fill="#4A90E2"/>
<circle cx="-11" cy="-1" r="6" fill="#4A90E2"/>
<circle cx="11" cy="-1" r="6" fill="#4A90E2"/>
<circle cx="-6" cy="-6" r="4" fill="#4A90E2"/>
<circle cx="6" cy="-6" r="4" fill="#4A90E2"/>
<!-- Cloud smile -->
<path d="M -6 1 Q 0 6 6 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="-4" cy="-1" r="0.7" fill="#333"/>
<circle cx="4" cy="-1" r="0.7" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(30, 40)">
<!-- Monitor screen -->
<rect x="-20" y="-10" width="40" height="14" rx="1" fill="#2C3E50" stroke="#4A90E2" stroke-width="1.5"/>
<rect x="-18" y="-8" width="36" height="10" rx="0.5" fill="#34495E"/>
<!-- Screen content -->
<rect x="-16" y="-7" width="5" height="1.5" fill="#4A90E2"/>
<rect x="-16" y="-5" width="8" height="0.7" fill="#7FB3D3"/>
<rect x="-16" y="-3.5" width="6" height="0.7" fill="#7FB3D3"/>
<rect x="-6" y="-7" width="4" height="4" fill="#5DADE2"/>
<rect x="-1" y="-7" width="5" height="1.5" fill="#4A90E2"/>
<rect x="-1" y="-5" width="4" height="0.7" fill="#7FB3D3"/>
<!-- Monitor stand -->
<rect x="-2" y="4" width="4" height="6" fill="#34495E"/>
<rect x="-8" y="10" width="16" height="2" rx="0.5" fill="#2C3E50"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(30, 15)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="18" ry="9" fill="#17A2B8"/>
<circle cx="-11" cy="-1" r="6" fill="#17A2B8"/>
<circle cx="11" cy="-1" r="6" fill="#17A2B8"/>
<circle cx="-6" cy="-6" r="4" fill="#17A2B8"/>
<circle cx="6" cy="-6" r="4" fill="#17A2B8"/>
<!-- Cloud smile -->
<path d="M -6 1 Q 0 6 6 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="-4" cy="-1" r="0.7" fill="#333"/>
<circle cx="4" cy="-1" r="0.7" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(30, 40)">
<!-- Monitor screen -->
<rect x="-20" y="-10" width="40" height="14" rx="1" fill="#2C3E50" stroke="#17A2B8" stroke-width="1.5"/>
<rect x="-18" y="-8" width="36" height="10" rx="0.5" fill="#34495E"/>
<!-- Screen content -->
<rect x="-16" y="-7" width="5" height="1.5" fill="#17A2B8"/>
<rect x="-16" y="-5" width="8" height="0.7" fill="#6EDFF6"/>
<rect x="-16" y="-3.5" width="6" height="0.7" fill="#6EDFF6"/>
<rect x="-6" y="-7" width="4" height="4" fill="#3FC1C9"/>
<rect x="-1" y="-7" width="5" height="1.5" fill="#17A2B8"/>
<rect x="-1" y="-5" width="4" height="0.7" fill="#6EDFF6"/>
<!-- Monitor stand -->
<rect x="-2" y="4" width="4" height="6" fill="#34495E"/>
<rect x="-8" y="10" width="16" height="2" rx="0.5" fill="#2C3E50"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(30, 15)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="18" ry="9" fill="#28A745"/>
<circle cx="-11" cy="-1" r="6" fill="#28A745"/>
<circle cx="11" cy="-1" r="6" fill="#28A745"/>
<circle cx="-6" cy="-6" r="4" fill="#28A745"/>
<circle cx="6" cy="-6" r="4" fill="#28A745"/>
<!-- Cloud smile -->
<path d="M -6 1 Q 0 6 6 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="-4" cy="-1" r="0.7" fill="#333"/>
<circle cx="4" cy="-1" r="0.7" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(30, 40)">
<!-- Monitor screen -->
<rect x="-20" y="-10" width="40" height="14" rx="1" fill="#2C3E50" stroke="#28A745" stroke-width="1.5"/>
<rect x="-18" y="-8" width="36" height="10" rx="0.5" fill="#34495E"/>
<!-- Screen content -->
<rect x="-16" y="-7" width="5" height="1.5" fill="#28A745"/>
<rect x="-16" y="-5" width="8" height="0.7" fill="#71DD8A"/>
<rect x="-16" y="-3.5" width="6" height="0.7" fill="#71DD8A"/>
<rect x="-6" y="-7" width="4" height="4" fill="#4CAF50"/>
<rect x="-1" y="-7" width="5" height="1.5" fill="#28A745"/>
<rect x="-1" y="-5" width="4" height="0.7" fill="#71DD8A"/>
<!-- Monitor stand -->
<rect x="-2" y="4" width="4" height="6" fill="#34495E"/>
<rect x="-8" y="10" width="16" height="2" rx="0.5" fill="#2C3E50"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(30, 15)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="18" ry="9" fill="#FD7E14"/>
<circle cx="-11" cy="-1" r="6" fill="#FD7E14"/>
<circle cx="11" cy="-1" r="6" fill="#FD7E14"/>
<circle cx="-6" cy="-6" r="4" fill="#FD7E14"/>
<circle cx="6" cy="-6" r="4" fill="#FD7E14"/>
<!-- Cloud smile -->
<path d="M -6 1 Q 0 6 6 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="-4" cy="-1" r="0.7" fill="#333"/>
<circle cx="4" cy="-1" r="0.7" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(30, 40)">
<!-- Monitor screen -->
<rect x="-20" y="-10" width="40" height="14" rx="1" fill="#2C3E50" stroke="#FD7E14" stroke-width="1.5"/>
<rect x="-18" y="-8" width="36" height="10" rx="0.5" fill="#34495E"/>
<!-- Screen content -->
<rect x="-16" y="-7" width="5" height="1.5" fill="#FD7E14"/>
<rect x="-16" y="-5" width="8" height="0.7" fill="#FFB366"/>
<rect x="-16" y="-3.5" width="6" height="0.7" fill="#FFB366"/>
<rect x="-6" y="-7" width="4" height="4" fill="#FF9800"/>
<rect x="-1" y="-7" width="5" height="1.5" fill="#FD7E14"/>
<rect x="-1" y="-5" width="4" height="0.7" fill="#FFB366"/>
<!-- Monitor stand -->
<rect x="-2" y="4" width="4" height="6" fill="#34495E"/>
<rect x="-8" y="10" width="16" height="2" rx="0.5" fill="#2C3E50"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(30, 15)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="18" ry="9" fill="#E83E8C"/>
<circle cx="-11" cy="-1" r="6" fill="#E83E8C"/>
<circle cx="11" cy="-1" r="6" fill="#E83E8C"/>
<circle cx="-6" cy="-6" r="4" fill="#E83E8C"/>
<circle cx="6" cy="-6" r="4" fill="#E83E8C"/>
<!-- Cloud smile -->
<path d="M -6 1 Q 0 6 6 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="-4" cy="-1" r="0.7" fill="#333"/>
<circle cx="4" cy="-1" r="0.7" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(30, 40)">
<!-- Monitor screen -->
<rect x="-20" y="-10" width="40" height="14" rx="1" fill="#2C3E50" stroke="#E83E8C" stroke-width="1.5"/>
<rect x="-18" y="-8" width="36" height="10" rx="0.5" fill="#34495E"/>
<!-- Screen content -->
<rect x="-16" y="-7" width="5" height="1.5" fill="#E83E8C"/>
<rect x="-16" y="-5" width="8" height="0.7" fill="#F48FB1"/>
<rect x="-16" y="-3.5" width="6" height="0.7" fill="#F48FB1"/>
<rect x="-6" y="-7" width="4" height="4" fill="#F06292"/>
<rect x="-1" y="-7" width="5" height="1.5" fill="#E83E8C"/>
<rect x="-1" y="-5" width="4" height="0.7" fill="#F48FB1"/>
<!-- Monitor stand -->
<rect x="-2" y="4" width="4" height="6" fill="#34495E"/>
<rect x="-8" y="10" width="16" height="2" rx="0.5" fill="#2C3E50"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
<!-- Cloud -->
<g transform="translate(30, 15)">
<!-- Cloud body -->
<ellipse cx="0" cy="0" rx="18" ry="9" fill="#6F42C1"/>
<circle cx="-11" cy="-1" r="6" fill="#6F42C1"/>
<circle cx="11" cy="-1" r="6" fill="#6F42C1"/>
<circle cx="-6" cy="-6" r="4" fill="#6F42C1"/>
<circle cx="6" cy="-6" r="4" fill="#6F42C1"/>
<!-- Cloud smile -->
<path d="M -6 1 Q 0 6 6 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<!-- Cloud eyes -->
<circle cx="-4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="4" cy="-1" r="1.5" fill="#FFFFFF"/>
<circle cx="-4" cy="-1" r="0.7" fill="#333"/>
<circle cx="4" cy="-1" r="0.7" fill="#333"/>
</g>
<!-- PC Monitor -->
<g transform="translate(30, 40)">
<!-- Monitor screen -->
<rect x="-20" y="-10" width="40" height="14" rx="1" fill="#2C3E50" stroke="#6F42C1" stroke-width="1.5"/>
<rect x="-18" y="-8" width="36" height="10" rx="0.5" fill="#34495E"/>
<!-- Screen content -->
<rect x="-16" y="-7" width="5" height="1.5" fill="#6F42C1"/>
<rect x="-16" y="-5" width="8" height="0.7" fill="#B19CD9"/>
<rect x="-16" y="-3.5" width="6" height="0.7" fill="#B19CD9"/>
<rect x="-6" y="-7" width="4" height="4" fill="#9C27B0"/>
<rect x="-1" y="-7" width="5" height="1.5" fill="#6F42C1"/>
<rect x="-1" y="-5" width="4" height="0.7" fill="#B19CD9"/>
<!-- Monitor stand -->
<rect x="-2" y="4" width="4" height="6" fill="#34495E"/>
<rect x="-8" y="10" width="16" height="2" rx="0.5" fill="#2C3E50"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File