summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--include/document.tmpl69
-rw-r--r--include/main.css102
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;
+}