ehsan-minadd/peikarband
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refine: optimize WordPress logo position and data packet size

Browse Source 
- Adjust logo vertical position from 42% to 41% for better cloud alignment
- Increase data packet radius from 5px to 8px for better visibility
- Add wordpress-logo.gif to assets folder for production builds
- Data packets now appear more prominent with smoother animations

Visual refinements for WordPress cloud infrastructure section
This commit is contained in:
Ehsan.Asadi
2025-12-27 01:49:22 +03:30
parent e0cb35a349
commit 7f487cb6e6
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/wordpress-logo.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 533 KiB

14
src/presentation/web/pages/landing/index.py
View File

@@ -840,24 +840,24 @@ def wordpress_cloud_highlight() -> rx.Component:
</g>
<!-- Data Packets - Enhanced Animation -->
<circle r="5" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
<circle r="4" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
<animateMotion dur="2s" repeatCount="indefinite" path="M160,180 Q120,200 85,225"/>
</circle>
<circle r="5" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
<circle r="4" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
<animateMotion dur="2s" repeatCount="indefinite" begin="0.7s" path="M160,180 Q120,200 85,225"/>
</circle>
<circle r="5" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
<circle r="4" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
<animateMotion dur="1.8s" repeatCount="indefinite" path="M160,180 L160,235"/>
</circle>
<circle r="5" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
<circle r=4" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
<animateMotion dur="1.8s" repeatCount="indefinite" begin="0.6s" path="M160,180 L160,235"/>
</circle>
<circle r="5" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
<circle r="4" fill="#6DD1E5" class="data-packet" filter="url(#strong-glow)">
<animateMotion dur="2.1s" repeatCount="indefinite" path="M160,180 Q200,200 235,225"/>
</circle>
<circle r="5" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
<circle r="4" fill="#4DB8C4" class="data-packet" filter="url(#strong-glow)">
<animateMotion dur="2.1s" repeatCount="indefinite" begin="0.8s" path="M160,180 Q200,200 235,225"/>
</circle>
@@ -902,7 +902,7 @@ def wordpress_cloud_highlight() -> rx.Component:
width="100px",
height="100px",
position="absolute",
top="2%",
top="46%",
left="50%",
transform="translate(-50%, -50%)",
z_index="3",