File size: 7,551 Bytes
884f087
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2bacf16
 
 
 
 
 
 
38b579d
 
 
884f087
38b579d
884f087
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2bacf16
 
 
 
884f087
 
2bacf16
 
884f087
 
2bacf16
 
884f087
 
 
 
 
 
38b579d
 
 
884f087
 
2bacf16
 
 
 
884f087
2bacf16
 
 
 
884f087
2bacf16
884f087
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<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>