update ioccc.css, add HTML templates & test page

The ioccc.css Cascading Style Sheet has updated.
This CSS will serve as a model for generated HTML pages,
especially HTML generated form markdown.
The top level HTML pages will also use this CSS.

This CSS is intended to be functional, black/gray/white, and
good enough for testing purposes.

Added HTML page templates that will be used
by tools in forming HTML pages:

* tmp/template-top.html
* tmp/template-header.html
* tmp/template-footer.html

See the modified
[tmp/README.md](https://ioccc-src.github.io/temp-test-ioccc/tmp/README.md#templates)
for info on the HTML page templates.

Added a test page containing dummy HTML:

* [tmp/test.html](https://ioccc-src.github.io/temp-test-ioccc/tmp/test.html)

This test page was generated from the above mentioned HTML page templates.
It is designed for 3 screen sizes:

* wide screens: 801 pixels wide and larger
* medium-sized screens: 401 pixels to 800 pixels wide
* small-sized screens: 400 pixels wide and smaller

NOTE: Some of top and side bar navigation links do not (yet) work.

If all goes well, the main web site can launch with web pages that
are based on the final ioccc.css.  After the main web site is update,
a web designer can improve the look and feel of the web site by
adjusting the ioccc.css, the HTML templates, and the tools used to
generate HTML content.

tmp/README.md

@@ -587,6 +587,34 @@ Examples:
 ./run_all.sh -v 1 ./gen_winner_json.sh
 ```
 
+### templates
+### [template-footer.html](template-footer.html)
+### [template-header.html](template-header.html)
+### [template-top.html](template-top.html)
+
+An HTML template for what goes into the top of constructed HTML pages.
+
+Constructed HTML pages will be as follows:
+
+0. [template-top.html](template-top.html)
+1. file: _path_ HTML comment
+2. created by tool: _tool-name_ HTML comment
+3. tool version: _tool-version_ HTML comment
+4. content source: _path_ HTML comment
+... possible multiple content source HTML comments ...
+n. [template-header.html])(template-header.html)
+n+1. _content generated by a tool such as pandoc_
+n+2. [template-footer.html](template-footer.html)
+
+
+### [test.html](test.html)
+
+A test page for [ioccc.css](../ioccc.css).
+
+This page was modeled after the above mentioned templates
+with the "_content generated by a tool such as pandoc_"
+replaced with some j-random test text.
+
 
 ### [winner_dir.txt](winner_dir.txt)