Hugging Face's logo

Spaces:
scotty055
/
security-quickcheat-pro
Running

App Files Community
scotty055 commited on
Commit
667c7fa
·
verified ·
1 Parent(s): 5f90bfb

create a Comptia Security + Knowlage checklist page which is designed to be printable. It should cover basic linux CLI commands, What a MAC address is and how it gets traffic to the next hop, What an IP address is and how every computer has one, What ports are and how every service the computer provides will listen on a port. Include a diagram of the TCP/IP stack with an description next to some fake addresses. for example "Layer 2 : Addressed to the next hop, in this case the default gateway. Layer 3 : addressed to the web sites IP address. Layer 4 : Addressed to the port the web server is listening on. Layer 7 : a message the web server will understand asking for the main page of the site." use diagrams and examples where appropriate.

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +271 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Security Quickcheat Pro
3
- emoji: 🐠
4
- colorFrom: green
5
  colorTo: green
 
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: Security+ QuickCheat Pro 📋
3
+ colorFrom: blue
 
4
  colorTo: green
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,272 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Security+ QuickCheat Pro</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: '#3b82f6',
16
+ secondary: '#10b981',
17
+ dark: '#1e293b'
18
+ }
19
+ }
20
+ }
21
+ }
22
+ </script>
23
+ <style>
24
+ @media print {
25
+ .no-print {
26
+ display: none !important;
27
+ }
28
+ body {
29
+ padding: 0;
30
+ margin: 0;
31
+ background: white;
32
+ color: black;
33
+ }
34
+ .print-section {
35
+ page-break-inside: avoid;
36
+ }
37
+ }
38
+ .network-diagram {
39
+ background: linear-gradient(145deg, #f1f5f9, #e2e8f0);
40
+ border-radius: 0.5rem;
41
+ }
42
+ </style>
43
+ </head>
44
+ <body class="bg-gray-50 text-gray-800 font-sans">
45
+ <div class="container mx-auto px-4 py-8 max-w-4xl">
46
+ <!-- Header -->
47
+ <header class="mb-8 text-center no-print">
48
+ <h1 class="text-4xl font-bold text-primary mb-2">Security+ QuickCheat Pro</h1>
49
+ <p class="text-lg text-secondary">Your printable CompTIA Security+ knowledge checklist</p>
50
+ <button onclick="window.print()" class="mt-4 px-6 py-2 bg-primary text-white rounded-lg hover:bg-blue-700 transition flex items-center mx-auto">
51
+ <i data-feather="printer" class="mr-2"></i> Print Checklist
52
+ </button>
53
+ </header>
54
+
55
+ <!-- Main Content -->
56
+ <main class="bg-white shadow-lg rounded-lg p-6 print:p-0">
57
+ <!-- Linux CLI Section -->
58
+ <section class="mb-10 print-section">
59
+ <h2 class="text-2xl font-bold text-primary border-b-2 border-primary pb-2 mb-4 flex items-center">
60
+ <i data-feather="terminal" class="mr-2"></i> Essential Linux CLI Commands
61
+ </h2>
62
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
63
+ <div class="bg-gray-50 p-4 rounded-lg">
64
+ <h3 class="font-semibold text-secondary mb-2">File System Navigation</h3>
65
+ <ul class="space-y-2">
66
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">ls</span> - List directory contents</li>
67
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">cd</span> - Change directory</li>
68
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">pwd</span> - Print working directory</li>
69
+ </ul>
70
+ </div>
71
+ <div class="bg-gray-50 p-4 rounded-lg">
72
+ <h3 class="font-semibold text-secondary mb-2">Permissions & Security</h3>
73
+ <ul class="space-y-2">
74
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">chmod</span> - Change file permissions</li>
75
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">sudo</span> - Execute as superuser</li>
76
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">passwd</span> - Change user password</li>
77
+ </ul>
78
+ </div>
79
+ <div class="bg-gray-50 p-4 rounded-lg">
80
+ <h3 class="font-semibold text-secondary mb-2">Network Commands</h3>
81
+ <ul class="space-y-2">
82
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">ifconfig</span> - Configure network interfaces</li>
83
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">netstat</span> - Network statistics</li>
84
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">ssh</span> - Secure shell remote login</li>
85
+ </ul>
86
+ </div>
87
+ <div class="bg-gray-50 p-4 rounded-lg">
88
+ <h3 class="font-semibold text-secondary mb-2">System & Utilities</h3>
89
+ <ul class="space-y-2">
90
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">grep</span> - Search text patterns</li>
91
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">iptables</span> - Firewall configuration</li>
92
+ <li><span class="font-mono bg-gray-200 px-2 py-1 rounded">ps</span> - Process status</li>
93
+ </ul>
94
+ </div>
95
+ </div>
96
+ </section>
97
+
98
+ <!-- MAC Address Section -->
99
+ <section class="mb-10 print-section">
100
+ <h2 class="text-2xl font-bold text-primary border-b-2 border-primary pb-2 mb-4 flex items-center">
101
+ <i data-feather="hard-drive" class="mr-2"></i> MAC Address Fundamentals
102
+ </h2>
103
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
104
+ <div>
105
+ <h3 class="font-semibold text-secondary mb-2">What is a MAC Address?</h3>
106
+ <p class="mb-4">A Media Access Control (MAC) address is a <strong>unique hardware identifier</strong> assigned to network interfaces. It operates at <strong>Layer 2 (Data Link)</strong> of the OSI model.</p>
107
+
108
+ <h3 class="font-semibold text-secondary mb-2">Key Characteristics:</h3>
109
+ <ul class="list-disc pl-5 space-y-1">
110
+ <li>48-bit address (e.g., <span class="font-mono">00:1A:2B:3C:4D:5E</span>)</li>
111
+ <li>Burned into the network interface card (NIC)</li>
112
+ <li>Used for local network communication</li>
113
+ <li>Essential for Ethernet frame delivery</li>
114
+ </ul>
115
+ </div>
116
+ <div class="network-diagram p-4">
117
+ <h3 class="font-semibold text-secondary mb-2 text-center">MAC Address Traffic Flow</h3>
118
+ <div class="flex flex-col items-center">
119
+ <div class="bg-white p-3 rounded-lg shadow-sm mb-2 text-center w-full">
120
+ <div class="font-mono text-sm">Source: 00:1A:2B:3C:4D:5E</div>
121
+ <div class="font-mono text-sm">Dest: 00:0A:95:9D:68:16</div>
122
+ <div class="text-xs mt-1">(Default Gateway)</div>
123
+ </div>
124
+ <i data-feather="arrow-down" class="text-secondary"></i>
125
+ <div class="bg-white p-3 rounded-lg shadow-sm mt-2 text-center w-full">
126
+ <div class="font-mono text-sm">Next Hop: Router MAC</div>
127
+ <div class="text-xs mt-1">Forwarded to destination network</div>
128
+ </div>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </section>
133
+
134
+ <!-- IP Address Section -->
135
+ <section class="mb-10 print-section">
136
+ <h2 class="text-2xl font-bold text-primary border-b-2 border-primary pb-2 mb-4 flex items-center">
137
+ <i data-feather="globe" class="mr-2"></i> IP Address Fundamentals
138
+ </h2>
139
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
140
+ <div>
141
+ <h3 class="font-semibold text-secondary mb-2">What is an IP Address?</h3>
142
+ <p class="mb-4">An Internet Protocol (IP) address is a <strong>logical network identifier</strong> assigned to devices. It operates at <strong>Layer 3 (Network)</strong> of the OSI model.</p>
143
+
144
+ <h3 class="font-semibold text-secondary mb-2">Key Concepts:</h3>
145
+ <ul class="list-disc pl-5 space-y-1">
146
+ <li><strong>IPv4:</strong> 32-bit address (e.g., <span class="font-mono">192.168.1.100</span>)</li>
147
+ <li><strong>IPv6:</strong> 128-bit address (e.g., <span class="font-mono">2001:0db8:85a3::8a2e:0370:7334</span>)</li>
148
+ <li>Assigned statically or via DHCP</li>
149
+ <li>Used for end-to-end communication</li>
150
+ </ul>
151
+ </div>
152
+ <div class="bg-gray-50 p-4 rounded-lg">
153
+ <h3 class="font-semibold text-secondary mb-2">Example IPv4 Configuration</h3>
154
+ <div class="font-mono bg-white p-3 rounded text-sm">
155
+ <div>IP Address: <span class="text-primary">192.168.1.100</span></div>
156
+ <div>Subnet Mask: <span class="text-primary">255.255.255.0</span></div>
157
+ <div>Gateway: <span class="text-primary">192.168.1.1</span></div>
158
+ <div>DNS: <span class="text-primary">8.8.8.8</span></div>
159
+ </div>
160
+ <p class="mt-2 text-sm">This configuration allows communication within the <span class="font-mono">192.168.1.0/24</span> network.</p>
161
+ </div>
162
+ </div>
163
+ </section>
164
+
165
+ <!-- Ports and Services Section -->
166
+ <section class="mb-10 print-section">
167
+ <h2 class="text-2xl font-bold text-primary border-b-2 border-primary pb-2 mb-4 flex items-center">
168
+ <i data-feather="hash" class="mr-2"></i> Common Ports & Services
169
+ </h2>
170
+ <div class="overflow-x-auto">
171
+ <table class="min-w-full bg-white border border-gray-200">
172
+ <thead class="bg-gray-100">
173
+ <tr>
174
+ <th class="py-2 px-4 border-b text-left">Port</th>
175
+ <th class="py-2 px-4 border-b text-left">Protocol</th>
176
+ <th class="py-2 px-4 border-b text-left">Service</th>
177
+ <th class="py-2 px-4 border-b text-left">Description</th>
178
+ </tr>
179
+ </thead>
180
+ <tbody>
181
+ <tr class="hover:bg-gray-50">
182
+ <td class="py-2 px-4 border-b font-mono">20/21</td>
183
+ <td class="py-2 px-4 border-b">TCP</td>
184
+ <td class="py-2 px-4 border-b">FTP</td>
185
+ <td class="py-2 px-4 border-b">File Transfer Protocol</td>
186
+ </tr>
187
+ <tr class="hover:bg-gray-50">
188
+ <td class="py-2 px-4 border-b font-mono">22</td>
189
+ <td class="py-2 px-4 border-b">TCP</td>
190
+ <td class="py-2 px-4 border-b">SSH</td>
191
+ <td class="py-2 px-4 border-b">Secure Shell</td>
192
+ </tr>
193
+ <tr class="hover:bg-gray-50">
194
+ <td class="py-2 px-4 border-b font-mono">80</td>
195
+ <td class="py-2 px-4 border-b">TCP</td>
196
+ <td class="py-2 px-4 border-b">HTTP</td>
197
+ <td class="py-2 px-4 border-b">Hypertext Transfer Protocol</td>
198
+ </tr>
199
+ <tr class="hover:bg-gray-50">
200
+ <td class="py-2 px-4 border-b font-mono">443</td>
201
+ <td class="py-2 px-4 border-b">TCP</td>
202
+ <td class="py-2 px-4 border-b">HTTPS</td>
203
+ <td class="py-2 px-4 border-b">HTTP Secure</td>
204
+ </tr>
205
+ <tr class="hover:bg-gray-50">
206
+ <td class="py-2 px-4 border-b font-mono">3389</td>
207
+ <td class="py-2 px-4 border-b">TCP</td>
208
+ <td class="py-2 px-4 border-b">RDP</td>
209
+ <td class="py-2 px-4 border-b">Remote Desktop Protocol</td>
210
+ </tr>
211
+ </tbody>
212
+ </table>
213
+ </div>
214
+ </section>
215
+
216
+ <!-- TCP/IP Stack Section -->
217
+ <section class="print-section">
218
+ <h2 class="text-2xl font-bold text-primary border-b-2 border-primary pb-2 mb-4 flex items-center">
219
+ <i data-feather="layers" class="mr-2"></i> TCP/IP Stack Overview
220
+ </h2>
221
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
222
+ <div>
223
+ <div class="bg-gray-50 p-4 rounded-lg mb-4">
224
+ <h3 class="font-semibold text-secondary mb-2">Layer 2: Data Link (MAC)</h3>
225
+ <p class="font-mono text-sm bg-white p-2 rounded">Frame addressed to next hop: <span class="text-primary">00:1A:2B:3C:4D:5E</span> (default gateway)</p>
226
+ <p class="mt-1 text-sm">Responsible for local network delivery using MAC addresses.</p>
227
+ </div>
228
+
229
+ <div class="bg-gray-50 p-4 rounded-lg mb-4">
230
+ <h3 class="font-semibold text-secondary mb-2">Layer 3: Network (IP)</h3>
231
+ <p class="font-mono text-sm bg-white p-2 rounded">Packet addressed to: <span class="text-primary">203.0.113.45</span></p>
232
+ <p class="mt-1 text-sm">Handles logical addressing and routing between networks.</p>
233
+ </div>
234
+ </div>
235
+ <div>
236
+ <div class="bg-gray-50 p-4 rounded-lg mb-4">
237
+ <h3 class="font-semibold text-secondary mb-2">Layer 4: Transport (TCP/UDP)</h3>
238
+ <p class="font-mono text-sm bg-white p-2 rounded">Segment addressed to port: <span class="text-primary">443</span> (HTTPS)</p>
239
+ <p class="mt-1 text-sm">Manages end-to-end communication and reliability.</p>
240
+ </div>
241
+
242
+ <div class="bg-gray-50 p-4 rounded-lg">
243
+ <h3 class="font-semibold text-secondary mb-2">Layer 7: Application</h3>
244
+ <p class="font-mono text-sm bg-white p-2 rounded">HTTP GET request for: <span class="text-primary">/index.html</span></p>
245
+ <p class="mt-1 text-sm">Contains the actual application data and protocols.</p>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ <div class="mt-6 bg-primary bg-opacity-10 p-4 rounded-lg">
250
+ <h3 class="font-semibold text-primary mb-2">Complete Communication Flow:</h3>
251
+ <ol class="list-decimal pl-5 space-y-2">
252
+ <li>Application creates HTTP request (Layer 7)</li>
253
+ <li>TCP segment created with port 443 (Layer 4)</li>
254
+ <li>IP packet addressed to destination IP (Layer 3)</li>
255
+ <li>Ethernet frame addressed to next hop MAC (Layer 2)</li>
256
+ </ol>
257
+ </div>
258
+ </section>
259
+ </main>
260
+
261
+ <!-- Footer -->
262
+ <footer class="mt-12 text-center text-sm text-gray-500 no-print">
263
+ <p>Security+ QuickCheat Pro - Printable Study Reference</p>
264
+ <p class="mt-1">For optimal printing, use Chrome/Firefox and select "Background graphics" in print settings</p>
265
+ </footer>
266
+ </div>
267
+
268
+ <script>
269
+ feather.replace();
270
+ </script>
271
+ </body>
272
  </html>