Todd/gate-quote
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

login

Browse Source
This commit is contained in:
Todd
2026-05-24 13:30:30 -04:00
parent 753bc04141
commit f29035ce81
26 changed files with 1092 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
client/public/images/operators/Mat.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

27
client/public/images/operators/barrier-heavy.svg Normal file
View File

@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#fff7ed"/>
<stop offset="100%" stop-color="#ffedd5"/>
</linearGradient>
</defs>
<rect width="400" height="300" rx="12" fill="url(#bg)"/>
<!-- Heavy base -->
<rect x="100" y="240" width="200" height="24" rx="8" fill="#78716c"/>
<!-- Heavy pole -->
<rect x="175" y="30" width="40" height="210" rx="10" fill="#f97316"/>
<!-- Heavy barrier arm (raised) -->
<rect x="200" y="40" width="180" height="14" rx="6" fill="#ea580c" transform="rotate(-15 200 40)"/>
<!-- Stripes -->
<polygon points="225,30 240,48 235,50 220,32" fill="#fff" transform="rotate(-15 200 40)"/>
<polygon points="260,22 275,40 270,42 255,24" fill="#fff" transform="rotate(-15 200 40)"/>
<polygon points="295,14 310,32 305,34 290,16" fill="#fff" transform="rotate(-15 200 40)"/>
<polygon points="330,6 345,24 340,26 325,8" fill="#fff" transform="rotate(-15 200 40)"/>
<!-- Counterweight -->
<rect x="140" y="50" width="40" height="35" rx="6" fill="#ea580c"/>
<!-- Dual warning lights -->
<circle cx="190" cy="22" r="5" fill="#ef4444"/>
<circle cx="210" cy="22" r="5" fill="#ef4444"/>
<text x="200" y="270" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="600" fill="#c2410c">BG-500</text>
<text x="200" y="288" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Heavy Duty Barrier</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

28
client/public/images/operators/barrier-parking.svg Normal file
View File

@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#fef2f2"/>
<stop offset="100%" stop-color="#fee2e2"/>
</linearGradient>
</defs>
<rect width="400" height="300" rx="12" fill="url(#bg)"/>
<!-- Base -->
<rect x="120" y="240" width="160" height="20" rx="6" fill="#9ca3af"/>
<!-- Pole -->
<rect x="185" y="40" width="30" height="200" rx="8" fill="#f87171"/>
<!-- Barrier arm in raised position (angled up) -->
<rect x="200" y="50" width="160" height="10" rx="5" fill="#ef4444" transform="rotate(-20 200 50)"/>
<!-- Barrier stripes -->
<line x1="220" y1="38" x2="230" y2="55" stroke="#fff" stroke-width="3" transform="rotate(-20 200 50)"/>
<line x1="250" y1="30" x2="260" y2="47" stroke="#fff" stroke-width="3" transform="rotate(-20 200 50)"/>
<line x1="280" y1="22" x2="290" y2="39" stroke="#fff" stroke-width="3" transform="rotate(-20 200 50)"/>
<line x1="310" y1="14" x2="320" y2="31" stroke="#fff" stroke-width="3" transform="rotate(-20 200 50)"/>
<line x1="340" y1="6" x2="350" y2="23" stroke="#fff" stroke-width="3" transform="rotate(-20 200 50)"/>
<!-- Counterweight -->
<rect x="160" y="55" width="30" height="30" rx="5" fill="#f87171"/>
<!-- Warning lights on top -->
<circle cx="200" cy="30" r="6" fill="#facc15"/>
<circle cx="200" cy="30" r="6" fill="#facc15" opacity="0.5"/>
<text x="200" y="270" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="600" fill="#dc2626">BG-200</text>
<text x="200" y="288" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Parking Barrier</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
client/public/images/operators/liftmaster-csl24.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
client/public/images/operators/liftmaster-csw24.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
client/public/images/operators/liftmaster-ihsl24ul.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
client/public/images/operators/liftmaster-la500-bundle.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

30
client/public/images/operators/slide-commercial.svg Normal file
View File

@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f5f3ff"/>
<stop offset="100%" stop-color="#ede9fe"/>
</linearGradient>
</defs>
<rect width="400" height="300" rx="12" fill="url(#bg)"/>
<!-- Heavy post -->
<rect x="40" y="40" width="18" height="200" rx="6" fill="#a78bfa"/>
<!-- Heavy slide gate -->
<rect x="58" y="60" width="240" height="14" rx="4" fill="#8b5cf6"/>
<rect x="58" y="105" width="240" height="14" rx="4" fill="#8b5cf6"/>
<rect x="58" y="150" width="240" height="14" rx="4" fill="#8b5cf6"/>
<rect x="58" y="195" width="240" height="14" rx="4" fill="#8b5cf6"/>
<!-- Cross bracing -->
<line x1="58" y1="60" x2="298" y2="195" stroke="#7c3aed" stroke-width="5" stroke-dasharray="8 5"/>
<line x1="298" y1="60" x2="58" y2="195" stroke="#7c3aed" stroke-width="5" stroke-dasharray="8 5"/>
<!-- Heavy rollers -->
<circle cx="80" cy="240" r="10" fill="#4b5563"/>
<circle cx="200" cy="240" r="10" fill="#4b5563"/>
<circle cx="320" cy="240" r="10" fill="#4b5563"/>
<!-- HD Operator -->
<rect x="36" y="34" width="26" height="24" rx="7" fill="#7c3aed"/>
<!-- Warning light -->
<rect x="280" y="30" width="8" height="20" rx="3" fill="#ef4444"/>
<circle cx="284" cy="40" r="6" fill="#ef4444"/>
<text x="200" y="270" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="600" fill="#6d28d9">SL-3000</text>
<text x="200" y="288" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Commercial Slide</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

