gaf-mobile
Version:
GAF mobile Web site
115 lines (113 loc) • 3.92 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Pattern Library</title>
<meta name="description" content="" />
<meta name="generator" content="kss-node" />
{{{styles}}}
</head>
<body id="kss-node" class="kss-page-{{rootName}}" data-section="{{rootName}}">
<div class="kss-wrapper">
<div class="kss-sidebar">
<div class="kss-sidebar-inner">
<header class="kss-header">
<h1 class="kss-doc-title">
<img class="kss-logo" src="public/img/pattern-library-logo.jpg" alt="Logo for Freelancer Pattern Library">
<a href="./">
Freelancer.com Mobile Web Pattern Library</a></h1>
</header>
<nav class="kss-nav">
<ul class="kss-menu" data-kss-ref="{{rootName}}">
<li class="kss-menu-item">
<a href="index.html">
<span class="kss-ref">0</span>
<span class="kss-name">Overview</span></a>
</li>
{{#eachRoot}}
<li class="kss-menu-item">
<a href="section-{{reference}}.html">
<span class="kss-ref">{{reference}}</span>
<span class="kss-name">{{header}}</span>
</a>
</li>
{{/eachRoot}}
</ul>
{{#if homepage}}
{{else}}
<ul class="kss-menu-child">
{{#eachSection rootName}}
{{#ifDepth 1}}
{{else}}
<li class="kss-menu-item">
<a href="#section-{{reference}}">
<span class="kss-ref">{{reference}}</span>
<span class="kss-name">{{header}}</span>
</a>
</li>
{{/ifDepth}}
{{/eachSection}}
</ul>
{{/if}}
</nav>
</div>
</div>
<div class="kss-content">
<article class="kss-article">
{{#if homepage}}
<section id="section-0" class="kss-section kss-overview">
{{{homepage}}}
</section>
{{else}}
{{#eachSection rootName}}
<section id="section-{{reference}}" class="kss-section kss-depth-{{depth}}">
<h1 class="kss-title">
<span class="kss-ref">{{reference}}</span> {{header}}
</h1>
{{#if markup}}
{{#if description}}
<div class="kss-description">
{{{description}}}
</div>
{{/if}}
<div class="kss-modifier-block">
<div class="kss-modifier kss-modifier-original">
<div class="kss-modifier-example pinky-template">
{{{markup}}}
</div>
</div>
{{#eachModifier}}
<div class="kss-modifier">
<div class="kss-modifier-head">
<div class="kss-modifier-name">{{name}}</div>
<div class="kss-modifier-description">
{{{description}}}
</div>
</div>
<div class="kss-modifier-example pinky-template">
{{{markup}}}
</div>
</div>
{{/eachModifier}}
<div class="kss-markup">
<pre><code data-language="html">{{markup}}</code></pre>
</div>
</div>
{{else}}
{{#if description}}
<div class="kss-description">
{{{description}}}
</div>
{{/if}}
{{/if}}
</section>
{{/eachSection}}
{{/if}}
</article>
<footer class="kss-footer"></footer>
</div>
</div>
{{{scripts}}}
</body>
</html>