dexter/Laboratorium_AI_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dodałem do Hero Animowanego robota

Browse Source
This commit is contained in:
Paweł Domański
2026-04-07 20:31:35 +02:00
parent 099754c002
commit 8aa54435ca
22 changed files with 3129 additions and 56001 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/img/hero-robot.svg
+90
View File
@@ -0,0 +1,90 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 450" fill="none">
<!-- Robot Mascot - Flat Vector Style -->
<!-- Glow effect for lightbulb -->
<defs>
<radialGradient id="bulbGlow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#FFE066"/>
<stop offset="100%" stop-color="#FFD700" stop-opacity="0"/>
</radialGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="3" result="blur"/>
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<!-- Antenna -->
<line x1="200" y1="30" x2="200" y2="60" stroke="#2D3748" stroke-width="4" stroke-linecap="round"/>
<circle cx="200" cy="25" r="8" fill="#4A90D9"/>
<circle cx="200" cy="25" r="5" fill="#7CB9E8"/>
<!-- Head -->
<rect x="130" y="60" width="140" height="110" rx="20" fill="#E8ECEF"/>
<rect x="130" y="60" width="140" height="110" rx="20" fill="none" stroke="#2D3748" stroke-width="4"/>
<!-- Ears -->
<rect x="110" y="90" width="25" height="50" rx="8" fill="#B8C5D0"/>
<rect x="110" y="90" width="25" height="50" rx="8" fill="none" stroke="#2D3748" stroke-width="3"/>
<rect x="265" y="90" width="25" height="50" rx="8" fill="#B8C5D0"/>
<rect x="265" y="90" width="25" height="50" rx="8" fill="none" stroke="#2D3748" stroke-width="3"/>
<!-- Ear centers -->
<circle cx="122" cy="115" r="6" fill="#4A90D9"/>
<circle cx="278" cy="115" r="6" fill="#4A90D9"/>
<!-- Face Screen -->
<rect x="150" y="85" width="100" height="65" rx="10" fill="#1A202C"/>
<!-- Eyes -->
<path d="M170 110 Q180 100 190 110" stroke="#4A90D9" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
<path d="M210 110 Q220 100 230 110" stroke="#4A90D9" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
<!-- Mouth -->
<path d="M170 135 Q200 155 230 135" stroke="#4A90D9" stroke-width="4" fill="none" stroke-linecap="round" filter="url(#glow)"/>
<!-- Neck -->
<rect x="180" y="170" width="40" height="25" fill="#B8C5D0"/>
<rect x="180" y="170" width="40" height="25" fill="none" stroke="#2D3748" stroke-width="3"/>
<circle cx="200" cy="182" r="8" fill="#4A90D9"/>
<!-- Body -->
<rect x="120" y="195" width="160" height="140" rx="25" fill="#E8ECEF"/>
<rect x="120" y="195" width="160" height="140" rx="25" fill="none" stroke="#2D3748" stroke-width="4"/>
<!-- Chest panel -->
<rect x="150" y="215" width="100" height="70" rx="10" fill="#B8C5D0"/>
<rect x="150" y="215" width="100" height="70" rx="10" fill="none" stroke="#2D3748" stroke-width="2"/>
<!-- Chest buttons -->
<circle cx="175" cy="240" r="8" fill="#4A90D9"/>
<circle cx="200" cy="240" r="8" fill="#68D391"/>
<circle cx="225" cy="240" r="8" fill="#F56565"/>
<rect x="165" y="260" width="70" height="10" rx="5" fill="#1A202C"/>
<!-- Left Arm -->
<rect x="70" y="200" width="50" height="100" rx="20" fill="#E8ECEF" stroke="#2D3748" stroke-width="3"/>
<circle cx="95" cy="300" r="15" fill="#B8C5D0" stroke="#2D3748" stroke-width="3"/>
<circle cx="95" cy="300" r="8" fill="#4A90D9"/>
<!-- Right Arm - pointing up -->
<rect x="280" y="200" width="50" height="90" rx="20" fill="#E8ECEF" stroke="#2D3748" stroke-width="3"/>
<rect x="295" y="140" width="20" height="70" rx="10" fill="#E8ECEF" stroke="#2D3748" stroke-width="3"/>
<circle cx="305" cy="140" r="18" fill="#E8ECEF" stroke="#2D3748" stroke-width="3"/>
<circle cx="305" cy="140" r="10" fill="#4A90D9"/>
<!-- Lightbulb -->
<ellipse cx="305" cy="95" rx="35" ry="40" fill="url(#bulbGlow)" opacity="0.6"/>
<path d="M305 50 Q335 75 325 100 Q315 120 305 115 Q295 120 285 100 Q275 75 305 50" fill="#FFD700" stroke="#2D3748" stroke-width="2"/>
<rect x="295" y="115" width="20" height="12" rx="2" fill="#E8ECEF" stroke="#2D3748" stroke-width="2"/>
<line x1="300" y1="120" x2="310" y2="120" stroke="#2D3748" stroke-width="1.5"/>
<line x1="300" y1="123" x2="310" y2="123" stroke="#2D3748" stroke-width="1.5"/>
<!-- Bulb rays -->
<line x1="305" y1="40" x2="305" y2="25" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="275" y1="55" x2="265" y2="45" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="335" y1="55" x2="345" y2="45" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="260" y1="85" x2="245" y2="85" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<line x1="350" y1="85" x2="365" y2="85" stroke="#FFD700" stroke-width="3" stroke-linecap="round"/>
<!-- Base/Legs hint -->
<rect x="140" y="335" width="45" height="60" rx="10" fill="#B8C5D0" stroke="#2D3748" stroke-width="3"/>
<rect x="215" y="335" width="45" height="60" rx="10" fill="#B8C5D0" stroke="#2D3748" stroke-width="3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB