{"id":169,"date":"2026-03-14T17:17:26","date_gmt":"2026-03-14T17:17:26","guid":{"rendered":"https:\/\/airifoundation.org\/redesign\/?page_id=169"},"modified":"2026-04-08T11:53:13","modified_gmt":"2026-04-08T11:53:13","slug":"career","status":"publish","type":"page","link":"https:\/\/airifoundation.org\/redesign\/career\/","title":{"rendered":"Career"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
Join Our Team <\/div><\/span>\n\t\t\t\t\t\t\t\n\t\t\t<\/path><\/svg><\/span>\n\t\t\t<\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n AIRI Volunteer & Assessment Portal<\/title>\r\n <!-- Tailwind CSS for Styling -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- React and ReactDOM -->\r\n <script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\"><\/script>\r\n <!-- Babel for JSX transformation -->\r\n <script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\r\n <!-- Lucide Icons -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n body { font-family: 'Syne', sans-serif; }\r\n .btn-primary-hover:hover {\r\n background-color: #CEF173 !important;\r\n color: #084734 !important;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(206, 241, 115, 0.3);\r\n }\r\n .text-brand-primary { color: #084734; }\r\n .bg-brand-primary { background-color: #084734; }\r\n .border-brand-primary { border-color: #084734; }\r\n \r\n \/* Force Elementor footer colors back *\/\r\n.elementor-location-footer,\r\n.elementor-location-footer .elementor-element,\r\n.elementor-location-footer .elementor-widget-container,\r\n.elementor-location-footer section,\r\n.elementor-location-footer footer {\r\n background: #084734 !important;\r\n color: #ffffff !important;\r\n}\r\n\r\n.elementor-location-footer,\r\n.elementor-location-footer p,\r\n.elementor-location-footer h1,\r\n.elementor-location-footer h2,\r\n.elementor-location-footer h3,\r\n.elementor-location-footer h4,\r\n.elementor-location-footer h5,\r\n.elementor-location-footer h6,\r\n.elementor-location-footer span,\r\n.elementor-location-footer li,\r\n.elementor-location-footer div {\r\n color: #ffffff !important;\r\n}\r\n\r\nfooter {\r\n background: #084734;\r\n color: var(--text);\r\n padding: 60px 0;\r\n text-align: left;\r\n border-top: 1px solid #eee;\r\n}\r\n}\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50\">\r\n <div id=\"root\"><\/div>\r\n\r\n <script type=\"text\/babel\">\r\n const { useState, useEffect, useRef } = React;\r\n\r\n \/\/ Inline SVG Components for Lucide Icons\r\n const Icon = ({ name, className = \"w-5 h-5\" }) => {\r\n return <i data-lucide={name} class={className}><\/i>;\r\n };\r\n\r\n const App = () => {\r\n const [view, setView] = useState('landing');\r\n const [formData, setFormData] = useState({ name: '', email: '', role: '', resume: null });\r\n const [currentQuestion, setCurrentQuestion] = useState(0);\r\n const [answers, setAnswers] = useState({});\r\n const [timeLeft, setTimeLeft] = useState(900);\r\n const [assessmentStarted, setAssessmentStarted] = useState(false);\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n const [submissionError, setSubmissionError] = useState(null);\r\n const fileInputRef = useRef(null);\r\n\r\n useEffect(() => {\r\n if (window.lucide) {\r\n lucide.createIcons();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n let timer;\r\n if (assessmentStarted && timeLeft > 0) {\r\n timer = setInterval(() => setTimeLeft(prev => prev - 1), 1000);\r\n } else if (timeLeft === 0 && assessmentStarted) {\r\n submitAssessment();\r\n }\r\n return () => clearInterval(timer);\r\n }, [assessmentStarted, timeLeft]);\r\n\r\n const formatTime = (seconds) => {\r\n const mins = Math.floor(seconds \/ 60);\r\n const secs = seconds % 60;\r\n return `${mins}:${secs.toString().padStart(2, '0')}`;\r\n };\r\n\r\n const handleFileChange = (e) => {\r\n const file = e.target.files[0];\r\n if (file && file.type === 'application\/pdf') {\r\n setFormData({ ...formData, resume: file });\r\n } else {\r\n alert(\"Please upload a PDF file only.\");\r\n e.target.value = null;\r\n }\r\n };\r\n\r\n const roles = [\r\n { title: \"Automated Workflow Developer\", type: \"Intern\", location: \"Fully Remote (Canada)\", desc: \"Design and implement automated workflows to streamline AIRI operations and data flow.\" },\r\n { title: \"Applied AI Researcher\", type: \"Intern\", location: \"Fully Remote (Canada)\", desc: \"Investigate AI literacy gaps, misinformation, and digital inclusion challenges in underrepresented communities.\" },\r\n { title: \"Social Media Manager\", type: \"Intern\", location: \"Fully Remote (Canada)\", desc: \"Build AIRI's online presence through storytelling. Adobe Creative Cloud proficiency is a plus.\" },\r\n { title: \"Policy Research Analyst\", type: \"Intern\", location: \"Fully Remote (Canada)\", desc: \"Conduct applied research on AI governance, digital literacy, and industry\u2011specific AI use cases.\" },\r\n { title: \"AI Literacy Workshop Facilitator\", type: \"Intern\", location: \"Hybrid\", desc: \"Translate complex AI concepts into accessible training sessions for non-technical audiences.\" },\r\n { title: \"Administrative Assistant\", type: \"Intern\", location: \"Hybrid\", desc: \"Support AIRI\u2019s operations by coordinating schedules and helping the team implement AI tools.\" },\r\n { title: \"Partnership Development\", type: \"Intern\", location: \"Hybrid\", desc: \"Cultivate strategic alliances with academic, corporate, and government agencies.\" }\r\n ];\r\n\r\n const getQuestions = (role) => {\r\n const common = [\r\n { id: \"ethics\", question: \"You find an AI tool that automates a repetitive AIRI task but has a history of bias. Do you recommend it? Why?\", placeholder: \"Your reasoning...\" },\r\n { id: \"literacy\", question: \"A member fears AI will steal their data. How do you address this in a workshop?\", placeholder: \"Your approach...\" }\r\n ];\r\n let specific = { id: \"logic\", question: \"How would you teach 'Responsible AI' to a community with zero internet access?\", placeholder: \"Think creatively...\" };\r\n\r\n if (role === \"Administrative Assistant\") {\r\n specific = { id: \"scheduling\", question: \"Organizational Logic: You have three urgent meetings for the Director at once: a donor call, a workshop, and a policy briefing. How do you prioritize?\", placeholder: \"Strategy...\" };\r\n } else if (role === \"Automated Workflow Developer\") {\r\n specific = { id: \"workflow\", question: \"An automated workflow fails and 50 people get the wrong email. What is your fix and recovery plan?\", placeholder: \"Technical steps...\" };\r\n }\r\n return [...common, specific];\r\n };\r\n\r\n const assessmentQuestions = getQuestions(formData.role);\r\n\r\n const submitAssessment = async () => {\r\n setIsSubmitting(true);\r\n setSubmissionError(null);\r\n setAssessmentStarted(false);\r\n\r\n \/\/ This endpoint will be handled by the developer in WordPress functions.php\r\n const WP_ENDPOINT = \"\/wp-json\/airi\/v1\/submit-application\";\r\n\r\n const payload = {\r\n applicant_name: formData.name,\r\n applicant_email: formData.email,\r\n role: formData.role,\r\n answers: JSON.stringify(answers, null, 2),\r\n timestamp: new Date().toLocaleString()\r\n };\r\n\r\n try {\r\n const response = await fetch(WP_ENDPOINT, {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application\/json\" },\r\n body: JSON.stringify(payload)\r\n });\r\n\r\n if (response.ok) {\r\n setIsSubmitting(false);\r\n setView('success');\r\n } else { throw new Error(); }\r\n } catch (e) {\r\n setIsSubmitting(false);\r\n \/\/ Pointing to both emails as requested\r\n setSubmissionError(\"Submission failed. Please email your application directly to opportunities@airifoundation.org and frank@airifoundation.org.\");\r\n }\r\n };\r\n\r\n return (\r\n <div className=\"min-h-screen p-4 md:p-8\">\r\n <header className=\"max-w-6xl mx-auto mb-12 text-center\">\r\n {view === 'landing' ? (\r\n <>\r\n <h1 className=\"text-4xl md:text-5xl font-extrabold mb-4 tracking-tight text-brand-primary\">\r\n Join us in Shaping the Future of <span className=\"opacity-80\">AI Literacy<\/span>\r\n <\/h1>\r\n <p className=\"max-w-2xl mx-auto text-lg text-slate-600\">\r\n High-performing interns and volunteers may transition to <strong>paid summer positions<\/strong>.\r\n <\/p>\r\n <\/>\r\n ) : (\r\n <>\r\n <div className=\"inline-block px-4 py-1.5 mb-2 text-xs font-bold tracking-widest uppercase bg-slate-200 rounded-full text-slate-600\">\r\n Application Portal\r\n <\/div>\r\n <h1 className=\"text-3l font-bold text-brand-primary\">\r\n Applying for: <span className=\"opacity-70\">{formData.role}<\/span>\r\n <\/h1>\r\n <\/>\r\n )}\r\n <\/header>\r\n\r\n <main className=\"max-w-6xl mx-auto\">\r\n {view === 'landing' && (\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n {roles.map((role, idx) => (\r\n <div key={idx} className=\"bg-white border border-slate-200 rounded-2xl p-8 shadow-sm hover:shadow-md transition-all group\">\r\n <h3 className=\"text-l font-bold mb-2 text-brand-primary\">{role.title}<\/h3>\r\n <div className=\"flex items-center gap-4 mb-4 text-[10px] font-bold text-slate-400 uppercase tracking-widest\">\r\n <span>{role.type}<\/span>\r\n <span>\u2022<\/span>\r\n <span>{role.location}<\/span>\r\n <\/div>\r\n <p className=\"text-slate-600 text-sm mb-8 leading-relaxed\">{role.desc}<\/p>\r\n <button \r\n onClick={() => { setFormData({...formData, role: role.title}); setView('form'); }}\r\n className=\"w-full py-3 bg-brand-primary text-white font-bold rounded-xl transition-all btn-primary-hover flex items-center justify-center gap-2\"\r\n >\r\n Apply Now <Icon name=\"chevron-right\" className=\"w-4 h-4\" \/>\r\n <\/button>\r\n <\/div>\r\n ))}\r\n <\/div>\r\n )}\r\n\r\n {view === 'form' && (\r\n <div className=\"max-w-md mx-auto bg-white rounded-3xl p-8 shadow-2xl border border-slate-100\">\r\n <h2 className=\"text-2xl font-bold mb-6 text-brand-primary\">Candidate Details<\/h2>\r\n <div className=\"space-y-4 mb-6\">\r\n <input \r\n className=\"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-brand-primary outline-none\" \r\n placeholder=\"Full Name\" \r\n onChange={e => setFormData({...formData, name: e.target.value})}\r\n \/>\r\n <input \r\n className=\"w-full px-4 py-3 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-brand-primary outline-none\" \r\n placeholder=\"Email Address\" \r\n onChange={e => setFormData({...formData, email: e.target.value})}\r\n \/>\r\n <div \r\n onClick={() => fileInputRef.current.click()}\r\n className=\"w-full py-8 border-2 border-dashed border-slate-200 rounded-xl flex flex-col items-center justify-center cursor-pointer hover:bg-slate-50\"\r\n >\r\n <Icon name=\"file-up\" className=\"w-8 h-8 text-slate-300 mb-2\" \/>\r\n <span className=\"text-xs font-bold text-slate-400 uppercase tracking-tighter\">\r\n {formData.resume ? formData.resume.name : \"Upload Resume (PDF). Maximum 2 pages.\"}\r\n <\/span>\r\n <input type=\"file\" ref={fileInputRef} hidden accept=\".pdf\" onChange={handleFileChange} \/>\r\n <\/div>\r\n <\/div>\r\n <button \r\n disabled={!formData.name || !formData.email || !formData.resume}\r\n onClick={() => { setAssessmentStarted(true); setView('assessment'); }}\r\n className=\"w-full py-4 bg-brand-primary text-white font-bold rounded-xl btn-primary-hover disabled:opacity-50\"\r\n >\r\n Start 15m Assessment\r\n <\/button>\r\n <button onClick={() => setView('landing')} className=\"w-full mt-4 text-xs font-bold text-slate-400 uppercase hover:text-brand-primary\">Back to Roles<\/button>\r\n <\/div>\r\n )}\r\n\r\n {view === 'assessment' && (\r\n <div className=\"max-w-3xl mx-auto\">\r\n <div className=\"flex justify-between items-center mb-6 bg-white p-4 rounded-2xl shadow-sm\">\r\n <div className=\"font-mono font-bold text-brand-primary text-xl tracking-tighter flex items-center gap-2\">\r\n <Icon name=\"clock\" \/> {formatTime(timeLeft)}\r\n <\/div>\r\n <div className=\"text-xs font-black text-slate-300 uppercase tracking-widest\">\r\n Question {currentQuestion + 1} \/ {assessmentQuestions.length}\r\n <\/div>\r\n <\/div>\r\n <div className=\"bg-white rounded-3xl p-10 shadow-xl min-h-[450px] flex flex-col\">\r\n <h3 className=\"text-2xl font-bold mb-8 text-brand-primary leading-tight\">\r\n {assessmentQuestions[currentQuestion].question}\r\n <\/h3>\r\n <textarea \r\n className=\"flex-grow w-full p-6 bg-slate-50 border border-slate-100 rounded-2xl focus:ring-2 focus:ring-brand-primary outline-none resize-none\"\r\n placeholder={assessmentQuestions[currentQuestion].placeholder}\r\n value={answers[assessmentQuestions[currentQuestion].id] || ''}\r\n onChange={e => setAnswers({...answers, [assessmentQuestions[currentQuestion].id]: e.target.value})}\r\n \/>\r\n <div className=\"mt-8 flex justify-between\">\r\n <button onClick={() => setCurrentQuestion(q => q - 1)} disabled={currentQuestion === 0} className=\"px-6 py-2 text-slate-400 font-bold\">Back<\/button>\r\n <button \r\n onClick={() => currentQuestion === assessmentQuestions.length - 1 ? submitAssessment() : setCurrentQuestion(q => q + 1)}\r\n className=\"px-10 py-3 bg-brand-primary text-white font-bold rounded-xl btn-primary-hover shadow-lg\"\r\n >\r\n {isSubmitting ? \"Sending...\" : (currentQuestion === assessmentQuestions.length - 1 ? \"Submit Application\" : \"Next\")}\r\n <\/button>\r\n <\/div>\r\n {submissionError && <p className=\"text-red-500 text-sm mt-4 font-bold text-center leading-relaxed\">{submissionError}<\/p>}\r\n <\/div>\r\n <\/div>\r\n )}\r\n\r\n {view === 'success' && (\r\n <div className=\"max-w-md mx-auto text-center bg-white p-12 rounded-3xl shadow-xl\">\r\n <div className=\"w-20 h-20 bg-emerald-50 text-emerald-500 rounded-full flex items-center justify-center mx-auto mb-6\">\r\n <Icon name=\"check-circle\" className=\"w-10 h-10\" \/>\r\n <\/div>\r\n <h2 className=\"text-3xl font-black text-brand-primary mb-4 tracking-tighter\">Success!<\/h2>\r\n <p className=\"text-slate-500 mb-8\">Thank you for your application. Our team will review it and contact you regarding the next stage should you be successful.<\/p>\r\n <button onClick={() => window.location.reload()} className=\"w-full py-3 border-2 border-slate-100 rounded-xl font-bold text-slate-400 hover:bg-slate-50\">Done<\/button>\r\n <\/div>\r\n )}\r\n <\/main>\r\n <\/div>\r\n );\r\n };\r\n\r\n const root = ReactDOM.createRoot(document.getElementById('root'));\r\n root.render(<App \/>);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2421\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2421\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> AI Instructor Positions <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2421\" class=\"elementor-element elementor-element-0ec355c e-con-full e-flex e-con e-child\" data-id=\"0ec355c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eaf9c07 elementor-widget elementor-widget-html\" data-id=\"eaf9c07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Instructor Application | Code & AI Creators Club<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #084734;\r\n --secondary: #A9E028; \/* Lemon *\/\r\n --light: #f8f9fa;\r\n --white: #ffffff;\r\n --text: #1a1a1a;\r\n --text-light: #555555;\r\n --border-color: #e5e7eb;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n body { \r\n font-family: 'Saira', sans-serif; \r\n line-height: 1.8; \r\n color: var(--text); \r\n background-color: var(--white); \r\n -webkit-font-smoothing: antialiased;\r\n font-size: 20px !important;\r\n }\r\n\r\n .container { max-width: 900px; margin: 0 auto; padding: 0 25px; }\r\n .text-center { text-align: center; }\r\n\r\n \/* Typography *\/\r\n h1, h2, h3 { color: var(--primary); line-height: 1.2; }\r\n p { color: var(--text-light); margin-bottom: 1.5rem; font-size: 20px !important; }\r\n \r\n \/* Buttons - White with Green Glow *\/\r\n .btn {\r\n display: inline-block;\r\n padding: 16px 42px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-align: center;\r\n background-color: var(--white);\r\n color: var(--primary);\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 0 20px rgba(8, 71, 52, 0.4), 0 0 10px var(--secondary);\r\n border-color: var(--secondary);\r\n }\r\n\r\n \/* Header *\/\r\n header { \r\n padding: 30px 0; \r\n border-bottom: 1px solid #eee; \r\n background: #fff;\r\n }\r\n .brand-text { \r\n font-size: 20px !important; \r\n font-weight: 500; \r\n color: var(--primary); \r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n .brand-text a {\r\n color: var(--primary);\r\n font-weight: 700;\r\n text-decoration: none;\r\n border-bottom: 2px solid var(--secondary);\r\n transition: background-color 0.2s;\r\n }\r\n .brand-text a:hover {\r\n background-color: var(--secondary);\r\n }\r\n\r\n \/* Hero *\/\r\n .hero { \r\n padding: 100px 0 80px; \r\n background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('https:\/\/images.unsplash.com\/photo-1524178232363-1fb2b075b655?q=80&w=1000');\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n .hero h1 { \r\n font-size: 3rem; \r\n font-weight: 700; \r\n margin-bottom: 20px; \r\n letter-spacing: -1px;\r\n }\r\n .subtitle {\r\n font-size: 1.25rem;\r\n font-weight: 300;\r\n color: var(--text);\r\n max-width: 700px;\r\n margin: 0 auto 30px;\r\n }\r\n .eligibility-badge {\r\n display: inline-block;\r\n background: rgba(8, 71, 52, 0.05);\r\n color: var(--primary);\r\n padding: 8px 20px;\r\n border-radius: 4px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n border-left: 4px solid var(--secondary);\r\n }\r\n\r\n \/* Job Details Grid *\/\r\n .details-section { padding: 60px 0; }\r\n .details-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 20px;\r\n margin-bottom: 60px;\r\n }\r\n .detail-card {\r\n background: var(--light);\r\n padding: 30px;\r\n border-radius: 8px;\r\n border: 1px solid var(--border-color);\r\n text-align: center;\r\n }\r\n .detail-label {\r\n display: block;\r\n text-transform: uppercase;\r\n font-size: 20px !important;\r\n letter-spacing: 1px;\r\n color: #888;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n }\r\n .detail-value {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--primary);\r\n }\r\n\r\n \/* Main Content *\/\r\n .content-block {\r\n max-width: 750px;\r\n margin: 0 auto 60px;\r\n font-size: 20px !important;\r\n }\r\n .content-block h2 {\r\n font-size: 1.75rem;\r\n margin-bottom: 20px;\r\n border-bottom: 2px solid var(--light);\r\n padding-bottom: 10px;\r\n display: inline-block;\r\n }\r\n \r\n .content-block p {\r\n font-size: 20px !important;\r\n }\r\n .content-block ul {\r\n list-style: none;\r\n margin-bottom: 20px;\r\n }\r\n .content-block li {\r\n position: relative;\r\n padding-left: 25px;\r\n margin-bottom: 15px;\r\n color: var(--text-light);\r\n }\r\n .content-block li::before {\r\n content: \"\u2022\";\r\n color: var(--secondary);\r\n font-weight: bold;\r\n font-size: 20px !important;\r\n position: absolute;\r\n left: 0;\r\n top: -5px;\r\n }\r\n\r\n \/* Deadline Box *\/\r\n .deadline-box {\r\n background: var(--primary);\r\n color: var(--white);\r\n padding: 50px;\r\n border-radius: 12px;\r\n text-align: center;\r\n margin: 60px auto;\r\n }\r\n .deadline-box h3 { color: var(--white); font-size: 2rem; margin-bottom: 10px; }\r\n .deadline-box p { color: rgba(255,255,255,0.8); font-size: 1.1rem; }\r\n .deadline-highlight {\r\n color: var(--secondary);\r\n font-weight: 700;\r\n font-size: 1.3rem;\r\n display: block;\r\n margin: 15px 0 30px;\r\n }\r\n .deadline-box .btn {\r\n border-color: var(--white); \/* Slight adjustment for dark bg visibility *\/\r\n }\r\n\r\n \/* Footer *\/\r\n footer { \r\n background: var(--light); \r\n color: var(--text); \r\n padding: 60px 0; \r\n text-align: center; \r\n border-top: 1px solid #eee;\r\n }\r\n footer p { font-size: 20px !important; margin-bottom: 0.5rem; }\r\n footer a { color: var(--primary); text-decoration: none; font-weight: 600; }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 { font-size: 2.2rem; }\r\n .details-grid { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 480px) {\r\n .details-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n <div class=\"container text-center\">\r\n <div class=\"brand-text\">\r\n <b>AIRI Foundation<\/b> × \r\n <a href=\"https:\/\/www.ulethbridge.ca\/destination-exploration\" target=\"_blank\">U of L Destination Exploration<\/a> × \r\n <a href=\"https:\/\/bipocfoundation.org\" target=\"_blank\">BIPOC Foundation<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero text-center\">\r\n <div class=\"container\">\r\n <span class=\"eligibility-badge\">ONLY current University of Lethbridge students are eligible.<\/span>\r\n <div style=\"height: 30px;\"><\/div>\r\n <h1>Teach the Future:<br>Instructor Application<\/h1>\r\n <p class=\"subtitle\">Join the Code & AI Creators Club as a mentor. Inspire the next generation of innovators.<\/p>\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAIinstructorapplication\" class=\"btn\">Apply Now<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"container details-section\">\r\n <!-- Quick Specs -->\r\n <div class=\"details-grid\">\r\n <div class=\"detail-card\">\r\n <span class=\"detail-label\">Position<\/span>\r\n <div class=\"detail-value\">Part-Time Instructor<\/div>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <span class=\"detail-label\">Pay Rate<\/span>\r\n <div class=\"detail-value\">$18 \/ Hour<\/div>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <span class=\"detail-label\">Commitment<\/span>\r\n <div class=\"detail-value\">7 Hours \/ Week<\/div>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <span class=\"detail-label\">Number of Positions<\/span>\r\n <div class=\"detail-value\">Two<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Role Description -->\r\n <div class=\"content-block\">\r\n <h2>About the Role<\/h2>\r\n <p>We are looking for enthusiastic instructors to teach <strong>Python and AI basics<\/strong> to youth ages 10\u201314. You will guide students through hands-on projects, fostering a love for technology and creative problem-solving.<\/p>\r\n \r\n <p>This is a partnership between AIRI Foundation, the University of Lethbridge Destination Exploration (DE), and BIPOC Foundation.<\/p>\r\n <\/div>\r\n\r\n <!-- Schedule -->\r\n <div class=\"content-block\">\r\n <h2>Schedule & Location<\/h2>\r\n <ul>\r\n <li><strong>Dates:<\/strong> March 14 \u2013 June 27, 2026<\/li>\r\n <li><strong>Frequency:<\/strong> Every 2nd and 4th Saturday<\/li>\r\n <li><strong>Location:<\/strong> Destination Exploration, University of Lethbridge<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Application Requirements -->\r\n <div class=\"deadline-box\">\r\n <h3>Ready to Apply?<\/h3>\r\n \r\n <span class=\"deadline-highlight\">Deadline: February 20, 2026 at 11:59 PM MST<\/span>\r\n \r\n <div style=\"text-align: left; max-width: 500px; margin: 0 auto 30px; color: rgba(255,255,255,0.9);\">\r\n <strong>Required Documents:<\/strong>\r\n <ul style=\"margin-top: 10px;\">\r\n <li>CV \/ Resume (Max 2 pages, PDF)<\/li>\r\n <li>250-word Cover Letter<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/bit.ly\/JoinCodeAIinstructorapplication\" class=\"btn\">Start Application<\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3e9d0c e-flex e-con-boxed e-con e-parent\" data-id=\"f3e9d0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Join Our Team AIRI Volunteer & Assessment Portal AI Instructor Positions Instructor Application | Code & AI Creators Club AIRI Foundation × U of L Destination Exploration × BIPOC Foundation ONLY current University of Lethbridge students are eligible. Teach the Future:Instructor Application Join the Code & AI Creators Club as a mentor. Inspire the next […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":64,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":1096,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/169\/revisions\/1096"}],"wp:attachment":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/media?parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}