alvin/challenge-11
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/challenge-11.git synced 2026-03-06 13:21:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Enhance vehicle selection in index.html by replacing text input with a dropdown menu featuring various car models from multiple brands. Update script.js to dynamically add a custom input field for 'Other model' selection. Revise styles.css for improved button and form control designs, including new animations and responsive adjustments.

Browse Source
This commit is contained in:
Alvin
2025-06-04 12:01:47 +02:00
parent 50fd74ec57
commit d6c53c19b2
4 changed files with 417 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/favicon.svg
View File

@@ -1,20 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Background Circle -->
<circle cx="256" cy="256" r="240" fill="url(#gradient)" />
<!-- Car Silhouette -->
<circle cx="256" cy="256" r="240" fill="url(#gradient)"/>
<path d="M384 320H128C128 320 96 304 96 272C96 240 128 224 128 224H384C384 224 416 240 416 272C416 304 384 320 384 320Z" fill="white"/>
<!-- Wheels -->
<circle cx="160" cy="320" r="32" fill="#1F2937"/>
<circle cx="352" cy="320" r="32" fill="#1F2937"/>
<!-- Tuning Elements -->
<path d="M256 160L288 224H224L256 160Z" fill="white"/>
<circle cx="256" cy="192" r="16" fill="#EF4444"/>
<!-- Gradient Definition -->
<defs>
<linearGradient id="gradient" x1="0" y1="0" x2="512" y2="512" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#EF4444"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 986 B

After

Width:  |  Height:  |  Size: 824 B