Spaces:

Geotoad
/

anycoder-567141f6

Running

App Files Files Community

Geotoad commited on Dec 12, 2025

Commit

ea48cd1

verified ·

1 Parent(s): 6cb7882

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +25 -29

index.html CHANGED Viewed

@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>2013 Hyundai Genesis Coupe Interactive Diagram</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <style>
     :root {
@@ -124,7 +124,7 @@
     .car-image {
       width: 100%;
       height: 100%;
-      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwMCI+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNjAwIiBmaWxsPSIjZjBmMGYwIi8+PHRleHQgeD0iNjAwIiB5PSI0MDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IiM2NmY2NjYiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiPjEyOSBIeW5kdW5kYSBHZW5lc2lzIENvdXBlIDIwMTM8L3RleHQ+PC9zdmc+');
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center;
@@ -133,31 +133,31 @@
     }
     .car-image.exterior {
-      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/genesis-coupe/2013/exterior/2013-genesis-coupe-exterior-01.jpg');
     }
     .car-image.engine {
-      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/genesis-coupe/2013/performance/2013-genesis-coupe-engine.jpg');
     }
     .car-image.transmission {
-      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/genesis-coupe/2013/performance/2013-genesis-coupe-transmission.jpg');
     }
     .car-image.suspension {
-      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/genesis-coupe/2013/performance/2013-genesis-coupe-suspension.jpg');
     }
     .car-image.brakes {
-      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/genesis-coupe/2013/performance/2013-genesis-coupe-brakes.jpg');
     }
     .car-image.electrical {
-      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/genesis-coupe/2013/interior/2013-genesis-coupe-electrical.jpg');
     }
     .car-image.interior {
-      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/genesis-coupe/2013/interior/2013-genesis-coupe-interior.jpg');
     }
     .label {
@@ -426,7 +426,7 @@
   <header class="header">
     <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="anycoder-link" target="_blank">Built with
       anycoder</a>
-    <h1>2013 Hyundai Genesis Coupe</h1>
     <p>Interactive Component Diagram</p>
   </header>
@@ -486,7 +486,7 @@
     <div class="info-panel">
       <h3>System Overview</h3>
       <div class="system-description" id="systemDescription">
-        <p>Select a system from the buttons above to view its components. The 2013 Hyundai Genesis Coupe features a
           sophisticated combination of mechanical and electrical systems working together to deliver performance and
           comfort.</p>
       </div>
@@ -502,11 +502,11 @@
   </div>
   <script>
-    // Car component data organized by system
     const carComponents = {
       exterior: {
         name: "Exterior Components",
-        description: "The exterior system includes all visible parts of the vehicle that contribute to its aerodynamics, styling, and protection.",
         components: [
           { name: "Front Bumper", position: { x: 30, y: 45 }, description: "Absorbs impact in front collisions and houses fog lights" },
           { name: "Hood", position: { x: 45, y: 25 }, description: "Protects the engine compartment and provides access for maintenance" },
@@ -528,17 +528,14 @@
       },
       engine: {
         name: "Engine System",
-        description: "The engine system is the powerplant of the vehicle, converting fuel into mechanical energy to propel the car.",
         components: [
-          { name: "3.8L V6 Engine", position: { x: 50, y: 35 }, description: "Lambda V6 engine producing 306 hp @ 6300 rpm" },
           { name: "Engine Block", position: { x: 50, y: 38 }, description: "Aluminum block with cast iron cylinder liners" },
-          { name: "Cylinder Heads", position: { x: 50, y: 32 }, description: "Dual overhead camshaft (DOHC) design with 24 valves" },
           { name: "Intake Manifold", position: { x: 45, y: 30 }, description: "Distributes air to the cylinders" },
           { name: "Exhaust Manifold", position: { x: 55, y: 30 }, description: "Collects exhaust gases from the cylinders" },
-          { name: "Turbocharger (2.0T)", position: { x: 50, y: 40 }, description: "Twin-scroll turbocharger for forced induction (2.0T model)" },
-          { name: "Intercooler", position: { x: 40, y: 35 }, description: "Cools compressed air before entering the engine" },
-          { name: "Throttle Body", position: { x: 48, y: 28 }, description: "Controls airflow into the engine" },
-          { name: "Fuel Injectors", position: { x: 50, y: 34 }, description: "Delivers fuel directly into the combustion chambers" },
           { name: "Spark Plugs", position: { x: 50, y: 33 }, description: "Ignites the air-fuel mixture in each cylinder" },
           { name: "Oil Pan", position: { x: 50, y: 42 }, description: "Stores engine oil and houses the oil pump" },
           { name: "Oil Pump", position: { x: 50, y: 43 }, description: "Circulates oil throughout the engine" },
@@ -546,15 +543,16 @@
           { name: "Radiator", position: { x: 60, y: 30 }, description: "Cools engine coolant using airflow" },
           { name: "Engine Mounts", position: { x: 45, y: 45 }, description: "Secures engine to the chassis and absorbs vibrations" },
           { name: "Serpentine Belt", position: { x: 55, y: 40 }, description: "Drives engine accessories (alternator, power steering, etc.)" },
-          { name: "Alternator", position: { x: 60, y: 40 }, description: "Generates electrical power and charges the battery" }
         ]
       },
       transmission: {
         name: "Transmission System",
-        description: "The transmission system transfers power from the engine to the wheels, allowing for different gear ratios to optimize performance and efficiency.",
         components: [
           { name: "6-Speed Manual Transmission", position: { x: 55, y: 45 }, description: "Close-ratio gearbox for performance driving" },
-          { name: "8-Speed Automatic Transmission", position: { x: 55, y: 45 }, description: "Electronically controlled with manual shift mode" },
           { name: "Clutch Assembly", position: { x: 53, y: 45 }, description: "Engages and disengages engine power to the transmission" },
           { name: "Flywheel", position: { x: 52, y: 45 }, description: "Smooths engine power delivery and provides clutch surface" },
           { name: "Transmission Case", position: { x: 55, y: 47 }, description: "Houses gears, shafts, and transmission fluid" },
@@ -566,14 +564,12 @@
           { name: "Axle Shafts", position: { x: 65, y: 60 }, description: "Transfers power from differential to wheels" },
           { name: "CV Joints", position: { x: 65, y: 62 }, description: "Allows power transfer at varying angles" },
           { name: "Transmission Mounts", position: { x: 55, y: 50 }, description: "Secures transmission to the chassis" },
-          { name: "Transmission Fluid", position: { x: 55, y: 48 }, description: "Lubricates and cools transmission components" },
-          { name: "Torque Converter (Auto)", position: { x: 54, y: 45 }, description: "Transfers power from engine to transmission fluid" },
-          { name: "Valve Body (Auto)", position: { x: 55, y: 46 }, description: "Controls fluid flow for gear changes" }
         ]
       },
       suspension: {
         name: "Suspension System",
-        description: "The suspension system provides ride comfort, handling stability, and maintains tire contact with the road surface.",
         components: [
           { name: "Front Struts", position: { x: 35, y: 55 }, description: "Combines shock absorber and spring in one unit" },
           { name: "Rear Shock Absorbers", position: { x: 70, y: 55 }, description: "Dampens suspension movement" },
@@ -594,7 +590,7 @@
       },
       brakes: {
         name: "Brake System",
-        description: "The brake system provides stopping power and control, converting kinetic energy into heat through friction.",
         components: [
           { name: "Brake Pedal", position: { x: 20, y: 65 }, description: "Driver interface for brake activation" },
           { name: "Brake Booster", position: { x: 25, y: 55 }, description: "Amplifies brake pedal force" },
@@ -615,7 +611,7 @@
       },
       electrical: {
         name: "Electrical System",
-        description: "The electrical system powers all electronic components, provides starting power, and manages vehicle systems through computer control.",
         components: [
           { name: "Battery", position: { x: 25, y: 45 }, description: "12-volt lead-acid battery providing electrical power" },
           { name: "Starter Motor", position: { x: 50, y: 48 }, description: "Engages flywheel to start the engine" },

 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>2013 Hyundai Elantra GS Coupe Interactive Diagram</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <style>
     :root {
     .car-image {
       width: 100%;
       height: 100%;
+      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwMCI+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNjAwIiBmaWxsPSIjZjBmMGYwIi8+PHRleHQgeD0iNjAwIiB5PSI0MDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IiM2NmY2NjYiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiPjEyOSBIeW5kdW5kYSBGbGFyZSAyMDEzIEVYIFNTIENvdXBlPC90ZXh0Pjwvc3ZnPg==');
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center;
     }
     .car-image.exterior {
+      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/elantra/2013/exterior/2013-elantra-exterior-01.jpg');
     }
     .car-image.engine {
+      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/elantra/2013/performance/2013-elantra-engine.jpg');
     }
     .car-image.transmission {
+      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/elantra/2013/performance/2013-elantra-transmission.jpg');
     }
     .car-image.suspension {
+      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/elantra/2013/performance/2013-elantra-suspension.jpg');
     }
     .car-image.brakes {
+      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/elantra/2013/performance/2013-elantra-brakes.jpg');
     }
     .car-image.electrical {
+      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/elantra/2013/interior/2013-elantra-electrical.jpg');
     }
     .car-image.interior {
+      background-image: url('https://www.hyundaiusa.com/content/dam/hyundai/us/en/vehicles/elantra/2013/interior/2013-elantra-interior.jpg');
     }
     .label {
   <header class="header">
     <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="anycoder-link" target="_blank">Built with
       anycoder</a>
+    <h1>2013 Hyundai Elantra GS Coupe</h1>
     <p>Interactive Component Diagram</p>
   </header>
     <div class="info-panel">
       <h3>System Overview</h3>
       <div class="system-description" id="systemDescription">
+        <p>Select a system from the buttons above to view its components. The 2013 Hyundai Elantra GS Coupe features a
           sophisticated combination of mechanical and electrical systems working together to deliver performance and
           comfort.</p>
       </div>
   </div>
   <script>
+    // Car component data organized by system for 2013 Hyundai Elantra GS Coupe
     const carComponents = {
       exterior: {
         name: "Exterior Components",
+        description: "The exterior system includes all visible parts of the 2013 Hyundai Elantra GS Coupe that contribute to its aerodynamics, styling, and protection.",
         components: [
           { name: "Front Bumper", position: { x: 30, y: 45 }, description: "Absorbs impact in front collisions and houses fog lights" },
           { name: "Hood", position: { x: 45, y: 25 }, description: "Protects the engine compartment and provides access for maintenance" },
       },
       engine: {
         name: "Engine System",
+        description: "The engine system is the powerplant of the 2013 Hyundai Elantra GS Coupe, featuring a 1.8L Nu GDI engine producing 148 hp @ 6500 rpm.",
         components: [
+          { name: "1.8L Nu GDI Engine", position: { x: 50, y: 35 }, description: "1.8L inline-4 engine with Gasoline Direct Injection" },
           { name: "Engine Block", position: { x: 50, y: 38 }, description: "Aluminum block with cast iron cylinder liners" },
+          { name: "Cylinder Head", position: { x: 50, y: 32 }, description: "Dual overhead camshaft (DOHC) design with 16 valves" },
           { name: "Intake Manifold", position: { x: 45, y: 30 }, description: "Distributes air to the cylinders" },
           { name: "Exhaust Manifold", position: { x: 55, y: 30 }, description: "Collects exhaust gases from the cylinders" },
+          { name: "Fuel Injectors", position: { x: 50, y: 34 }, description: "Direct injection system for improved efficiency" },
           { name: "Spark Plugs", position: { x: 50, y: 33 }, description: "Ignites the air-fuel mixture in each cylinder" },
           { name: "Oil Pan", position: { x: 50, y: 42 }, description: "Stores engine oil and houses the oil pump" },
           { name: "Oil Pump", position: { x: 50, y: 43 }, description: "Circulates oil throughout the engine" },
           { name: "Radiator", position: { x: 60, y: 30 }, description: "Cools engine coolant using airflow" },
           { name: "Engine Mounts", position: { x: 45, y: 45 }, description: "Secures engine to the chassis and absorbs vibrations" },
           { name: "Serpentine Belt", position: { x: 55, y: 40 }, description: "Drives engine accessories (alternator, power steering, etc.)" },
+          { name: "Alternator", position: { x: 60, y: 40 }, description: "Generates electrical power and charges the battery" },
+          { name: "Timing Chain", position: { x: 50, y: 36 }, description: "Synchronizes camshaft and crankshaft rotation" }
         ]
       },
       transmission: {
         name: "Transmission System",
+        description: "The transmission system transfers power from the engine to the wheels, featuring either a 6-speed manual or 6-speed automatic transmission.",
         components: [
           { name: "6-Speed Manual Transmission", position: { x: 55, y: 45 }, description: "Close-ratio gearbox for performance driving" },
+          { name: "6-Speed Automatic Transmission", position: { x: 55, y: 45 }, description: "Electronically controlled with manual shift mode" },
           { name: "Clutch Assembly", position: { x: 53, y: 45 }, description: "Engages and disengages engine power to the transmission" },
           { name: "Flywheel", position: { x: 52, y: 45 }, description: "Smooths engine power delivery and provides clutch surface" },
           { name: "Transmission Case", position: { x: 55, y: 47 }, description: "Houses gears, shafts, and transmission fluid" },
           { name: "Axle Shafts", position: { x: 65, y: 60 }, description: "Transfers power from differential to wheels" },
           { name: "CV Joints", position: { x: 65, y: 62 }, description: "Allows power transfer at varying angles" },
           { name: "Transmission Mounts", position: { x: 55, y: 50 }, description: "Secures transmission to the chassis" },
+          { name: "Transmission Fluid", position: { x: 55, y: 48 }, description: "Lubricates and cools transmission components" }
         ]
       },
       suspension: {
         name: "Suspension System",
+        description: "The suspension system provides ride comfort and handling stability with a MacPherson strut front suspension and torsion beam rear suspension.",
         components: [
           { name: "Front Struts", position: { x: 35, y: 55 }, description: "Combines shock absorber and spring in one unit" },
           { name: "Rear Shock Absorbers", position: { x: 70, y: 55 }, description: "Dampens suspension movement" },
       },
       brakes: {
         name: "Brake System",
+        description: "The brake system provides stopping power with front ventilated disc brakes and rear solid disc brakes.",
         components: [
           { name: "Brake Pedal", position: { x: 20, y: 65 }, description: "Driver interface for brake activation" },
           { name: "Brake Booster", position: { x: 25, y: 55 }, description: "Amplifies brake pedal force" },
       },
       electrical: {
         name: "Electrical System",
+        description: "The electrical system powers all electronic components and manages vehicle systems through computer control.",
         components: [
           { name: "Battery", position: { x: 25, y: 45 }, description: "12-volt lead-acid battery providing electrical power" },
           { name: "Starter Motor", position: { x: 50, y: 48 }, description: "Engages flywheel to start the engine" },