summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--templates/page.tmpl319
-rw-r--r--templates/style.css190
2 files changed, 316 insertions, 193 deletions
diff --git a/templates/page.tmpl b/templates/page.tmpl
index 8659018..2516e1d 100644
--- a/templates/page.tmpl
+++ b/templates/page.tmpl
@@ -1,196 +1,129 @@
-<TMPL_IF HTML5><!DOCTYPE html>
-<html>
-<TMPL_ELSE><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-</TMPL_IF>
-<head>
-<TMPL_IF DYNAMIC>
-<TMPL_IF FORCEBASEURL><base href="<TMPL_VAR FORCEBASEURL>" /><TMPL_ELSE>
-<TMPL_IF BASEURL><base href="<TMPL_VAR BASEURL>" /></TMPL_IF>
-</TMPL_IF>
-</TMPL_IF>
-<TMPL_IF HTML5><meta charset="utf-8" /><TMPL_ELSE><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></TMPL_IF>
-<title><TMPL_VAR TITLE></title>
-<TMPL_IF FAVICON>
-<link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
-</TMPL_IF>
-<link rel="stylesheet" href="<TMPL_VAR BASEURL>style.css" type="text/css" />
-<TMPL_IF LOCAL_CSS>
-<link rel="stylesheet" href="<TMPL_VAR BASEURL><TMPL_VAR LOCAL_CSS>" type="text/css" />
-<TMPL_ELSE>
-<link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css" type="text/css" />
-</TMPL_IF>
-<TMPL_IF EDITURL>
-<link rel="alternate" type="application/x-wiki" title="Edit this page" href="<TMPL_VAR EDITURL>" />
-</TMPL_IF>
-<TMPL_IF FEEDLINKS><TMPL_VAR FEEDLINKS></TMPL_IF>
-<TMPL_IF RELVCS><TMPL_VAR RELVCS></TMPL_IF>
-<TMPL_IF META><TMPL_VAR META></TMPL_IF>
-</head>
-<body>
-
-<TMPL_IF HTML5><article class="page"><TMPL_ELSE><div class="page"></TMPL_IF>
-
-<TMPL_IF HTML5><section class="pageheader"><TMPL_ELSE><div class="pageheader"></TMPL_IF>
-<TMPL_IF HTML5><header class="header"><TMPL_ELSE><div class="header"></TMPL_IF>
-<span>
-<span class="parentlinks">
-<TMPL_LOOP PARENTLINKS>
-<a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>/
-</TMPL_LOOP>
-</span>
-<span class="title">
-<TMPL_VAR TITLE>
-<TMPL_IF ISTRANSLATION>
-&nbsp;(<TMPL_VAR PERCENTTRANSLATED>%)
-</TMPL_IF>
-</span>
-</span>
-<TMPL_IF SEARCHFORM>
-<TMPL_VAR SEARCHFORM>
-</TMPL_IF>
-<TMPL_IF HTML5></header><TMPL_ELSE></div></TMPL_IF>
-
-<TMPL_IF HAVE_ACTIONS>
-<TMPL_IF HTML5><nav class="actions"><TMPL_ELSE><div class="actions"></TMPL_IF>
-<ul>
-<TMPL_IF EDITURL>
-<li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
-</TMPL_IF>
-<TMPL_IF RECENTCHANGESURL>
-<li><a href="<TMPL_VAR RECENTCHANGESURL>">RecentChanges</a></li>
-</TMPL_IF>
-<TMPL_IF HISTORYURL>
-<li><a href="<TMPL_VAR HISTORYURL>">History</a></li>
-</TMPL_IF>
-<TMPL_IF GETSOURCEURL>
-<li><a href="<TMPL_VAR GETSOURCEURL>">Source</a></li>
-</TMPL_IF>
-<TMPL_IF PREFSURL>
-<li><a href="<TMPL_VAR PREFSURL>">Preferences</a></li>
-</TMPL_IF>
-<TMPL_IF ACTIONS>
-<TMPL_LOOP ACTIONS>
-<li><TMPL_VAR ACTION></li>
-</TMPL_LOOP>
-</TMPL_IF>
-<TMPL_IF COMMENTSLINK>
-<li><TMPL_VAR COMMENTSLINK></li>
-<TMPL_ELSE>
-<TMPL_IF DISCUSSIONLINK>
-<li><TMPL_VAR DISCUSSIONLINK></li>
-</TMPL_IF>
-</TMPL_IF>
-</ul>
-<TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
-</TMPL_IF>
-
-<TMPL_IF OTHERLANGUAGES>
-<TMPL_IF HTML5><nav id="otherlanguages"><TMPL_ELSE><div id="otherlanguages"></TMPL_IF>
-<ul>
-<TMPL_LOOP OTHERLANGUAGES>
-<li>
-<a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
-<TMPL_IF MASTER>
-(master)
-<TMPL_ELSE>
-&nbsp;(<TMPL_VAR PERCENT>%)
-</TMPL_IF>
-</li>
-</TMPL_LOOP>
-</ul>
-<TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
-</TMPL_IF>
+<!doctype html>
-<TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
-
-<TMPL_IF SIDEBAR>
-<TMPL_IF HTML5><aside class="sidebar"><TMPL_ELSE><div class="sidebar"></TMPL_IF>
-<TMPL_VAR SIDEBAR>
-<TMPL_IF HTML5></aside><TMPL_ELSE></div></TMPL_IF>
-</TMPL_IF>
-
-<div id="pagebody">
-
-<TMPL_IF HTML5><section id="content"><TMPL_ELSE><div id="content"></TMPL_IF>
+<html>
+ <head>
+ <TMPL_UNLESS PARENTLINKS>
+ <title><TMPL_VAR WIKINAME></title>
+ <TMPL_ELSE>
+ <title><TMPL_VAR TITLE> - <TMPL_VAR WIKINAME></title>
+ </TMPL_IF>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <link rel="stylesheet" href="<TMPL_VAR BASEURL>style.css" type="text/css" />
+ <link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
+ <TMPL_IF EDITURL>
+ <link rel="alternate" type="application/x-wiki" title="Edit this page" href="<TMPL_VAR EDITURL>" />
+ </TMPL_IF>
+ <TMPL_IF FEEDLINKS>
+ <TMPL_VAR FEEDLINKS>
+ </TMPL_IF>
+ <TMPL_IF RELVCS>
+ <TMPL_VAR RELVCS>
+ </TMPL_IF>
+ <TMPL_IF META>
+ <TMPL_VAR META>
+ </TMPL_IF>
+ </head>
+ <body>
+ <a href="#body" class="skip">Skip to body</a>
+ <header>
+ <div class="logo"><a href="//os.pehjota.net/">Embedded OS</a></div>
+ <div class="nav">
+ <ul>
+ <li><a href="http://os.pehjota.net/about">About</a></li>
+ <li><a href="http://os.pehjota.net/contact">Contact</a></li>
+ <li><a href="http://os.pehjota.net/dev">Development</a></li>
+ <li><a href="http://packages.os.pehjota.net/">Packages</a></li>
+ <li><a href="http://os.pehjota.net/doc">Documentation</a></li>
+ </ul>
+ </div>
+ </header>
+ <div class="main">
+ <div class="sidebar">
+ <TMPL_IF HAVE_ACTIONS>
+ <div>
+ <h2>Wiki</h2>
+ <ul>
+ <TMPL_IF RECENTCHANGESURL>
+ <li><a href="<TMPL_VAR RECENTCHANGESURL>">RecentChanges</a></li>
+ </TMPL_IF>
+ <TMPL_IF PREFSURL>
+ <li><a href="<TMPL_VAR PREFSURL>">Preferences</a></li>
+ </TMPL_IF>
+ <TMPL_IF SEARCHFORM>
+ <TMPL_VAR SEARCHFORM>
+ </TMPL_IF>
+ </ul>
+ </div>
+ <div>
+ <h2>Page</h2>
+ <ul>
+ <TMPL_IF EDITURL>
+ <li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
+ </TMPL_IF>
+ <TMPL_IF GETSOURCEURL>
+ <li><a href="<TMPL_VAR GETSOURCEURL>">Source</a></li>
+ </TMPL_IF>
+ <TMPL_IF HISTORYURL>
+ <li><a href="<TMPL_VAR HISTORYURL>">History</a></li>
+ </TMPL_IF>
+ <TMPL_IF DISCUSSIONLINK>
+ <li><TMPL_VAR DISCUSSIONLINK></li>
+ </TMPL_IF>
+ <TMPL_IF ACTIONS>
+ <TMPL_LOOP ACTIONS>
+ <li><TMPL_VAR ACTION></li>
+ </TMPL_LOOP>
+ </TMPL_IF>
+ </ul>
+ </div>
+ </TMPL_IF>
+ <TMPL_IF OTHERLANGUAGES>
+ <div>
+ <h2>Other Languages</h2>
+ <ul>
+ <TMPL_LOOP OTHERLANGUAGES>
+ <li>
+ <a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
+ <TMPL_IF MASTER>
+ (master)
+ <TMPL_ELSE>
+ &nbsp;(<TMPL_VAR PERCENT>%)
+ </TMPL_IF>
+ </li>
+ </TMPL_LOOP>
+ </ul>
+ </div>
+ </TMPL_IF>
+ <TMPL_IF SIDEBAR>
+ <div>
+ <TMPL_VAR SIDEBAR>
+ </div>
+ </TMPL_IF>
+ </div>
+ <div class="body">
+ <header class="title">
+ <TMPL_UNLESS TITLE_OVERRIDDEN>
+ <span class="parentlinks">
+ <TMPL_LOOP PARENTLINKS>
+ <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>/
+ </TMPL_LOOP>
+ </span>
+ </TMPL_IF>
+ <span class="title">
+ <TMPL_VAR TITLE>
+ <TMPL_IF ISTRANSLATION>
+ &nbsp;(<TMPL_VAR PERCENTTRANSLATED>%)
+ </TMPL_IF>
+ </span>
+ </header>
<TMPL_VAR CONTENT>
-<TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
-
-<TMPL_UNLESS DYNAMIC>
-<TMPL_IF COMMENTS>
-<TMPL_IF HTML5><section id="comments"><TMPL_ELSE><div id="comments"></TMPL_IF>
-<TMPL_VAR COMMENTS>
-<TMPL_IF ADDCOMMENTURL>
-<div class="addcomment">
-<a href="<TMPL_VAR ADDCOMMENTURL>">Add a comment</a>
-</div>
-<TMPL_ELSE>
-<div class="addcomment">Comments on this page are closed.</div>
-</TMPL_IF>
-<TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
-</TMPL_IF>
-</TMPL_UNLESS>
-
-</div>
-
-<TMPL_IF HTML5><footer id="footer" class="pagefooter"><TMPL_ELSE><div id="footer" class="pagefooter"></TMPL_IF>
-<TMPL_UNLESS DYNAMIC>
-<TMPL_IF HTML5><nav id="pageinfo"><TMPL_ELSE><div id="pageinfo"></TMPL_IF>
-
-<TMPL_IF TAGS>
-<TMPL_IF HTML5><nav class="tags"><TMPL_ELSE><div class="tags"></TMPL_IF>
-Tags:
-<TMPL_LOOP TAGS>
-<TMPL_VAR LINK>
-</TMPL_LOOP>
-<TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
-</TMPL_IF>
-
-<TMPL_IF BACKLINKS>
-<TMPL_IF HTML5><nav id="backlinks"><TMPL_ELSE><div id="backlinks"></TMPL_IF>
-Links:
-<TMPL_LOOP BACKLINKS>
-<a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
-</TMPL_LOOP>
-<TMPL_IF MORE_BACKLINKS>
-<span class="popup">...
-<span class="balloon">
-<TMPL_LOOP MORE_BACKLINKS>
-<a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
-</TMPL_LOOP>
-</span>
-</span>
-</TMPL_IF>
-<TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
-</TMPL_IF>
-
-<TMPL_IF COPYRIGHT>
-<div class="pagecopyright">
-<a name="pagecopyright"></a>
-<TMPL_VAR COPYRIGHT>
-</div>
-</TMPL_IF>
-
-<TMPL_IF LICENSE>
-<div class="pagelicense">
-<a name="pagelicense"></a>
-License: <TMPL_VAR LICENSE>
-</div>
-</TMPL_IF>
-
-<div class="pagedate">
-Last edited <TMPL_VAR MTIME>
-<!-- Created <TMPL_VAR CTIME> -->
-</div>
-
-<TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
-<TMPL_IF EXTRAFOOTER><TMPL_VAR EXTRAFOOTER></TMPL_IF>
-</TMPL_UNLESS>
-<!-- from <TMPL_VAR WIKINAME> -->
-<TMPL_IF HTML5></footer><TMPL_ELSE></div></TMPL_IF>
-
-<TMPL_IF HTML5></article><TMPL_ELSE></div></TMPL_IF>
-
-</body>
+ </div>
+ </div>
+ <footer>
+ <div class="pagedate">
+ Last edited <TMPL_VAR MTIME>
+ <!-- Created <TMPL_VAR CTIME> -->
+ </div>
+ </footer>
+ </body>
</html>
diff --git a/templates/style.css b/templates/style.css
new file mode 100644
index 0000000..e5a0d52
--- /dev/null
+++ b/templates/style.css
@@ -0,0 +1,190 @@
+* {
+ margin: 0px;
+ padding: 0px;
+ font-family: sans-serif;
+ color: #000000;
+}
+
+body {
+ background-color: #EEEEEE;
+}
+
+header {
+ font-size: 16pt;
+ border-width: 0px 0px 1px 0px;
+ border-style: solid;
+ border-color: #999999;
+ margin: 0px 0px 12px 0px;
+}
+h1 {
+ font-size: 14pt;
+ margin: 0px 0px 12px 0px;
+}
+h2 {
+ font-size: 12pt;
+ margin: 0px 0px 12px 0px;
+}
+h3 {
+ font-size: 10pt;
+ margin: 0px 0px 12px 0px;
+}
+p {
+ font-size: 10pt;
+ margin: 0px 0px 12px 0px;
+}
+li {
+ font-size: 10pt;
+}
+code {
+ background-color: #EEEECC;
+ font-family: monospace;
+}
+a:link, a:link *, a:visited, a:visited * {
+ color: #0F1FA0;
+ text-decoration: none;
+}
+a:hover, a:hover *, a:active, a:active * {
+ color: #333333;
+ text-decoration: underline;
+}
+a[name]:hover {
+ color: #000000;
+ text-decoration: none;
+}
+ul {
+ margin: 0px 0px 12px 16px;
+}
+dl {
+ margin: 0px 0px 12px 0px;
+}
+dl dt {
+ margin: 0px 0px 4px 0px;
+ font-size: 10pt;
+}
+dl dd {
+ margin: 0px 0px 4px 16px;
+ font-size: 10pt;
+}
+
+a.skip {
+ display: none;
+}
+
+nav {
+ background-color: #555555;
+ padding: 8px;
+ border-bottom: 4px solid #0F1FA0;
+ height: 64px;
+}
+nav .logo {
+ height: 64px;
+ background: url("http://os.pehjota.net/media/logo.png") no-repeat scroll 0 0;
+ float: left;
+}
+nav .logo a {
+ display: block;
+ padding: 0px 0px 0px 68px;
+ height: 64px;
+ font-size: 18pt;
+ font-weight: bold;
+ line-height: 64px;
+ text-decoration: none;
+ color: #C0C0D0;
+}
+nav div.nav {
+ margin: 0px 0px 0px 64px;
+}
+nav div.nav ul {
+ float: right;
+ display: inline;
+ height: 64px;
+ line-height: 64px;
+ list-style-type: none;
+ margin: 0px;
+ padding: 0px;
+}
+nav div.nav ul li {
+ float: left;
+ margin: 0px;
+}
+nav div.nav ul li a {
+ display: block;
+ font-weight: bold;
+ font-size: 12pt;
+ margin: 0px;
+ padding: 0px 16px 0px 16px;
+ text-decoration: none;
+ color: #DDDDDD;
+}
+nav div.nav ul li a:hover {
+ color: #CCCC33;
+}
+
+div.main {
+ margin: 16px 24px 16px 24px;
+}
+div.sidebar {
+ margin: 0px 0px 8px 0px;
+ float: right;
+}
+div.sidebar div {
+ margin: 0px 0px 8px 0px;
+ border: 2px solid #0F1FA0;
+ width: 300px;
+}
+div.sidebar div h2 {
+ background-color: #0F1FA0;
+ color: #FFFFFF;
+ margin: 0px;
+ padding: 2px;
+}
+div.sidebar div p, div.sidebar div ul {
+ margin-bottom: 0px;
+ padding: 8px;
+}
+div.body {
+ margin-right: 320px;
+}
+
+div.features {
+ position: relative;
+}
+div.features h2 {
+ text-align: center;
+}
+div.features div {
+ display: inline;
+ float: left;
+ width: 50%;
+}
+div.features div.a {
+ clear: left;
+}
+div.features div h3 {
+ margin: 4px;
+}
+div.features div p {
+ margin: 12px;
+}
+
+footer {
+ border-width: 1px 0px 0px 0px;
+ border-style: solid;
+ border-color: #999999;
+ margin: 16px 24px 8px 24px;
+ padding: 8px 0px 0px 0px;
+ clear: both;
+}
+footer p, footer p * {
+ font-size: 8pt;
+ text-align: center;
+ color: #666666;
+}
+footer p a:link, footer p a:visited, footer p a:hover, footer p a:active {
+ color: #666666;
+ text-decoration: underline;
+}
+footer p span.super {
+ vertical-align: 33%;
+ font-size: 6pt;
+}