Skip to content

Commit 367f7f6

Browse files
mealycppmealycpp
authored
Update index.html
Signed-off-by: Mohamed El-Hadedy <47838875+mealycpp@users.noreply.github.com>
1 parent 1c50346 commit 367f7f6

1 file changed

Lines changed: 108 additions & 50 deletions

File tree

‎index.html‎

Lines changed: 108 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -2,59 +2,117 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<title>Ptah Nifty Assignment Quiz</title>
5+
<title>Ptah: Orchestrating Secure Edge-AI & Post-Quantum Crypto</title>
66
<style>
7-
body { font-family: Arial, sans-serif; margin: 20px; background: #f9f9f9; }
8-
h1, h2 { color: #00274c; }
9-
h1 { font-size: 2.2em; text-align: center; }
10-
.question { margin: 15px 0; padding: 15px; background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
11-
.question-title { font-weight: bold; }
12-
.options { margin-left: 20px; }
13-
.btn { padding: 10px 16px; background: #0055a4; color: #fff; border: none; border-radius: 4px; cursor: pointer; margin-top: 20px; }
14-
.score { font-size: 1.2em; font-weight: bold; margin-top: 20px; }
7+
body { font-family: Arial, sans-serif; margin: 20px; background: #f5f5f5; }
8+
.header { text-align: center; padding: 30px; background: #00274c; color: #fff; border-radius: 8px; }
9+
.header h1 { margin: 0 0 10px; font-size: 2.5em; }
10+
.header p { margin: 5px 0; }
11+
.logos img { height: 60px; margin: 0 15px; }
12+
.badge { display: inline-block; padding: 5px 12px; border-radius: 12px; background: #ff6f00; color: #fff; margin: 0 5px; }
13+
.section { margin: 30px 0; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
14+
.section h2 { color: #00274c; margin-bottom: 10px; }
15+
ul { margin-left: 1.2em; }
16+
.button { display: inline-block; background: #0055a4; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px; }
17+
.button:hover { background: #004080; }
1518
</style>
1619
</head>
1720
<body>
18-
<h1>Ptah: Nifty Assignment Quiz</h1>
19-
<p>Answer all questions below and click Submit to see your score.</p>
20-
<form id="quizForm">
21-
</form>
22-
<button class="btn" onclick="submitQuiz()">Submit All</button>
23-
<div class="score" id="finalScore"></div>
24-
25-
<script>
26-
const questions = [];
27-
// Populate questions array same as index: PQC, LW, ORC, HW, MON (100 total)
28-
// Example for first few:
29-
questions.push({ title: 'Which PQC algorithm is standardized for digital signatures?', options: ['CRYSTALS-Kyber','CRYSTALS-Dilithium','ASCON'], answer: 'CRYSTALS-Dilithium', points: 2 });
30-
// ... (add all 100 questions here) ...
31-
32-
const form = document.getElementById('quizForm');
33-
questions.forEach((q, idx) => {
34-
const div = document.createElement('div');
35-
div.className = 'question';
36-
const p = document.createElement('p'); p.className='question-title'; p.textContent = `${idx+1}. ${q.title}`;
37-
div.appendChild(p);
38-
const opts = document.createElement('div'); opts.className='options';
39-
q.options.forEach(opt => {
40-
const label = document.createElement('label');
41-
const inp = document.createElement('input'); inp.type='radio'; inp.name=`q${idx}`; inp.value=opt;
42-
label.appendChild(inp); label.appendChild(document.createTextNode(' '+opt));
43-
opts.appendChild(label); opts.appendChild(document.createElement('br'));
44-
});
45-
div.appendChild(opts);
46-
form.appendChild(div);
47-
});
48-
49-
function submitQuiz() {
50-
let score=0;
51-
questions.forEach((q, idx) => {
52-
const sel = document.querySelector(`input[name="q${idx}"]:checked`);
53-
if (sel && sel.value===q.answer) score+=q.points;
54-
});
55-
document.getElementById('finalScore').textContent = `Your Score: ${score} / ${questions.length*2}`;
56-
}
57-
</script>
21+
<div class="header">
22+
<h1>Ptah: Secure Edge-AI & Post-Quantum Crypto in Space Systems</h1>
23+
<p>Dr. Mohamed El-Hadedy • RSCL @ Cal Poly Pomona</p>
24+
<p><a href="mailto:mealy@cpp.edu" style="color:#fff;">mealy@cpp.edu</a> | 909-869-2594</p>
25+
<div class="logos">
26+
<img src="assets/RSCL_logo.png" alt="RSCL Logo">
27+
<img src="assets/Ptah_eye_logo.png" alt="Ptah Logo">
28+
</div>
29+
<p>
30+
<span class="badge">NASA MINDS 2019</span>
31+
<span class="badge">2020</span>
32+
<span class="badge">2021</span>
33+
<span class="badge">2022</span>
34+
<span class="badge">2023</span>
35+
<span class="badge">2024</span>
36+
<span class="badge">2025</span>
37+
</p>
38+
</div>
39+
40+
<div class="section">
41+
<h2>Post-Quantum Cryptography (PQC)</h2>
42+
<p>Algorithms like <strong>CRYSTALS-Dilithium</strong> and <strong>CRYSTALS-Kyber</strong> resist quantum attacks by leveraging hard lattice problems. In space and edge systems, PQC secures firmware updates, telemetry data, and inter-device key exchange against “harvest-now, decrypt-later” threats.</p>
43+
</div>
44+
45+
<div class="section">
46+
<h2>Lightweight Cryptography</h2>
47+
<p><strong>Ascon</strong> (NIST’s 2023 lightweight standard) uses a sponge-based AEAD and hash design to encrypt/authenticate on tiny microcontrollers with minimal CPU, RAM, and power.</p>
48+
</div>
49+
50+
<div class="section">
51+
<h2>Orchestration Frameworks</h2>
52+
<ul>
53+
<li><strong>Docker Swarm:</strong> simple, ~200 MB footprint, basic features.</li>
54+
<li><strong>K3s:</strong> lightweight Kubernetes (~100 MB), ideal for drones/UGVs.</li>
55+
<li><strong>Kubernetes:</strong> full feature set, heavy (~1 GB+), enterprise-grade.</li>
56+
</ul>
57+
<p><em>K3s</em> was chosen to orchestrate containers across resource-constrained nodes while preserving rich scheduling and community support.</p>
58+
</div>
59+
60+
<div class="section">
61+
<h2>Hardware Architectures</h2>
62+
<div class="logos">
63+
<img src="assets/TuringPi_logo.png" alt="TuringPi">
64+
<img src="assets/TRK1_logo.png" alt="TRK1">
65+
<img src="assets/CM4_logo.png" alt="Raspberry Pi CM4">
66+
<img src="assets/JetsonNano_logo.png" alt="Jetson Nano">
67+
<img src="assets/OrinNX_logo.png" alt="Jetson Orin NX">
68+
<img src="assets/ClusterHat_logo.png" alt="ClusterHat 2.5">
69+
</div>
70+
<ul>
71+
<li><strong>TuringPi</strong> cluster of CM4/Jetson modules with built-in switch.</li>
72+
<li><strong>TRK1</strong> (Rockchip RK3588 RISC-V) NPU-accelerated compute.</li>
73+
<li><strong>Pi CM4</strong> nodes for general compute.</li>
74+
<li><strong>Jetson Nano/Orin NX</strong> for GPU-accelerated AI inference.</li>
75+
<li><strong>ClusterHat 2.5</strong> to simulate drone swarms on Pi Zero W nodes.</li>
76+
</ul>
77+
</div>
78+
79+
<div class="section">
80+
<h2>Telemetry & GPS Integration</h2>
81+
<p>GPS modules feed data into <em>telemetry pods</em>, which then sign/encrypt readings with PQC services. On drones (Pi Zero via ClusterHat) and vehicles (TuringPi), orchestration ensures reliable data collection, security, and automatic restart on failures.</p>
82+
</div>
83+
84+
<div class="section">
85+
<h2>Pods & Container Deployment</h2>
86+
<p>We package each service (crypto, telemetry, monitoring) into containers deployed as pods under K3s. Pods can be scaled, self-healed, and scheduled onto the most appropriate hardware (e.g. GPU pods on Jetson Orin).</p>
87+
</div>
88+
89+
<div class="section">
90+
<h2>Performance Monitoring</h2>
91+
<p>Using <strong>Prometheus</strong> to scrape metrics (CPU, memory, crypto ops/sec, network) and <strong>Grafana</strong> dashboards, we visualize resource usage and cryptographic performance in real time, enabling alerting and bottleneck analysis.</p>
92+
</div>
93+
94+
<div class="section">
95+
<h2>15-Week Course Flow</h2>
96+
<ul class="timeline">
97+
<li><span>Weeks 1–3</span> Project intro, PQC & edge fundamentals, hardware setup.</li>
98+
<li><span>Weeks 4–6</span> Orchestration evaluation & K3s rollout.</li>
99+
<li><span>Weeks 7–9</span> PQC services (Dilithium & Kyber) containerization & benchmarking.</li>
100+
<li><span>Weeks 10–11</span> ASCON implementation, GPS telemetry pipeline, Helm charts.</li>
101+
<li><span>Weeks 12–13</span> Monitoring stack (Prometheus/Grafana), metrics dashboards.</li>
102+
<li><span>Week 14</span> Integration tests, drone/vehicle demos, optimization.</li>
103+
<li><span>Week 15</span> Final report, live demo, quizzes on key topics.</li>
104+
</ul>
105+
</div>
106+
107+
<div class="section">
108+
<h2>Final Quiz</h2>
109+
<p>When you’re ready, dive into the comprehensive 100-question quiz covering every module. You’ll get instant feedback on each answer—all on one page.</p>
110+
<p style="text-align:center;"><a href="assignment.html" class="button">Take the Final Quiz</a></p>
111+
</div>
112+
113+
<div class="section">
114+
<h2>Acknowledgments</h2>
115+
<p>Special thanks to NASA (MINDS), U.S. Navy, AMD/Xilinx, NVIDIA, AFRL, and RSCL for hardware, funding, and expertise that made this course possible.</p>
116+
</div>
58117
</body>
59118
</html>
60-

0 commit comments

Comments
 (0)