]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/blob - templates/page.tmpl
Add WAI-ARIA roles to #main, #comments and #footer when in HTML5 mode
[git.ikiwiki.info.git] / templates / page.tmpl
1 <TMPL_IF HTML5><!DOCTYPE html>
2 <html>
3 <TMPL_ELSE><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
4  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
5 <html xmlns="http://www.w3.org/1999/xhtml">
6 </TMPL_IF>
7 <head>
8 <TMPL_IF DYNAMIC>
9 <TMPL_IF FORCEBASEURL><base href="<TMPL_VAR FORCEBASEURL>" /><TMPL_ELSE>
10 <TMPL_IF BASEURL><base href="<TMPL_VAR BASEURL>" /></TMPL_IF>
11 </TMPL_IF>
12 </TMPL_IF>
13 <TMPL_IF HTML5><meta charset="utf-8" /><TMPL_ELSE><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></TMPL_IF>
14 <title><TMPL_VAR TITLE></title>
15 <TMPL_IF FAVICON>
16 <link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
17 </TMPL_IF>
18 <link rel="stylesheet" href="<TMPL_VAR BASEURL>style.css" type="text/css" />
19 <TMPL_IF LOCAL_CSS>
20 <link rel="stylesheet" href="<TMPL_VAR BASEURL><TMPL_VAR LOCAL_CSS>" type="text/css" />
21 <TMPL_ELSE>
22 <link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css" type="text/css" />
23 </TMPL_IF>
25 <TMPL_UNLESS DYNAMIC>
26 <TMPL_IF EDITURL>
27 <link rel="alternate" type="application/x-wiki" title="Edit this page" href="<TMPL_VAR EDITURL>" />
28 </TMPL_IF>
29 <TMPL_IF FEEDLINKS><TMPL_VAR FEEDLINKS></TMPL_IF>
30 <TMPL_IF RELVCS><TMPL_VAR RELVCS></TMPL_IF>
31 <TMPL_IF META><TMPL_VAR META></TMPL_IF>
32 <TMPL_LOOP TRAILLOOP>
33 <TMPL_IF PREVPAGE>
34 <link rel="prev" href="<TMPL_VAR PREVURL>" title="<TMPL_VAR PREVTITLE>" />
35 </TMPL_IF>
36 <link rel="up" href="<TMPL_VAR TRAILURL>" title="<TMPL_VAR TRAILTITLE>" />
37 <TMPL_IF NEXTPAGE>
38 <link rel="next" href="<TMPL_VAR NEXTURL>" title="<TMPL_VAR NEXTTITLE>" />
39 </TMPL_IF>
40 </TMPL_LOOP>
41 </TMPL_UNLESS>
43 </head>
44 <body>
46 <TMPL_IF HTML5><article class="page"><TMPL_ELSE><div class="page"></TMPL_IF>
48 <TMPL_IF HTML5><section class="pageheader"><TMPL_ELSE><div class="pageheader"></TMPL_IF>
49 <TMPL_IF HTML5><header class="header"><TMPL_ELSE><div class="header"></TMPL_IF>
50 <span>
51 <span class="parentlinks">
52 <TMPL_LOOP PARENTLINKS>
53 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>/ 
54 </TMPL_LOOP>
55 </span>
56 <span class="title">
57 <TMPL_VAR TITLE>
58 <TMPL_IF ISTRANSLATION>
59 &nbsp;(<TMPL_VAR PERCENTTRANSLATED>%)
60 </TMPL_IF>
61 </span>
62 </span>
63 <TMPL_UNLESS DYNAMIC>
64 <TMPL_IF SEARCHFORM>
65 <TMPL_VAR SEARCHFORM>
66 </TMPL_IF>
67 </TMPL_UNLESS>
68 <TMPL_IF HTML5></header><TMPL_ELSE></div></TMPL_IF>
70 <TMPL_IF HAVE_ACTIONS>
71 <TMPL_IF HTML5><nav class="actions"><TMPL_ELSE><div class="actions"></TMPL_IF>
72 <ul>
73 <TMPL_IF EDITURL>
74 <li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
75 </TMPL_IF>
76 <TMPL_IF RECENTCHANGESURL>
77 <li><a href="<TMPL_VAR RECENTCHANGESURL>">RecentChanges</a></li>
78 </TMPL_IF>
79 <TMPL_IF HISTORYURL>
80 <li><a href="<TMPL_VAR HISTORYURL>">History</a></li>
81 </TMPL_IF>
82 <TMPL_IF GETSOURCEURL>
83 <li><a href="<TMPL_VAR GETSOURCEURL>">Source</a></li>
84 </TMPL_IF>
85 <TMPL_IF PREFSURL>
86 <li><a href="<TMPL_VAR PREFSURL>">Preferences</a></li>
87 </TMPL_IF>
88 <TMPL_IF ACTIONS>
89 <TMPL_LOOP ACTIONS>
90 <li><TMPL_VAR ACTION></li>
91 </TMPL_LOOP>
92 </TMPL_IF>
93 <TMPL_IF COMMENTSLINK>
94 <li><TMPL_VAR COMMENTSLINK></li>
95 <TMPL_ELSE>
96 <TMPL_IF DISCUSSIONLINK>
97 <li><TMPL_VAR DISCUSSIONLINK></li>
98 </TMPL_IF>
99 </TMPL_IF>
100 </ul>
101 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
102 </TMPL_IF>
104 <TMPL_IF OTHERLANGUAGES>
105 <TMPL_IF HTML5><nav id="otherlanguages"><TMPL_ELSE><div id="otherlanguages"></TMPL_IF>
106 <ul>
107 <TMPL_LOOP OTHERLANGUAGES>
108 <li>
109 <a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
110 <TMPL_IF MASTER>
111 (master)
112 <TMPL_ELSE>
113 &nbsp;(<TMPL_VAR PERCENT>%)
114 </TMPL_IF>
115 </li>
116 </TMPL_LOOP>
117 </ul>
118 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
119 </TMPL_IF>
121 <TMPL_UNLESS DYNAMIC>
122 <TMPL_VAR TRAILS>
123 </TMPL_UNLESS>
125 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
127 <TMPL_UNLESS DYNAMIC>
128 <TMPL_IF SIDEBAR>
129 <TMPL_IF HTML5><aside class="sidebar"><TMPL_ELSE><div class="sidebar"></TMPL_IF>
130 <TMPL_VAR SIDEBAR>
131 <TMPL_IF HTML5></aside><TMPL_ELSE></div></TMPL_IF>
132 </TMPL_IF>
133 </TMPL_UNLESS>
135 <div id="pagebody">
137 <TMPL_IF HTML5><section id="content" role="main"><TMPL_ELSE><div id="content"></TMPL_IF>
138 <TMPL_VAR CONTENT>
139 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
141 <TMPL_IF ENCLOSURE>
142 <TMPL_IF HTML5><section id="enclosure"><TMPL_ELSE><div id="enclosure"></TMPL_IF>
143 <a href="<TMPL_VAR ENCLOSURE>">Download</a>
144 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
145 </TMPL_IF>
147 <TMPL_UNLESS DYNAMIC>
148 <TMPL_IF COMMENTS>
149 <TMPL_IF HTML5><section id="comments" role="complementary"><TMPL_ELSE><div id="comments"></TMPL_IF>
150 <TMPL_VAR COMMENTS>
151 <TMPL_IF ADDCOMMENTURL>
152 <div class="addcomment">
153 <a href="<TMPL_VAR ADDCOMMENTURL>">Add a comment</a>
154 </div>
155 <TMPL_ELSE>
156 <div class="addcomment">Comments on this page are closed.</div>
157 </TMPL_IF>
158 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
159 </TMPL_IF>
160 </TMPL_UNLESS>
162 </div>
164 <TMPL_IF HTML5><footer id="footer" class="pagefooter" role="contentinfo"><TMPL_ELSE><div id="footer" class="pagefooter"></TMPL_IF>
165 <TMPL_UNLESS DYNAMIC>
166 <TMPL_IF HTML5><nav id="pageinfo"><TMPL_ELSE><div id="pageinfo"></TMPL_IF>
168 <TMPL_VAR TRAILS>
170 <TMPL_IF TAGS>
171 <TMPL_IF HTML5><nav class="tags"><TMPL_ELSE><div class="tags"></TMPL_IF>
172 Tags:
173 <TMPL_LOOP TAGS>
174 <TMPL_VAR LINK>
175 </TMPL_LOOP>
176 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
177 </TMPL_IF>
179 <TMPL_IF BACKLINKS>
180 <TMPL_IF HTML5><nav id="backlinks"><TMPL_ELSE><div id="backlinks"></TMPL_IF>
181 Links:
182 <TMPL_LOOP BACKLINKS>
183 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
184 </TMPL_LOOP>
185 <TMPL_IF MORE_BACKLINKS>
186 <span class="popup">...
187 <span class="balloon">
188 <TMPL_LOOP MORE_BACKLINKS>
189 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
190 </TMPL_LOOP>
191 </span>
192 </span>
193 </TMPL_IF>
194 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
195 </TMPL_IF>
197 <TMPL_IF COPYRIGHT>
198 <div class="pagecopyright">
199 <a name="pagecopyright"></a>
200 <TMPL_VAR COPYRIGHT>
201 </div>
202 </TMPL_IF>
204 <TMPL_IF LICENSE>
205 <div class="pagelicense">
206 <a name="pagelicense"></a>
207 License: <TMPL_VAR LICENSE>
208 </div>
209 </TMPL_IF>
211 <div class="pagedate">
212 Last edited <TMPL_VAR MTIME>
213 <!-- Created <TMPL_VAR CTIME> -->
214 </div>
216 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
217 <TMPL_IF EXTRAFOOTER><TMPL_VAR EXTRAFOOTER></TMPL_IF>
218 </TMPL_UNLESS>
219 <!-- from <TMPL_VAR WIKINAME> -->
220 <TMPL_IF HTML5></footer><TMPL_ELSE></div></TMPL_IF>
222 <TMPL_IF HTML5></article><TMPL_ELSE></div></TMPL_IF>
224 </body>
225 </html>