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>
  23                         <ul>
  24                                 <li><a href="index.html"><span>0.0</span> Overview</a></li>
  25                                 {{#eachRoot}}
  26                                         <li>
  27                                                 <a href="section-{{ reference }}.html">
  28                                                         <span>{{ reference }}.0</span> {{ header }}
  29                                                 </a>
  30                                                 <ul>
  31                                                 {{#eachSection reference}}
  32                                                         {{#whenDepth  2}}
  33                                                                 <li>
  34                                                                         <a href="section-{{../../reference}}.html#section-{{ reference }}">
  35                                                                                 <span>{{ reference }}</span>
  36                                                                                 {{ header }}
  37                                                                         </a>
  38                                                                 </li>
  39                                                         {{/whenDepth}}
  40                                                 {{/eachSection}}
  41                                                 </ul>
  42                                         </li>
  43                                 {{/eachRoot}}
  44                         </ul>
  45                 </nav>
  46
  47                 <div class="content">
  48                         {{#if overview}}
  49                                 {{html overview}}
  50                         {{else}}
  51                                 {{#eachSection rootNumber}}
  52                                 <div>
  53                                         {{#whenDepth 1}}
  54                                                 <h1>{{ reference }}.0 {{ header }}</h1>
  55                                         {{else}}
  56                                                 {{#whenDepth 2}}
  57                                                 <a name="section-{{ reference }}"></a>
  58                                                 <h2><a href="#section-{{ reference }}">{{ reference }} {{ header }}</a></h2>
  59                                                 {{/whenDepth}}
  60                                                 {{#whenDepth 3}}
  61                                                 <a name="section-{{ reference }}"></a>
  62                                                 <h3><a href="#section-{{ reference }}">{{ reference }} {{ header }}</a></h3>
  63                                                 {{/whenDepth}}
  64                                         {{/whenDepth}}
  65                                         {{#ifAny markup modifiers}}
  66                                                         <div>{{html description}}</div>
  67                                                         <div class="example">
  68                                                                 <pre class="prettyprint lang-html">{{markup}}</pre>
  69                                                                 <blockquote>{{modifierMarkup}}</blockquote>
  70                                                         </div>
  71                                                         {{#eachModifier}}
  72                                                                 <h4>{{name}}</h4>
  73                                                                 {{html description}}
  74                                                                 <blockquote>{{modifierMarkup}}</blockquote>
  75                                                         {{/eachModifier}}
  76                                         {{else}}
  77                                                         {{#if description}}
  78                                                                 {{html description}}
  79                                                         {{/if}}
  80                                         {{/ifAny}}
  81                                 </div>
  82                                 {{/eachSection}}
  83                         {{/if}}
  84                 </div>
  85         </div>
  86 </div></body>
  87 </html>