Changes

=== Design Philosophy ===

=== Design Philosophy ===

A Karma lesson is composed of an xhtml5 document, javascript code, and css stylesheets. Karma should be very easy for inexperienced developers to understand and work with. Even non-programmers should be able to make visible changes by tweaking the code and liberal use of cut-and-paste. Complexities such as integration with pootle, local storage, and certain types of animation should be abstracted so that novice developers don't have to understand them in order to effectively use Karma. Karma strictly adheres to the Model-View-Controller Pattern and similarly to unobtrusive JavaScript. In essence. you should be able to substantially change the look and feel of a Karma lesson by modifying the CSS without having to understand the JavaScript code.

A Karma lesson is composed of a valid xhtml5 document, javascript code, and css stylesheets. Karma should be very easy for inexperienced developers to understand and work with. Even non-programmers should be able to make visible changes by tweaking the code and liberal use of cut-and-paste. Complexities such as integration with pootle, local storage, and certain types of animation should be abstracted so that novice developers don't have to understand them in order to effectively use Karma. Karma strictly adheres to the Model-View-Controller Pattern and similarly to unobtrusive JavaScript. In essence. you should be able to substantially change the look and feel of a Karma lesson by modifying the CSS without having to understand the JavaScript code.

=== Technical Architecture ===

=== Technical Architecture ===

* Moodle Integrationn -- method to be determined

* Moodle Integrationn -- method to be determined

* High-Level layout of a lesson

* High-Level layout of a lesson

   lesson_name/

   lesson_name/

               index.html              # valid xhtml5 -- markup only includes visual elements and links in other resources, no inline code or styling

               index.html              # valid xhtml5 -- markup only includes visual elements and links in other resources, no inline code or styling