Skip to content

Instantly share code, notes, and snippets.

@iaindooley

iaindooley/Decal CMS Extended Tour Step 7

Created February 4, 2013 11:50
Show Gist options
  • Save iaindooley/4706315 to your computer and use it in GitHub Desktop.
Save iaindooley/4706315 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Decal CMS Extended Tour Step 7
<html>
<head>
<title>My Page</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="mainContent">
<div id="mainNavigation" menu="Main Navigation">
<div repeat="10" active-class="main-highlight">
<p><a href="" characters="60">This is an item</a></p>
<div submenu="Main sub navigation">
<div repeat="10" active-class="main-sub-highlight">
<p><a href="" characters="60">This is a sub menu item</a></p>
</div>
<div>
<p><a href="">This is a sub menu item</a></p>
</div>
<div>
<p><a href="">This is a sub menu item</a></p>
</div>
<div>
<p><a href="">This is a sub menu item</a></p>
</div>
<div>
<p><a href="">This is a sub menu item</a></p>
</div>
</div>
</div>
<div>
<p><a href="">This is an item</a></p>
<div>
<div>
<p><a href="">This is a sub menu item</a></p>
</div>
</div>
</div>
<div>
<p><a href="">This is an item</a></p>
<div>
<div>
<p><a href="">This is a sub menu item</a></p>
</div>
</div>
</div>
<div>
<p><a href="">This is an item</a></p>
<div>
<div>
<p><a href="">This is a sub menu item</a></p>
</div>
</div>
</div>
</div>
<div area="Heading content" id="headingContent" editable="true">
<h2>This is the about page</h2>
<p>You can type a bunch of content here and it will only update on one page.</p>
</div>
<div area="Sub content superglobal" editable="true" scope="superglobal">
<h2>This is a superglobal area</h2>
<p>Anything you type here will appear on any other page using a template which contains this area.</p>
</div>
<ul id="footerNavigation" menu="Footer Navigation">
<li repeat="6" active-class="footer-menu-highlight" ancestor-class="footer-menu-parent-highlight">
<a href="" characters="60">This is a menu item</a>
<ul submenu="Footer sub menu">
<li repeat="10" active-class="footer-sub-menu-highlight">
<a href="" characters="60">This is a sub menu item</a>
</li>
</ul>
</li>
<li>
<a href="">This is a menu item</a>
<ul>
<li>
<a href="">This is a sub menu item</a>
</li>
</ul>
</li>
<li>
<a href="">This is a menu item</a>
<ul>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
</ul>
</li>
<li>
<a href="">This is a menu item</a>
<ul>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
</ul>
</li>
<li>
<a href="">This is a menu item</a>
<ul>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
<li>
<a href="">This is a sub menu item</a>
</li>
</ul>
</li>
</ul>
</div>
<div id="instructionalContent">
<h2>A short video about this page</h2>
<iframe src="http://fast.wistia.net/embed/iframe/yfalhplzdu?controlsVisibleOnLoad=true&version=v1&videoHeight=338&videoWidth=600&volumeControl=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" width="600" height="338"></iframe>
<h2>The code that creates this page</h2>
<script src="https://gist.github.com/4706087.js"></script>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment