So, when I left I had included pre packaged games, next I wanted to do my own simple game. I chose to do Sudoku and went around looking for examples. The one I found used CSS and Javascript to implement the game. Getting it to work as an HTML embedded page in the Drupal framework was not a problem, but when I wanted to get the CSS cleaned up and jQuery working, I had to take some time to review some of the tech and study up on jQuery, which has been evolving very quickly since I last used it about 2 years ago.
One I was able to untangle all of the ends I learned about the idoms needed to insert the code into a Drupal module properly. This was PHP code that was needed to add the CSS and JS code into the page. I still have a problem in that the JS and CSS are added explictily to each page. I could place a simple check into the code that imports the files, but that feels like a hack to me.
Next I had to break up the CSS and Javascript so it could be used. The CSS in the original misused the "id" attribute in HTML. I had to change all of the instances of id into class. Of course there is no getItemByClass in the default Javascript so I'm going to have to re-write the code that pulls the CSS into Javascript and get it to work with either a class or by name which I think is cleaner, since a class can contain more than one specifier.
The Javascript would include itself into the page but wouldn't execute until I learned about the Drupal behaviors added in Drupal 7 AND I encapsulated the code into a (function ($) { ... })(jQuery); envelope. Once that was sone things went much better.
I still have work to do on the, but I'm feeling more confident on the technology stack.