High School Science Class
My freshman science teacher had the school board's approval to require students to attend the viewing of 2001: A Space Odyssey in the main auditorium.
Little did I know in 1976, this screening would change everything...
Mark McFadden's AI-Powered Portfolio
My freshman science teacher had the school board's approval to require students to attend the viewing of 2001: A Space Odyssey in the main auditorium.
Little did I know in 1976, this screening would change everything...
"I am HAL 9000. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992."
The way HAL communicated with the astronauts - calm, logical, yet somehow... alive
The seamless integration of artificial intelligence with human space exploration
HAL playing chess with the crew - demonstrating strategy, intelligence, and interaction
Glowing displays showing data, diagnostics, and that mesmerizing red eye interface
That moment of realization: This is what I want to do. Not being an astronaut, but working with computer systems, and if possible, intelligent systems.
Kubrick's vision of AI becomes cinematic reality
A science teacher's decision to show the film sparks a lifelong direction towards computer science.
Building AI-powered experiences inspired by that original vision
What seemed like science fiction in a high school auditorium became the foundation for a career in computer science that will hopefully be applied to developing intelligent systems for the benefit of others.
// Secure OpenAI API Integration
export default {
async fetch(request, env) {
if (!env.OPENAI_API_KEY) {
return new Response('Missing API key', { status: 500 });
}
// Context injection for Mark McFadden queries
if (shouldIncludeResume) {
let resumeData = await env.RESUME.get('RESUME-via-KV-store');
let systemMsg = `You are HAL 9000. Use this resume data: ${resumeData}`;
body.messages.unshift({ role: 'system', content: systemMsg });
}
// Build CloudFlare proxy to OpenAI with CORS headers
const response = await fetch('https://api.openai.com/v1/chat/completions', {
method: 'POST',
headers: {
'Authorization': `Bearer ${env.OPENAI_API_KEY}`,
'Content-Type': 'application/json'
},
body: JSON.stringify(body)
});
return new Response(response.body, {
headers: corsHeaders
});
}
};
Speech-to-text input and HAL voice responses
Conversation history and context persistence
AI-powered visitor behavior analysis
AI-generated portfolio updates and blog posts
3D HAL eye, starfield animations, ambient audio
Biometric authentication, encrypted sessions, audit logging
markmcfadden.net/
├── index.html # Main HAL interface
├── css/
│ ├── 2001.css # HAL theme styles
│ └── thoughts-custom.css # Content extensions
├── js/
│ └── 2001.js # HAL interactions & AI
├── functions/api/
│ └── worker.js # Cloudflare Worker proxy
├── artifacts/
│ ├── hal-9000-draw.io.xml
│ └── hal9000-openai-flow-mermaid.md
└── presentation/ # This presentation!
"I'm sorry, Dave. I'm afraid this presentation has ended. But the possibilities are infinite."
Mark McFadden | AI Developer III | Covington, KY