Replace hallucinated image URLs with reliable SVG placeholders
· 7 months ago
74153dc4b86c6773272a8dbc6f63b6cccf46a3c7
Parent:
b1e32be4d
- Removed all fabricated Wikimedia URLs that didn't exist
- Replaced with clean, self-contained SVG rocket illustrations
- Each rocket has a unique color matching its brand/design
- Images are now 100% reliable and don't depend on external URLs
- SVGs render consistently across all browsers
All 8 rockets now have branded visual representations:
- Starship: Orange gradient
- New Glenn: Blue gradient
- Falcon Heavy: Dark with three cores
- Falcon 9: Orange single core
- Ariane 6: Blue with boosters
- Vulcan Centaur: Purple/blue variant
- Angara A5: Dark Navy Russian style
- Long March 5: Red Chinese style
This fixes the image hallucination issue completely.
1 file changed +8 −8
- orbital-rockets-comparison.html +8 −8
Diff
--- a/orbital-rockets-comparison.html +++ b/orbital-rockets-comparison.html @@ -598,7 +598,7 @@ <!-- Starship --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="Starship" data-category="super" data-payload="150000" data-height="121.3" data-year="2023"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Starship_at_Starbase%2C_December_2023.jpg/440px-Starship_at_Starbase%2C_December_2023.jpg" alt="SpaceX Starship" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#FF6B35" width="200" height="300"/><polygon points="100,20 70,50 130,50" fill="#FF8C5A"/><rect x="80" y="60" width="40" height="180" fill="#FFA55C"/><circle cx="100" cy="100" r="12" fill="#1AC8ED"/><rect x="75" y="240" width="15" height="50" fill="#333"/><rect x="110" y="240" width="15" height="50" fill="#333"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="12" font-weight="bold">Starship</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> Starship</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> SpaceX (United States)</p> <div class="stat-row"> @@ -642,7 +642,7 @@ <!-- New Glenn --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="New Glenn" data-category="heavy" data-payload="45000" data-height="98" data-year="2025"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/New_Glenn_rocket_on_mobile_launcher_%28cropped%29.png/440px-New_Glenn_rocket_on_mobile_launcher_%28cropped%29.png" alt="Blue Origin New Glenn" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#004E89" width="200" height="300"/><polygon points="100,20 75,50 125,50" fill="#0073A8"/><rect x="85" y="50" width="30" height="190" fill="#0073A8"/><circle cx="100" cy="95" r="10" fill="#1AC8ED"/><rect x="70" y="240" width="12" height="50" fill="#333"/><rect x="118" y="240" width="12" height="50" fill="#333"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="11" font-weight="bold">New Glenn</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> New Glenn</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> Blue Origin (United States)</p> <div class="stat-row"> @@ -686,7 +686,7 @@ <!-- Falcon Heavy --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="Falcon Heavy" data-category="super" data-payload="63800" data-height="70" data-year="2018"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Falcon_Heavy_Demo_Mission_%285743191192%29.jpg/440px-Falcon_Heavy_Demo_Mission_%285743191192%29.jpg" alt="SpaceX Falcon Heavy" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#333" width="200" height="300"/><rect x="60" y="50" width="20" height="160" fill="#666"/><rect x="85" y="30" width="30" height="180" fill="#FF6B35"/><rect x="120" y="50" width="20" height="160" fill="#666"/><polygon points="100,30 85,10 115,10" fill="#FF8C5A"/><circle cx="100" cy="80" r="8" fill="#1AC8ED"/><rect x="75" y="240" width="10" height="45" fill="#333"/><rect x="115" y="240" width="10" height="45" fill="#333"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="10" font-weight="bold">Falcon Heavy</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> Falcon Heavy</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> SpaceX (United States)</p> <div class="stat-row"> @@ -730,7 +730,7 @@ <!-- Falcon 9 --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="Falcon 9" data-category="medium" data-payload="22800" data-height="70" data-year="2010"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Falcon_9_November_2013.jpg/440px-Falcon_9_November_2013.jpg" alt="SpaceX Falcon 9" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#222" width="200" height="300"/><rect x="85" y="35" width="30" height="190" fill="#FF6B35"/><polygon points="100,35 85,10 115,10" fill="#FF8C5A"/><circle cx="100" cy="85" r="9" fill="#1AC8ED"/><rect x="90" y="240" width="20" height="50" fill="#333"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="12" font-weight="bold">Falcon 9</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> Falcon 9</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> SpaceX (United States)</p> <div class="stat-row"> @@ -774,7 +774,7 @@ <!-- Ariane 6 --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="Ariane 6" data-category="heavy" data-payload="21650" data-height="63" data-year="2024"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Ariane_6_Launch_Vehicle_Presentation_2017.png/440px-Ariane_6_Launch_Vehicle_Presentation_2017.png" alt="Ariane 6" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#4A90E2" width="200" height="300"/><rect x="80" y="45" width="40" height="170" fill="#4A90E2"/><polygon points="100,45 80,15 120,15" fill="#6FA8DC"/><rect x="60" y="215" width="16" height="70" fill="#333"/><rect x="124" y="215" width="16" height="70" fill="#333"/><rect x="100" y="215" width="4" height="50" fill="#666"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="11" font-weight="bold">Ariane 6</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> Ariane 6</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> ArianeGroup (Europe)</p> <div class="stat-row"> @@ -818,7 +818,7 @@ <!-- Vulcan Centaur --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="Vulcan Centaur" data-category="heavy" data-payload="27200" data-height="61.6" data-year="2024"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/ULA_Vulcan_Centaur_2020.png/440px-ULA_Vulcan_Centaur_2020.png" alt="ULA Vulcan Centaur" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#6B5B95" width="200" height="300"/><rect x="82" y="40" width="36" height="180" fill="#8B7BB8"/><polygon points="100,40 82,10 118,10" fill="#9B8BC8"/><circle cx="100" cy="90" r="8" fill="#1AC8ED"/><rect x="70" y="240" width="14" height="50" fill="#333"/><rect x="116" y="240" width="14" height="50" fill="#333"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="9" font-weight="bold">Vulcan</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> Vulcan Centaur</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> ULA (United States)</p> <div class="stat-row"> @@ -862,7 +862,7 @@ <!-- Angara A5 --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="Angara A5" data-category="heavy" data-payload="24500" data-height="55.4" data-year="2014"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Angara_A5_cutaway.png/440px-Angara_A5_cutaway.png" alt="Angara A5" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#1F1F3D" width="200" height="300"/><rect x="82" y="50" width="36" height="160" fill="#3F3F5D"/><polygon points="100,50 82,20 118,20" fill="#5F5F7D"/><circle cx="100" cy="95" r="7" fill="#1AC8ED"/><rect x="65" y="220" width="16" height="70" fill="#333"/><rect x="119" y="220" width="16" height="70" fill="#333"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="11" font-weight="bold">Angara</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> Angara A5</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> Khrunichev (Russia)</p> <div class="stat-row"> @@ -905,7 +905,7 @@ <!-- Long March 5 --> <div class="col-lg-6 col-xl-4 rocket-item" data-rocket="Long March 5" data-category="heavy" data-payload="25000" data-height="56.97" data-year="2016"> <div class="rocket-card"> - <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Long_March_5_Rocket.png/440px-Long_March_5_Rocket.png" alt="Long March 5" class="rocket-image"> + <svg class="rocket-image" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><rect fill="#C60C30" width="200" height="300"/><rect x="83" y="45" width="34" height="175" fill="#E61C3F"/><polygon points="100,45 83,15 117,15" fill="#FF2C4F"/><circle cx="100" cy="95" r="8" fill="#1AC8ED"/><rect x="72" y="230" width="13" height="60" fill="#333"/><rect x="115" y="230" width="13" height="60" fill="#333"/><text x="100" y="280" text-anchor="middle" fill="white" font-size="10" font-weight="bold">Long March</text></svg> <h3 class="rocket-title"><i class="bi bi-rocket-fill"></i> Long March 5</h3> <p class="rocket-manufacturer"><i class="bi bi-building"></i> CALT (China)</p> <div class="stat-row">