diff options
| -rw-r--r-- | templates/page.tmpl | 319 | ||||
| -rw-r--r-- | templates/style.css | 190 |
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> - (<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> - (<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> + (<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> + (<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; +} |