27
client/public/images/operators/slide-residential.svg Normal file
View File

@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ecfdf5"/>
<stop offset="100%" stop-color="#d1fae5"/>
</linearGradient>
</defs>
<rect width="400" height="300" rx="12" fill="url(#bg)"/>
<!-- Post -->
<rect x="50" y="50" width="14" height="180" rx="5" fill="#6ee7b7"/>
<!-- Slide gate panel -->
<rect x="64" y="75" width="200" height="12" rx="3" fill="#34d399"/>
<rect x="64" y="115" width="200" height="12" rx="3" fill="#34d399"/>
<rect x="64" y="155" width="200" height="12" rx="3" fill="#34d399"/>
<rect x="64" y="195" width="200" height="12" rx="3" fill="#34d399"/>
<!-- Diagonal bracing -->
<line x1="64" y1="75" x2="264" y2="195" stroke="#10b981" stroke-width="4" stroke-dasharray="6 4"/>
<line x1="264" y1="75" x2="64" y2="195" stroke="#10b981" stroke-width="4" stroke-dasharray="6 4"/>
<!-- Rollers -->
<circle cx="80" cy="230" r="8" fill="#6b7280"/>
<circle cx="200" cy="230" r="8" fill="#6b7280"/>
<circle cx="320" cy="230" r="8" fill="#6b7280"/>
<!-- Operator -->
<rect x="46" y="46" width="22" height="20" rx="6" fill="#10b981"/>
<text x="200" y="270" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="600" fill="#059669">SL-1500</text>
<text x="200" y="288" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Light Commercial Slide</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

31
client/public/images/operators/swing-commercial.svg Normal file
View File

@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e0e7ff"/>
<stop offset="100%" stop-color="#c7d2fe"/>
</linearGradient>
</defs>
<rect width="400" height="300" rx="12" fill="url(#bg)"/>
<!-- Heavy duty swing gate -->
<rect x="30" y="50" width="16" height="180" rx="6" fill="#818cf8"/>
<rect x="354" y="50" width="16" height="180" rx="6" fill="#818cf8"/>
<!-- Left gate -->
<rect x="46" y="65" width="145" height="12" rx="4" fill="#6366f1"/>
<rect x="46" y="110" width="145" height="12" rx="4" fill="#6366f1"/>
<rect x="46" y="155" width="145" height="12" rx="4" fill="#6366f1"/>
<rect x="46" y="200" width="145" height="12" rx="4" fill="#6366f1"/>
<circle cx="195" cy="95" r="6" fill="#facc15"/>
<!-- Right gate -->
<rect x="209" y="65" width="145" height="12" rx="4" fill="#6366f1"/>
<rect x="209" y="110" width="145" height="12" rx="4" fill="#6366f1"/>
<rect x="209" y="155" width="145" height="12" rx="4" fill="#6366f1"/>
<rect x="209" y="200" width="145" height="12" rx="4" fill="#6366f1"/>
<circle cx="205" cy="95" r="6" fill="#facc15"/>
<!-- Heavy duty operator -->
<rect x="26" y="44" width="24" height="24" rx="6" fill="#4f46e5"/>
<!-- Warning light -->
<rect x="100" y="40" width="8" height="18" rx="3" fill="#ef4444"/>
<circle cx="104" cy="48" r="5" fill="#ef4444"/>
<text x="200" y="268" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="600" fill="#4f46e5">SG-2000</text>
<text x="200" y="286" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Commercial Swing</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

28
client/public/images/operators/swing-residential.svg Normal file
View File

@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e8f0fe"/>
<stop offset="100%" stop-color="#d0e1fd"/>
</linearGradient>
</defs>
<rect width="400" height="300" rx="12" fill="url(#bg)"/>
<!-- Swing gate illustration -->
<rect x="40" y="60" width="12" height="160" rx="4" fill="#93c5fd"/>
<rect x="348" y="60" width="12" height="160" rx="4" fill="#93c5fd"/>
<!-- Left gate panel -->
<rect x="52" y="80" width="130" height="8" rx="3" fill="#3b82f6"/>
<rect x="52" y="120" width="130" height="8" rx="3" fill="#3b82f6"/>
<rect x="52" y="160" width="130" height="8" rx="3" fill="#3b82f6"/>
<rect x="52" y="200" width="130" height="8" rx="3" fill="#3b82f6"/>
<circle cx="185" cy="108" r="5" fill="#facc15"/>
<!-- Right gate panel -->
<rect x="218" y="80" width="130" height="8" rx="3" fill="#3b82f6"/>
<rect x="218" y="120" width="130" height="8" rx="3" fill="#3b82f6"/>
<rect x="218" y="160" width="130" height="8" rx="3" fill="#3b82f6"/>
<rect x="218" y="200" width="130" height="8" rx="3" fill="#3b82f6"/>
<circle cx="215" cy="108" r="5" fill="#facc15"/>
<!-- Operator unit -->
<rect x="38" y="56" width="20" height="18" rx="5" fill="#60a5fa"/>
<text x="200" y="270" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="600" fill="#3b82f6">SG-1000</text>
<text x="200" y="288" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Residential Swing</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
client/public/images/operators/techno.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB