Skip to content

Instantly share code, notes, and snippets.

@fortes

fortes/index.html

Created February 24, 2011 06:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save fortes/841841 to your computer and use it in GitHub Desktop.
Save fortes/841841 to your computer and use it in GitHub Desktop.
Download ZIP
HTML file for the cover
Raw
index.html
<!doctype html>
<html class="no-js no-treesaver">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,minimum-scale=1,maximum-scale=1" />
<title>Hoodgrown</title>
<link rel="stylesheet" href="style.css">
<link rel="resources" href="resources.html">
<link rel="contents" href="toc.html" />
<link rel="apple-touch-icon" href="http://www.hoodgrownonline.com/ts/Apple-Touch-Icon.png" />
<script src="treesaver-0.9.1.js"></script>
</head>
<body>
<article data-grids="cover">
<figure>
<img data-sizes="single" class="sizetocontainer" src="img/cover.jpg"
width="380" height="507"
alt="Hoodgrown Magazine Cover">
<img data-sizes="double" data-src="img/cover.jpg"
width="560" height="800"
alt="Hoodgrown Magazine Cover">
</figure>
</article>
</body>
</html>
Raw
resources.html
<!doctype html>
<html>
<body>
<div class="chrome">
<div class="viewer">
</div>
<div class="controls">
<div class="pagewidth">
<span class="pagenumbers">
<span data-bind="pagenumber">1</span> /
<span data-bind="pagecount">5</span>
</span>
<button class="prev">Prev</button>
<button class="next">Next</button>
</div>
</div>
</div>
<div class="grid">
<div class="container" data-sizes="title single"></div>
<div class="column"></div>
</div>
<div class="grid cols-2">
<div class="container cols-2" data-sizes="title double"></div>
<div class="column"></div>
<div class="container col-2" data-sizes="single"></div>
<div class="column col-2"></div>
</div>
<div class="grid cols-3">
<div class="container cols-3" data-sizes="title"></div>
<div class="column"></div>
<div class="container col-2 cols-2" data-sizes="double"></div>
<div class="column col-2"></div>
<div class="container col-3" data-sizes="single"></div>
<div class="column col-3"></div>
</div>
<div class="grid cover cols-1 sizetocontainer">
<div class="container col-1" data-sizes="single"></div>
</div>
<div class="grid cover cols-2 sizetocontainer">
<div class="container cols-2" data-sizes="double"></div>
</div>
<div class="loading">
Loading
</div>
<div class="error">
Error
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment