templates/page.tmpl

   1 <!DOCTYPE html>
   2 <meta name="viewport" content="width=device-width, initial-scale=1">
   3 <TMPL_IF HTML_LANG_CODE><html lang="<TMPL_VAR HTML_LANG_CODE>" dir="<TMPL_VAR HTML_LANG_DIR>" xmlns="http://www.w3.org/1999/xhtml"><TMPL_ELSE><html xmlns="http://www.w3.org/1999/xhtml"></TMPL_IF>
   4 <head>
   5 <TMPL_IF DYNAMIC>
   6 <TMPL_IF FORCEBASEURL><base href="<TMPL_VAR FORCEBASEURL>" /><TMPL_ELSE>
   7 <TMPL_IF BASEURL><base href="<TMPL_VAR BASEURL>" /></TMPL_IF>
   8 </TMPL_IF>
   9 </TMPL_IF>
  10 <TMPL_IF HTML5><meta charset="utf-8" /><TMPL_ELSE><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></TMPL_IF>
  11 <title><TMPL_VAR TITLE></title>
  12 <TMPL_IF RESPONSIVE_LAYOUT><meta name="viewport" content="width=device-width, initial-scale=1" /></TMPL_IF>
  13 <TMPL_IF FAVICON>
  14 <link rel="icon" href="<TMPL_VAR BASEURL><TMPL_VAR FAVICON>" type="image/x-icon" />
  15 </TMPL_IF>
  16 <link rel="stylesheet" href="<TMPL_VAR BASEURL>bulma.css" type="text/css" />
  17 <!-- <link rel="stylesheet" href="<TMPL_VAR BASEURL>style.css" type="text/css" /> -->
  18 <TMPL_IF LOCAL_CSS>
  19 <link rel="stylesheet" href="<TMPL_VAR BASEURL><TMPL_VAR LOCAL_CSS>" type="text/css" />
  20 <TMPL_ELSE>
  21 <link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css" type="text/css" />
  22 </TMPL_IF>
  23 <script>
  24 document.addEventListener('DOMContentLoaded', () => {
  25
  26   // Get all "navbar-burger" elements
  27   const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
  28
  29   // Add a click event on each of them
  30   $navbarBurgers.forEach( el => {
  31     el.addEventListener('click', () => {
  32
  33       // Get the target from the "data-target" attribute
  34       const target = el.dataset.target;
  35       const $target = document.getElementById(target);
  36
  37       // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
  38       el.classList.toggle('is-active');
  39       $target.classList.toggle('is-active');
  40
  41     });
  42   });
  43
  44 });
  45 </script>
  46
  47 <TMPL_UNLESS DYNAMIC>
  48 <TMPL_IF EDITURL>
  49 <link rel="alternate" type="application/x-wiki" title="Edit this page" href="<TMPL_VAR EDITURL>" />
  50 </TMPL_IF>
  51 <TMPL_IF FEEDLINKS><TMPL_VAR FEEDLINKS></TMPL_IF>
  52 <TMPL_IF RELVCS><TMPL_VAR RELVCS></TMPL_IF>
  53 <TMPL_IF META><TMPL_VAR META></TMPL_IF>
  54 <TMPL_LOOP TRAILLOOP>
  55 <TMPL_IF PREVPAGE>
  56 <link rel="prev" href="<TMPL_VAR PREVURL>" title="<TMPL_VAR PREVTITLE>" />
  57 </TMPL_IF>
  58 <link rel="up" href="<TMPL_VAR TRAILURL>" title="<TMPL_VAR TRAILTITLE>" />
  59 <TMPL_IF NEXTPAGE>
  60 <link rel="next" href="<TMPL_VAR NEXTURL>" title="<TMPL_VAR NEXTTITLE>" />
  61 </TMPL_IF>
  62 </TMPL_LOOP>
  63 </TMPL_UNLESS>
  64
  65 </head>
  66 <body>
  67
  68 <article class="page">
  69
  70   <section class="hero is-primary is-small">
  71     <div class = "hero-head">
  72 <nav class="navbar" role="navigation" aria-label="main navigation">
  73     <div class="navbar-brand">
  74       <a class="navbar-item" href="/">
  75         Recipes
  76       </a>
  77       <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mainNavbar">
  78       <span aria-hidden="true"></span>
  79       <span aria-hidden="true"></span>
  80       <span aria-hidden="true"></span>
  81     </a>
  82     </div>
  83     <div id="mainNavbar" class="navbar-menu" >
  84       <div class="navbar-start">
  85 <TMPL_UNLESS DYNAMIC>
  86 <TMPL_IF SEARCHFORM>
  87 <div class="navbar-item"><TMPL_VAR SEARCHFORM></div>
  88 </TMPL_IF>
  89 </TMPL_UNLESS>
  90       </div>
  91 <TMPL_IF HAVE_ACTIONS>
  92         <div class="navbar-end">
  93             <TMPL_IF EDITURL>
  94               <a class="navbar-item" href="<TMPL_VAR EDITURL>" rel="nofollow" >Edit</a>
  95             </TMPL_IF>
  96             <TMPL_IF RECENTCHANGESURL>
  97               <a class="navbar-item" href="<TMPL_VAR RECENTCHANGESURL>">RecentChanges</a>
  98             </TMPL_IF>
  99             <TMPL_IF HISTORYURL>
 100               <a class="navbar-item" rel="nofollow" href="<TMPL_VAR HISTORYURL>">History</a>
 101             </TMPL_IF>
 102             <TMPL_IF GETSOURCEURL>
 103                 <a class="navbar-item" rel="nofollow" href="<TMPL_VAR GETSOURCEURL>">Source</a>
 104             </TMPL_IF>
 105             <TMPL_IF PREFSURL>
 106                 <a class="navbar-item" rel="nofollow" href="<TMPL_VAR PREFSURL>">Preferences</a>
 107             </TMPL_IF>
 108 <TMPL_IF ACTIONS>
 109 <TMPL_LOOP ACTIONS>
 110 <span class="navbar-item"><TMPL_VAR ACTION></span>
 111 </TMPL_LOOP>
 112 </TMPL_IF>
 113 <TMPL_IF COMMENTSLINK>
 114 <span class="navbar-item"><TMPL_VAR COMMENTSLINK></span>
 115 <TMPL_ELSE>
 116 <TMPL_IF DISCUSSIONLINK>
 117 <span class="navbar-item"><TMPL_VAR DISCUSSIONLINK></span>
 118 </TMPL_IF>
 119 </TMPL_IF>
 120         </div>
 121 </TMPL_IF>
 122   </div>
 123 </nav>
 124     </div>
 125
 126            <div class = "hero-body has-text-centered">
 127     <p class="title">
 128 <TMPL_VAR TITLE>
 129 <TMPL_IF ISTRANSLATION>
 130 &nbsp;(<TMPL_VAR PERCENTTRANSLATED>%)
 131 </TMPL_IF>
 132 </p>
 133   </div>
 134   <div class = "hero-foot">
 135 <nav class="breadcrumb is-centered is-medium">
 136   <ul>
 137 <TMPL_LOOP PARENTLINKS>
 138 <li><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
 139 </TMPL_LOOP>
 140 <!-- <li><TMPL_VAR TITLE></li> -->
 141   </ul>
 142   </nav>
 143 </div>
 144 </section>
 145
 146
 147 <TMPL_IF OTHERLANGUAGES>
 148 <TMPL_IF HTML5><nav id="otherlanguages"><TMPL_ELSE><div id="otherlanguages"></TMPL_IF>
 149 <ul>
 150 <TMPL_LOOP OTHERLANGUAGES>
 151 <li>
 152 <a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
 153 <TMPL_IF MASTER>
 154 (master)
 155 <TMPL_ELSE>
 156 &nbsp;(<TMPL_VAR PERCENT>%)
 157 </TMPL_IF>
 158 </li>
 159 </TMPL_LOOP>
 160 </ul>
 161 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
 162 </TMPL_IF>
 163
 164 <TMPL_UNLESS DYNAMIC>
 165 <TMPL_VAR TRAILS>
 166 </TMPL_UNLESS>
 167
 168 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
 169
 170 <div class = "columns is-centered is-multiline">
 171   <div class = "column is-half">
 172 <section id="pagebody" class="section">
 173
 174 <div class="content">
 175   <TMPL_VAR CONTENT>
 176 </div>
 177
 178 <TMPL_IF ENCLOSURE>
 179 <TMPL_IF HTML5><section id="enclosure"><TMPL_ELSE><div id="enclosure"></TMPL_IF>
 180 <a href="<TMPL_VAR ENCLOSURE>">Download</a>
 181 <TMPL_IF HTML5></section><TMPL_ELSE></div></TMPL_IF>
 182 </TMPL_IF>
 183
 184 <TMPL_UNLESS DYNAMIC>
 185 <TMPL_IF COMMENTS>
 186 <section id="comments" role="complementary">
 187 <TMPL_VAR COMMENTS>
 188 <TMPL_IF ADDCOMMENTURL>
 189 <div class="addcomment">
 190 <a rel="nofollow" href="<TMPL_VAR ADDCOMMENTURL>">Add a comment</a>
 191 </div>
 192 <TMPL_ELSE>
 193 <div class="addcomment">Comments on this page are closed.</div>
 194 </TMPL_IF>
 195 </section>
 196 </TMPL_IF>
 197 </TMPL_UNLESS>
 198 </section>
 199   </div>
 200
 201 <TMPL_UNLESS DYNAMIC>
 202 <TMPL_IF SIDEBAR>
 203 <div class="column is-narrow box">
 204 <aside class="menu">
 205 <TMPL_VAR SIDEBAR>
 206 </aside></div>
 207 </TMPL_IF>
 208 </TMPL_UNLESS>
 209
 210 </div>
 211 <footer class="footer">
 212   <div class="content has-text-centered">
 213 <TMPL_UNLESS DYNAMIC>
 214 <TMPL_IF HTML5><nav id="pageinfo"><TMPL_ELSE><div id="pageinfo"></TMPL_IF>
 215
 216 <TMPL_VAR TRAILS>
 217
 218 <TMPL_IF TAGS>
 219 <nav class="tags">
 220 Tags:
 221 <TMPL_LOOP TAGS>
 222 <TMPL_VAR LINK>
 223 </TMPL_LOOP>
 224 </nav>
 225 </TMPL_IF>
 226
 227 <TMPL_IF BACKLINKS>
 228 <TMPL_IF HTML5><nav id="backlinks"><TMPL_ELSE><div id="backlinks"></TMPL_IF>
 229 Links:
 230 <TMPL_LOOP BACKLINKS>
 231 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
 232 </TMPL_LOOP>
 233 <TMPL_IF MORE_BACKLINKS>
 234 <span class="popup">...
 235 <span class="balloon">
 236 <TMPL_LOOP MORE_BACKLINKS>
 237 <a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a>
 238 </TMPL_LOOP>
 239 </span>
 240 </span>
 241 </TMPL_IF>
 242 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
 243 </TMPL_IF>
 244
 245 <TMPL_IF COPYRIGHT>
 246 <div class="pagecopyright">
 247 <a name="pagecopyright"></a>
 248 <TMPL_VAR COPYRIGHT>
 249 </div>
 250 </TMPL_IF>
 251
 252 <TMPL_IF LICENSE>
 253 <div class="pagelicense">
 254 <a name="pagelicense"></a>
 255 License: <TMPL_VAR LICENSE>
 256 </div>
 257 </TMPL_IF>
 258
 259 <div class="pagedate">
 260 Last edited <TMPL_VAR MTIME>
 261 <!-- Created <TMPL_VAR CTIME> -->
 262 </div>
 263
 264 <TMPL_IF HTML5></nav><TMPL_ELSE></div></TMPL_IF>
 265 <TMPL_IF EXTRAFOOTER><TMPL_VAR EXTRAFOOTER></TMPL_IF>
 266 </TMPL_UNLESS>
 267 <!-- from <TMPL_VAR WIKINAME> -->
 268   </div>
 269 </footer>
 270 </article>
 271
 272
 273 </body>
 274 </html>