docs/kss/styleguide-template/index.html

   1 <!DOCTYPE html>
   2 <html class="no-js" lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6         <meta name="description" content="">
   7         <meta name="generator" content="kss-node" />
   8
   9         <title>MediaWiki Living Styleguide</title>
  10
  11         <link rel="stylesheet" href="public/kss.css">
  12         <link rel="stylesheet" href="public/style.css">
  13 </head>
  14 <body><div id="kss-wrapper">
  15         <header id="kss-header">
  16                 <div class="container">
  17                         <hgroup><h1>Mediawiki.UI</h1></hgroup>
  18                 </div>
  19         </header>
  20
  21         <div class="container">
  22                 <nav class="content">
  23                         <ul>
  24                                 <li><a href="index.html"><span>0.0</span> Overview</a></li>
  25                                 {{#eachRoot}}
  26                                         <li><a href="section-{{reference}}.html"><span>{{reference}}.0</span> {{header}}</a></li>
  27                                 {{/eachRoot}}
  28                         </ul>
  29                 </nav>
  30
  31                 <article>
  32                         {{#if overview}}
  33                                 {{html overview}}
  34                         {{else}}
  35                                 {{#eachSection rootNumber}}
  36                                 <section>
  37                                         {{#whenDepth 1}}
  38                                                 <h1>{{ reference }}.0 {{ header }}</h1>
  39                                         {{else}}
  40                                                 {{#whenDepth 2}}
  41                                                 <h2>{{ reference }} {{ header }}</h2>
  42                                                 {{/whenDepth}}
  43                                                 {{#whenDepth 3}}
  44                                                 <h3>{{ reference }} {{ header }}</h3>
  45                                                 {{/whenDepth}}
  46                                         {{/whenDepth}}
  47                                         {{#ifAny markup modifiers}}
  48                                                         <div>{{html description}}</div>
  49                                                         <div class="example">
  50                                                                 <pre class="prettyprint lang-html">{{markup}}</pre>
  51                                                                 <blockquote>{{modifierMarkup}}</blockquote>
  52                                                         </div>
  53                                                         {{#eachModifier}}
  54                                                                 <h4>{{name}}</h4>
  55                                                                 {{html description}}
  56                                                                 <blockquote>{{modifierMarkup}}</blockquote>
  57                                                         {{/eachModifier}}
  58                                         {{else}}
  59                                                         {{#if description}}
  60                                                                 {{html description}}
  61                                                         {{/if}}
  62                                         {{/ifAny}}
  63                                 </section>
  64                                 {{/eachSection}}
  65                         {{/if}}
  66                 </article>
  67         </div>
  68 </div></body>
  69 </html>