This PR creates a comprehensive website for the African Education Framework - a practical digital transformation blueprint for K-12 schools across Africa. The framework provides everything schools need: implementation guides, budget templates, technology specifications, and proven strategies.
Branch: claude/african-education-framework-011CUV59PjEmQTjSHPnCfnFb
A complete, production-ready static site featuring:
- Homepage - Framework-focused landing page
- Framework Documentation - Complete 10-section implementation guide
- Blog - 3 initial articles on implementation insights
- About Page - Founder story and framework origin
Purpose: Showcase framework value for schools (not Nyuchi branding)
Sections:
-
Hero: "K-12 Digital Transformation Framework for African Schools"
- Emphasizes practical blueprint for African realities
- Stats: $181K over 3 years, 60-80% savings, mobile-first
- CTAs: "View Complete Framework" + "See Implementation"
-
Core Principles: 6 cards highlighting framework values
- Universal Access, Mobile-First, Digital Literacy
- Cost Efficient, Data-Driven, Community-Centered
-
Why This Matters: Statistics on digital transformation opportunity
- Internet growth: 37.4% → 67.5%
- 2050 job market requirements
- Cost reduction potential
-
What Your School Gets: 6 practical benefit cards
- Complete Implementation Guide (3-year roadmap)
- Technology Stack Recommendations (Moodle, PostgreSQL)
- Budget & Funding Strategy ($181K breakdown)
- Digital Literacy Curriculum (K-12 progression)
- AI & Analytics Framework
- Equity & Accessibility measures
-
3-Year Implementation Roadmap
- Year 1: Foundation ($78K)
- Year 2: Integration & Insight ($59K)
- Year 3: Optimization & Sustainability ($44K)
-
CTA Section: "Ready to Start Your Digital Transformation?"
- Action-oriented with framework access emphasis
- Nyuchi credit: "Created by Nyuchi Africa • Built by educators, for education"
Complete 10-section guide:
- Executive Overview - Framework introduction
- Foundational Principles - Core values and context
- Technology Infrastructure - Cloud & open-source stack
- Digital Access & Connectivity - Addressing digital divide
- Digital Literacy & Competency - K-12 curriculum progression
- Core Digital Experience Platforms - Student, staff, parent systems
- AI & Analytics Strategic Layer - Use cases and governance
- Implementation Roadmap - 3-year phased approach
- Cost Analysis & Budget Framework - Complete breakdown
- Equity, Inclusion & Accessibility - Standards and measures
Plus: Success metrics (KPIs) and Vision for 2050
3 Initial Articles:
-
"Launching the African Education Digital Framework"
- Framework introduction and vision
- Core principles and differentiators
- Implementation timeline
-
"Why Open-Source Matters for African Schools"
- Cost savings analysis (60-80%)
- Key tools: Moodle, PostgreSQL, Superset, Nextcloud
- Beyond cost: customization, privacy, learning
-
"Digital Literacy: More Than Just Using Technology"
- Critical thinking over tool-focused education
- K-12 progression from citizenship to AI collaboration
- Cross-curricular integration
Comprehensive background:
-
Mission: Ubuntu-driven democratization of educational technology
-
Our Founder's Journey: Bryan Fawcett's story in 5 steps
- The Spark: Childhood fascination with computers
- The Awakening: Teaching in South Africa
- The Journey: Built on dusty African roads
- The Commitment: Zimbabwe registration 2019
- The Mission Today: Education framework
-
What Makes Us Different: 5 key differentiators
-
Core Components: All 10 framework areas
-
Who This Is For: 6 target audiences
-
Vision for 2050
✅ Zimbabwe Flag Strip - 8px vertical strip on left edge (all pages) ✅ Zimbabwe Flag Colors:
- Green (#00A651) - Primary actions, success
- Yellow (#FDD116) - Highlights, Ubuntu messages
- Red (#EF3340) - Errors, urgent actions
- Black (#000000) - Backgrounds, text
✅ Typography:
- Playfair Display for all headings
- Roboto for body text
- Google Fonts integration
✅ Pill-Shaped Buttons - border-radius: 9999px (CRITICAL) ✅ Ubuntu Philosophy - "I am because we are" throughout
- Framework is the hero, not the company
- Nyuchi Africa as credible creator, not product
- Education-first messaging with Ubuntu principles
- Practical value for schools emphasized
- Initial Astro project setup
- Homepage, framework, blog, about pages
- Complete content implementation
- Blog with 3 articles
- README and deployment guide
- Zimbabwe flag strip implementation
- Color scheme update to flag colors
- Typography: Playfair Display + Roboto
- Pill-shaped buttons throughout
- Ubuntu-centered messaging
- Nyuchi Africa branding elements
- Education-first messaging
- Remote-first story (dusty roads narrative)
- Zimbabwe commitment (2019 registration, reinvestment)
- Bryan Fawcett's complete journey (5 steps)
- Enhanced footer with commitment line
- Changed from brand-heavy to framework-first
- Hero emphasizes practical blueprint
- Removed Nyuchi story from main page
- Added "What Your School Gets" section (6 benefits)
- Action-oriented CTAs focused on framework access
- Nyuchi credit moved to footer/about page
- Framework: Astro 4.15.0 (static site generator)
- Styling: CSS with custom properties (Zimbabwe colors)
- Fonts: Google Fonts (Playfair Display, Roboto)
- Integrations: MDX for blog, Sitemap
- Deployment: Configured for Vercel
- Performance: Static HTML generation for speed
/
├── public/
│ └── favicon.svg
├── src/
│ ├── layouts/
│ │ └── BaseLayout.astro # Global layout with flag strip
│ ├── pages/
│ │ ├── index.astro # Homepage (framework-focused)
│ │ ├── framework.astro # Complete documentation
│ │ ├── about.astro # Founder story & mission
│ │ └── blog/
│ │ ├── index.astro # Blog index
│ │ ├── launching-the-framework.astro
│ │ ├── why-open-source.astro
│ │ └── digital-literacy-importance.astro
├── astro.config.mjs # Astro configuration
├── package.json # Dependencies
├── tsconfig.json # TypeScript config
├── vercel.json # Vercel deployment config
├── DEPLOYMENT.md # Deployment guide
└── README.md # Project documentation
- Zimbabwe flag strip on all pages (8px, left edge)
- All buttons pill-shaped (border-radius: 9999px)
- Zimbabwe flag colors throughout
- Playfair Display for headings
- Roboto for body text
- Ubuntu philosophy evident
- "Nyuchi Africa" (not "Ubuntu" as brand name)
- Community-focused language ("we" not "I")
- Framework is primary focus
- Practical value for schools emphasized
- Implementation guides prominent
- Budget and cost information clear
- Technology specifications detailed
- Nyuchi as credibility (not marketing)
- Mobile-responsive design
- WCAG AA accessibility
- SEO optimized (meta tags, sitemap)
- Fast loading (static generation)
- Vercel deployment ready
What it is: A practical, comprehensive digital transformation framework Who it's for: African schools and educational institutions Who created it: Nyuchi Africa (educator-founded, Zimbabwe-based) What you get: Implementation guides, budgets, tech specs, curricula, AI strategies Why it matters: Prepares students for 2050 job market affordably and sustainably
- Clear 3-year implementation roadmap
- 60-80% cost savings vs commercial solutions
- Complete technology stack guidance
- Digital literacy curriculum (K-12)
- AI-powered insights and early warning systems
- Equity and accessibility built-in
- Professional resource for African educators
- Clear framework value proposition
- Practical implementation guidance
- Credible author (Nyuchi Africa with education roots)
- Ubuntu philosophy woven throughout
-
Via Vercel Dashboard:
- Go to https://vercel.com
- Click "Add New..." → "Project"
- Import
nyuchitech/learningrepository - Select branch:
claude/african-education-framework-011CUV59PjEmQTjSHPnCfb - Vercel auto-detects Astro
- Click "Deploy"
-
Via Vercel CLI:
npm install -g vercel vercel login vercel --prod
See DEPLOYMENT.md for complete instructions.
- Focus: This is an educational resource website, not a Nyuchi marketing site
- Brand Role: Nyuchi Africa provides credibility through visual identity and footer credits
- Primary Goal: Help African schools implement digital transformation
- Framework First: All content emphasizes practical value for educators
- Verify Zimbabwe flag strip appears on all pages
- Check all buttons are pill-shaped
- Confirm framework content is prominent
- Validate Nyuchi branding is in background (not foreground)
- Test mobile responsiveness
- Review About page for founder story
- Verify blog posts are accessible
- Check footer credits and links
Created by Nyuchi Africa • Built by educators, for education • Ubuntu: I am because we are 🇿🇼