patternpack-example-library
Version:
The example pattern library created from pattern pack
179 lines (73 loc) • 2.87 kB
HTML
<html>
<head>
<link href="../assets/css/patterns.css" rel="stylesheet" />
<link href="../assets/../theme-assets/css/patternpack-theme.css" rel="stylesheet" />
<link href="../assets/../theme-assets/css/github.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pages</title>
</head>
<body>
<div id="libraryContainer" class="library__container">
<header class="library__header">
<a href="/">
<img src="http://placehold.it/200x60&text=logo" class="library__header__logo">
</span>
<span class="library__header__title">Pattern Library</span> </a>
<div id="menuToggle" class="library__header__menu-toggle__container">
<div class="library__header__toggle">Menu</div>
</div>
</header>
<div id="libraryContent" class="library__content">
<div class="library__content__open-overlay"></div>
<div class="markdown__body">
<div>
<h1>Templates</h1>
<p>TODO: Describe what a template</p>
<ul>
<li> <a href="article-template.html">Article Template</a> </li>
<ul>
<h1>Pages</h1>
<p>TODO: Describe what a page instance</p>
<ul>
<li> <a href="home-page.html">Home Page</a> </li>
<ul>
</div>
</div>
</div>
</div>
<nav class="library__nav">
<h2>
<a href="
../atoms/index.html
">Atoms</a>
</h2>
<ul>
<li> <a href="../atoms/buttons.html">Buttons</a> </li>
<li> <a href="../atoms/colors.html">Colors</a> </li>
<li> <a href="../atoms/forms.html">Forms</a> </li>
<li> <a href="../atoms/headings.html">Headings</a> </li>
<li> <a href="../atoms/typography.html">Typography</a> </li>
</ul>
<h2>
<a href="
../molecules/index.html
">Molecules</a>
</h2>
<ul>
<li> <a href="../molecules/nav.html">Navigation</a> </li>
</ul>
<h2>
<a href="
index.html
">Pages</a>
</h2>
<ul>
<li> <a href="article-template.html">Article Template</a> </li>
<li> <a href="home-page.html">Home Page</a> </li>
</ul>
</nav>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js"></script>
<script src="../assets/../theme-assets/js/PatternPack.Global.Navigation.js"></script>
</body>
</html>