buildHtml
baseUrl https://moodleinnovate.scroll.pub
metaTags
editButton /edit.html
title Moodle Innovation Showcase
style.css

header
 class hero
 nav
  div Moodle+
   class logo
  div
   class nav-links
   a Features
    href #features
   a Demo
    href #demo
   a Code
    href #code
 div
  class hero-content
  h1 True Moodle Innovation
  p We modified Moodle's core to create new educational experiences
  a View Demo
   class primary-button
   href #demo
main
 section
  id features
  class features
  h2 Core Innovations
  div
   class feature-grid
   div
    class feature-card
    div 📝
     class feature-icon
    h3 Native Chat System
    p Built directly into Moodle's messaging architecture
   div
    class feature-card
    div 💼
     class feature-icon
    h3 Career Portal
    p Integrated job matching using Moodle's competency framework
   div
    class feature-card
    div 🎥
     class feature-icon
    h3 Video Classroom
    p Custom video conferencing built on Moodle's groups system
   div
    class feature-card
    div 🔍
     class feature-icon
    h3 Code Review
    p See our actual Moodle core modifications
 section
  id demo
  class demo-section
  h2 Live Demonstration
  div
   class demo-container
   div
    class demo-window
    div
     class demo-header
     span demo.moodleinnovate.scroll.pub
    div
     class demo-content
    iframe
     src demo-frame.html
     class moodle-demo
 section
  id code
  class code-section
  h2 Core Modifications
  div
   class code-tabs
   button
    class tab-button active
    onclick showTab('messaging')
    Messaging System
   button
    class tab-button
    onclick showTab('jobs')
    Job Portal
   button
    class tab-button
    onclick showTab('video')
    Video Classroom
  div
   class code-container
   pre
    class code-example active
    id messaging-code
   pre
    class code-example
    id jobs-code
   pre
    class code-example
    id video-code
footer
 div
  class footer-content
  p Educational Technology Project - University Assignment