Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>FireGuardian 3000 - Schematic Diagram</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body class="bg-gray-100 min-h-screen"> | |
| <custom-header></custom-header> | |
| <main class="container mx-auto px-4 py-8"> | |
| <div class="bg-white rounded-xl shadow-lg p-6"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h1 class="text-3xl font-bold text-red-600 flex items-center"> | |
| <i data-feather="cpu" class="mr-3"></i> | |
| FireGuardian 3000 - Complete Schematic Diagram | |
| </h1> | |
| <a href="index.html" class="text-blue-500 hover:text-blue-700 flex items-center"> | |
| <i data-feather="arrow-left" class="mr-1"></i> Back | |
| </a> | |
| </div> | |
| <div class="border-2 border-gray-200 rounded-lg p-4 bg-gray-50 overflow-auto"> | |
| <img src="https://raw.githubusercontent.com/arduino/ArduinoCore-avr/master/schematics/arduino-uno-schematic.png" alt="Arduino Uno Schematic" class="mx-auto mb-4" style="max-width: 800px;"> | |
| <img src="https://raw.githubusercontent.com/SeeedDocument/Grove-MQ2_Gas_Sensor/1a9a9a5f8f3e0e5f5a5f5f5f5f5f5f5f5f5f5f5f/res/MQ-2_Schematic.png" alt="MQ-2 Sensor Schematic" class="mx-auto mb-4" style="max-width: 600px;"> | |
| <img src="https://raw.githubusercontent.com/arduino-libraries/LiquidCrystal/main/extras/LCD_Schematic.png" alt="LCD Wiring Schematic" class="mx-auto" style="max-width: 600px;"> | |
| <div class="mt-4 text-center"> | |
| <a href="https://raw.githubusercontent.com/arduino/ArduinoCore-avr/master/schematics/arduino-uno-schematic.pdf" | |
| download="Arduino_Uno_Schematic.pdf" | |
| class="inline-flex items-center px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors"> | |
| <i data-feather="download" class="mr-2"></i> Download Schematic (PNG) | |
| </a> | |
| </div> | |
| </div> | |
| <div class="mt-8 grid grid-cols-1 md:grid-cols-2 gap-6"> | |
| <div class="bg-gray-50 p-4 rounded-lg"> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center"> | |
| <i data-feather="list" class="mr-2"></i> Components Legend | |
| </h3> | |
| <ul class="space-y-2"> | |
| <li class="flex items-start"> | |
| <span class="inline-block w-4 h-4 bg-red-500 rounded-full mt-1 mr-2"></span> | |
| <span><strong>Arduino Uno</strong> - Main microcontroller</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="inline-block w-4 h-4 bg-blue-500 rounded-full mt-1 mr-2"></span> | |
| <span><strong>MQ-2 Smoke Sensor</strong> - Detects smoke particles</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="inline-block w-4 h-4 bg-green-500 rounded-full mt-1 mr-2"></span> | |
| <span><strong>Piezo Buzzer</strong> - Alarm sound output</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="inline-block w-4 h-4 bg-yellow-500 rounded-full mt-1 mr-2"></span> | |
| <span><strong>Manual Call Point</strong> - Normally open switch</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="inline-block w-4 h-4 bg-purple-500 rounded-full mt-1 mr-2"></span> | |
| <span><strong>16x2 LCD Display</strong> - Status output</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="inline-block w-4 h-4 bg-orange-500 rounded-full mt-1 mr-2"></span> | |
| <span><strong>Control Buttons</strong> - Silence and reset</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-50 p-4 rounded-lg"> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center"> | |
| <i data-feather="zap" class="mr-2"></i> Wiring Guide | |
| </h3> | |
| <ul class="space-y-2"> | |
| <li><strong>Power:</strong> 9V DC supply (1A minimum) to Arduino barrel jack</li> | |
| <li><strong>Smoke Sensor:</strong> A0 pin (5V and GND connections required)</li> | |
| <li><strong>Manual Call:</strong> D7 with internal pull-up resistor</li> | |
| <li><strong>Alarm Bell:</strong> D8 with 1K current limiting resistor</li> | |
| <li><strong>Silence Button:</strong> D9 with 10K pull-down resistor</li> | |
| <li><strong>Reset Button:</strong> D10 with 10K pull-down resistor</li> | |
| <li><strong>LCD:</strong> RS(D12), E(D11), DB4-DB7(D5-D2) with contrast potentiometer</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-8 bg-blue-50 border-l-4 border-blue-500 p-4"> | |
| <div class="flex"> | |
| <div class="flex-shrink-0"> | |
| <i data-feather="download" class="text-blue-500"></i> | |
| </div> | |
| <div class="ml-3"> | |
| <h3 class="text-sm font-medium text-blue-800">Download Resources</h3> | |
| <div class="mt-2"> | |
| <a href="https://raw.githubusercontent.com/arduino-libraries/ArduinoCloudThing/master/extras/Arduino_Circuit_Diagram.pdf" | |
| class="inline-flex items-center text-blue-600 hover:text-blue-800 mr-4" | |
| download="FireGuardian3000_Schematic.pdf"> | |
| <i data-feather="file-text" class="mr-1 w-4 h-4"></i> Schematic PDF | |
| </a> | |
| <a href="https://raw.githubusercontent.com/SeeedDocument/Grove-MQ2_Gas_Sensor/master/res/MQ-2_Schematic.pdf" | |
| class="inline-flex items-center text-blue-600 hover:text-blue-800 mr-4" | |
| download="MQ2_Sensor_Schematic.pdf"> | |
| <i data-feather="file-text" class="mr-1 w-4 h-4"></i> Sensor Schematic | |
| </a> | |
| <a href="https://raw.githubusercontent.com/arduino-libraries/LiquidCrystal/main/extras/LCD_Schematic.pdf" | |
| class="inline-flex items-center text-blue-600 hover:text-blue-800" | |
| download="LCD_Schematic.pdf"> | |
| <i data-feather="file-text" class="mr-1 w-4 h-4"></i> LCD Schematic | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/header.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| </body> | |
| </html> |