<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title i18n-content="title"></title>
<link rel="stylesheet" href="newtab.css">
<!-- Don't scale the viewport in either portrait or landscape mode.
Note that this means apps will be reflowed when rotated (like iPad).
If we wanted to maintain position we could remove 'maximum-scale' so
that we'd zoom out in portrait mode, but then there would be a bunch
of unusable space at the bottom.
-->
<meta name="viewport" content="user-scalable=no, width=device-width, maximum-scale=1.0">
</head>
<body>
<div id="apps-frame">
<div id="apps-page-list">
<div class="apps-page">
<!-- This is used as a template which JS copies and fills in. The
template itself is never actually displayed.
An app-container is always a direct child of an apps-page, and is
expected to have a single 'app' child element holding the visible
content, and 'img' and 'span' tags as descendants somewhere.
-->
<div class="app-container" id="app-template">
<div class="app">
<img>
<span>App name</span>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<ul id="dot-list">
<li class="dot"></li>
</ul>
<div id="trash">
</div>
</div>
<!-- If this page hasn't been run through grit and embedded into chrome, then
load the standalone hacks -->
<if expr="False">
<script src="standalone/standalone_hack.js"></script>
</if>
<!-- Substitute localized strings for all elements with il8n-content
attributes. -->
<script src="../shared/js/i18n_template.js"></script>
<!-- template data placeholder -->
<script>
i18nTemplate.process(document, templateData);
</script>
<script src="../shared/js/util.js"></script>
<script src="../shared/js/event_tracker.js"></script>
<script src="touchhandler.js"></script>
<script src="slider.js"></script>
<script src="grabber.js"></script>
<script src="newtab.js"></script>
</body>
</html>