diff options
| -rw-r--r-- | include/document.tmpl | 69 | ||||
| -rw-r--r-- | include/main.css | 102 |
2 files changed, 171 insertions, 0 deletions
diff --git a/include/document.tmpl b/include/document.tmpl new file mode 100644 index 0000000..cb8fde4 --- /dev/null +++ b/include/document.tmpl @@ -0,0 +1,69 @@ +<!doctype html> + +<html> + <head> + <meta charset="utf-8"> +<TMPL_IF NAME="IS_INDEX"> + <title><TMPL_VAR NAME="BOOK_TITLE"> - <TMPL_VAR NAME=TITLE></title> +<TMPL_ELSE> + <title><TMPL_VAR NAME="BOOK_TITLE"></title> +</TMPL_IF> + <link type="text/css" rel="stylesheet" href="main.css"> + <link rel="start" href="index.html"> +<TMPL_IF NAME="PREV_LINK"> + <link rel="prev" href="<TMPL_VAR NAME="PREV_LINK">"> +</TMPL_IF> +<TMPL_IF NAME="NEXT_LINK"> + <link rel="next" href="<TMPL_VAR NAME="NEXT_LINK">"> +</TMPL_IF> + </head> + <body> + <header> + <nav> + <ul> +<TMPL_IF NAME="PREV_LINK"> + <li class="prev"> + <a href="<TMPL_VAR NAME="PREV_LINK">">Prev</a> + </li> +</TMPL_IF> +<TMPL_IF NAME="NEXT_LINK"> + <li class="next"> + <a href="<TMPL_VAR NAME="NEXT_LINK">">Next</a> + </li> +</TMPL_IF> + <li class="start"> + <a href="index.html">Home</a> + </li> + </ul> + </nav> + <h1><TMPL_VAR NAME="BOOK_TITLE"></h1> +<TMPL_UNLESS NAME="IS_INDEX"> + <h2><TMPL_VAR NAME="CHAPT_TITLE"></h2> +</TMPL_UNLESS> + </header> + <section> +<TMPL_VAR NAME="BODY"> + </section> + <footer> + <nav> + <ul> +<TMPL_IF NAME="PREV_LINK"> + <li class="prev"> + <a href="<TMPL_VAR NAME="PREV_LINK">">Prev</a> + <TMPL_VAR NAME="PREV_TITLE"> + </li> +</TMPL_IF> +<TMPL_IF NAME="NEXT_LINK"> + <li class="next"> + <a href="<TMPL_VAR NAME="NEXT_LINK">">Next</a> + <TMPL_VAR NAME="NEXT_TITLE"> + </li> +</TMPL_IF> + <li class="start"> + <a href="index.html">Home</a> + </li> + </ul> + </nav> + </footer> + </body> +</html> diff --git a/include/main.css b/include/main.css new file mode 100644 index 0000000..dccaa3b --- /dev/null +++ b/include/main.css @@ -0,0 +1,102 @@ +* { + margin: 0px; + padding: 0px; + font-family: serif; + color: #000000; +} +body { + margin: 0px; + padding: 0px 12px; + background-color: #E0E0E0; +} +h1, h2 { + font-weight: bold; +} +a { + color: #0000FF; + text-decoration: underline; +} + +nav { + margin: 0px; + padding: 24px 12px; + height: 1%; + overflow: auto; +} +header nav { + border-bottom: 1px solid #666666; + margin-bottom: 24px +} +footer nav { + border-top: 1px solid #666666; + margin-top: 24px +} +nav ul { + display: inline; + list-style-type: none; +} +nav ul li.prev { + float: left; + width: 40%; + text-align: left; +} +nav ul li.next { + float: right; + width: 40%; + text-align: right; +} +nav ul li a { + display: block; +} +footer nav ul li a { + margin-bottom: 8px; +} +nav ul li.start { + text-align: center; + width: 20%; + margin: 0px auto; +} +header h1 { + font-size: 20pt; + font-weight: bold; + margin: 6px 12px; +} +header h2 { + font-size: 18pt; + font-weight: bold; + margin: 6px 12px; +} + +section { + margin: 0px; + margin: 12px 12px 24px 12px; +} + +section h1 { + font-size: 16pt; + font-weight: bold; + margin: 0px 0px 12px 0px; +} +section h2 { + font-size: 14pt; + font-weight: bold; + margin: 0px 0px 12px 0px; +} +section p { + font-size: 12pt; + margin: 0px 0px 12px 0px; +} +section li { + font-size: 12pt; +} +section code { + background-color: #EEEECC; + font-family: monospace; +} +section pre { + background-color: #EEEECC; + margin: 0px 0px 12px 16px; +} +section ul, section ol { + margin: 0px 0px 12px 16px; +} |