<!-- <p class="sg-font sg-font-secondary">Georgia, Times, "Times New Roman", serif;</p>
--> <div class="sg-markup-controls"><a class="sg-btn--top" href="#top">Back to Top</a></div>
</div><!--/.sg-font-stacks-->
</div><!--/.sg-info-->
<div class="sg-base-styles">
<h1 class="sg-h1">Base Styles</h1>
<?php
showMarkup('base');
?>
</div><!--/.sg-base-styles-->
<div class="sg-pattern-styles">
<h1 class="sg-h1">Pattern Styles</h1>
<?php
showMarkup('patterns');
?>
</div><!--/.sg-pattern-styles-->
</div><!--/.sg-body-->
<!-- LOAD APPROPRIATE JQUERY FROM CDN WITH FALLBACK -->
<!--[if gte IE 9]><!-->
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<![endif]-->
<script>('jQuery' in window) || document.write(unescape("%3Cscript src='/js/vendor/jquery-1.10.2.min.js'%3E%3C/script%3E"));</script>
<!-- IE POLYFILLS -->
<!--[if lt IE 10]>
<div class="sg-nav-group sg-nav-group--containers">
<h2 class="sg-nav-h2 sg-subnav-title">Containers</h2>
<ul class="sg-navlist">
<?php
listMarkupAsListItems('containers');
?>
</ul>
</div>
</div><!--/.sg-sidebar-->
<div id="main" class="sg-main" role="main">
<div class="sg-container">
<div class="sg-base-styles">
<h1 class="sg-h1">Blocks</h1>
<?php
showMarkup('blocks');
?>
</div><!--/.sg-base-styles-->
</div><!--/.sg-container-->
</div><!--/.sg-main-->
</div><!--/.sg-wrapper-->
<!--[if gt IE 8]><!--><script src="sg-assets/vendor/prism/prism.js"></script><!--<![endif]-->
<script src="sg-assets/scripts/sg-scripts.js"></script>
<script src="javascript/vendor/jquery.js"></script>
<script src="javascript/vendor/jvfloat.min.js"></script>
<script src="javascript/monotype.js"></script>
">
<button type="submit" class="sg-submit-btn">Go</button>
</form><!--/.sg-nav-->
</div><!--/.sg-header-->
<div class="sg-body sg-container">
<div class="sg-info">
<div class="sg-about sg-section">
<h1 class="sg-h1"><a id="sg-about" class="sg-anchor">About</a></h1>
<p>Comments and documentation about your style guide. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus nobis enim labore facilis consequuntur! Veritatis neque est suscipit tenetur temporibus enim consequatur deserunt perferendis. Neque nemo iusto minima deserunt amet.</p>
</div><!--/.sg-about-->
<div class="sg-base-styles">
<h2 class="sg-h2">Breaking Bad Quotes (Spoilers! Duh!)</h2>
<?php
showMarkup('cast');
?>
</div><!--/.sg-base-styles-->
<footer role="contentinfo">
<iframe src="http://ghbtns.com/github-btn.html?user=espidesigns&repo=breaking-ipsum&type=fork&count=true" height="30" width="118" frameborder="0" scrolling="0" style="width:118px; height: 30px;" allowTransparency="true"></iframe>
<p><a href="https://twitter.com/share" class="twitter-share-button" data-via="espidesignscom">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1540653739541110&version=v2.0";
<?php
showMarkup('base');
?>
</div><!--/.sg-base-styles-->
<div class="sg-pattern-styles">
<h1 class="sg-h1">Patterns</h1>
<?php
showMarkup('patterns');
?>
</div><!--/.sg-pattern-styles-->
<div class="sg-brand-styles">
<h1 class="sg-h1">Brand Styles</h1>
<?php
showMarkup('brand');
?>
</div><!--/.sg-brand-styles-->
</div>
</div><!--/.sg-body-->
</div><!--/.sg-wrap-->
</div><!--/#container-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
<!-- Styleguide Boilerplate Scripts -->
<script src="js/sg-plugins.js"></script>
<script src="js/sg-scripts.js"></script>
<script src="js/main.js"></script>
<h1 class="page-header">Base Styles</h1>
<?php
showMarkup('base');
?>
</div><!--/.sg-base-styles-->
<div class="sg-pattern-styles">
<h1 class="page-header">Patterns<small> - Design and mark-up patterns unique to your site.</small></h1>
<?php
showMarkup('patterns');
?>
</div>
<!--/.sg-pattern-styles-->
<div class="sg-layout-styles">
<h1 class="page-header">Layouts<small> - Content teasers and view modes.</small></h1>
<?php
showMarkup('content');
?>
</div>
<!--/.sg-layout-styles-->
</div>
<?php
} else {
?>
<?php
//Admin pages
$pageReq = $_GET['page'];
if (strpos($pageReq, 'admin') === false) {
showMarkupItem('patterns', 'navbar');
showMarkupItem('patterns', 'navbar-header');
<div class="sg-nav-group sg-nav-group--containers">
<h2 class="sg-nav-h2 sg-subnav-title">Containers</h2>
<ul class="sg-navlist">
<?php
listMarkupAsListItems('containers');
?>
</ul>
</div>
</div><!--/.sg-sidebar-->
<div id="main" class="sg-main" role="main">
<div class="sg-container">
<div class="sg-pattern-styles">
<h1 class="sg-h1">Containers<small> - Design and markup patterns unique to your site.</small></h1>
<?php
showMarkup('containers');
?>
</div><!--/.sg-pattern-styles-->
</div><!--/.sg-container-->
</div><!--/.sg-main-->
</div><!--/.sg-wrapper-->
<!--[if gt IE 8]><!--><script src="sg-assets/vendor/prism/prism.js"></script><!--<![endif]-->
<script src="sg-assets/scripts/sg-scripts.js"></script>
<script src="javascript/vendor/jquery.js"></script>
<script src="javascript/vendor/jvfloat.min.js"></script>
<script src="javascript/monotype.js"></script>
<div class="sg-color orange-bg"><span class="sg-color-swatch"><span class="sg-animated">#f9bb1e</span></span></div>
<div class="sg-markup-controls"><a class="sg-btn--top" href="#top">Back to Top</a></div>
</div><!--/.sg-colors-->
<div class="sg-font-stacks sg-section">
<h2 class="section-title"><a id="sg-fontStacks" class="sg-anchor">Font Stacks</a></h2>
<p>font-family: "museo-sans-rounded", "Helvetica Neue", Helvetica, Arial, Lucida Grande, sans-serif;<br/>
font-weight: 300;</p>
<div class="sg-markup-controls"><a class="sg-btn--top" href="#top">Back to Top</a></div>
</div><!--/.sg-font-stacks-->
</div><!--/.sg-info-->
<div class="sg-base-styles">
<h1 class="sg-h1 well">Base HTML</h1>
<?php
showMarkup('base');
?>
</div><!--/.sg-base-styles-->
<?php
/* <div class="sg-pattern-styles">
<h1 class="sg-h1">Patterns<small> - Design and markup patterns unique to your site.</small></h1>
<?php showMarkup('patterns'); ?>
</div><!--/.sg-pattern-styles-->
</div><!--/.sg-body--> */
?>
<script src="js/sg-plugins.js"></script>
<script src="js/sg-scripts.js"></script>
</body>
</html>