summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorJonas Smedegaard <dr@jones.dk>2009-07-20 17:33:24 +0200
committerJonas Smedegaard <dr@jones.dk>2009-07-20 21:51:01 +0200
commit8ef7ec4db9386eb5842f33b975cd1a5c45757c6b (patch)
treee64d64737008d860e6450df50e792a57c8c31711 /templates
parent22274668392ce0c47eb4ba62364fc3579bc82750 (diff)
The website http://blog.html.it/layoutgala/ present a simple yetlayoutgala
flexible html structure allowing 40 different visualisations by changing only CSS. As of 3.14159, ikiwiki (with sidebar plugin) use this DIV structure: .pageheader .header #sidebar #content #footer Layout Gala use the following DIV structure: #container #header #wrapper #content #navigation #extra #footer With this patch the following DIV structure is used: #container .pageheader .header #contentwrapper #content #sidebar #farbar #footer More detailed, the following is changed: * container added around whole body + needed for Layout Gala + allows setting cosmetic outer space/coloring around whole body * sidebar moved below content + needed for Layout Gala + considered by some to improve accessibility + considered by some to improve search engine ranking (a.k.a. "SEO") * farbar added (needs clone of sidebar plugin to be of use) + no grand benefit - but hurts noone if unused either The following deliberately differ from Layout Gala: * header is a class, not an id + too intrusive to change: many iki sites may rely on current class + too ugly to add: technically possible to extend .pageheader to also be #header while preserving .header, but too confusing with both .header and #header meaning different things. * sidebar instead of navigation + too intrusive to change... * farbar instead of extra + when sidebar is kept, extend it - inspired by discussion at http://green-beast.com/blog/?p=117 This continues to fit pretty well with the proposed naming scheme at http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html (as it did already with plain ikiwiki - thanks for that, Joey!)
Diffstat (limited to 'templates')
-rw-r--r--templates/misc.tmpl6
-rw-r--r--templates/page.tmpl16
2 files changed, 20 insertions, 2 deletions
diff --git a/templates/misc.tmpl b/templates/misc.tmpl
index 0de56edeb..18cf5eeba 100644
--- a/templates/misc.tmpl
+++ b/templates/misc.tmpl
@@ -17,6 +17,8 @@
</head>
<body>
+<div id="container">
+
<div class="pageheader">
<div class="header">
<span>
@@ -25,13 +27,17 @@
</div>
</div> <!-- .pageheader -->
+<div id="contentwrapper">
<div id="content">
<TMPL_VAR PAGEBODY>
</div>
+</div>
<div id="footer">
<!-- from <TMPL_VAR NAME=WIKINAME> -->
</div>
+</div><!-- #container -->
+
</body>
</html>
diff --git a/templates/page.tmpl b/templates/page.tmpl
index 8622d1a01..037e29e74 100644
--- a/templates/page.tmpl
+++ b/templates/page.tmpl
@@ -18,6 +18,8 @@
</head>
<body>
+<div id="container">
+
<div class="pageheader">
<div class="header">
<span>
@@ -83,15 +85,23 @@
</div> <!-- .pageheader -->
+<div id="contentwrapper">
+<div id="content">
+<TMPL_VAR CONTENT>
+</div>
+</div>
+
<TMPL_IF SIDEBAR>
<div id="sidebar">
<TMPL_VAR SIDEBAR>
</div>
</TMPL_IF>
-<div id="content">
-<TMPL_VAR CONTENT>
+<TMPL_IF FARBAR>
+<div id="farbar">
+<TMPL_VAR FARBAR>
</div>
+</TMPL_IF>
<TMPL_IF COMMENTS>
<div id="comments">
@@ -160,5 +170,7 @@ Last edited <TMPL_VAR MTIME>
<!-- from <TMPL_VAR WIKINAME> -->
</div><!-- .pagefooter #footer -->
+</div><!-- #container -->
+
</body>
</html>