Skip to content

Instantly share code, notes, and snippets.

/index.html

Created November 29, 2012 10:19
Show Gist options
  • Save anonymous/4168023 to your computer and use it in GitHub Desktop.
Save anonymous/4168023 to your computer and use it in GitHub Desktop.
Download ZIP
Example navigation lungo
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lungo 2 - HTML5 Cross-Device Framework</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="cleartype" content="on">
<!-- iPhone -->
<link href="http://lungo.tapquo.com/resources/icon-57.png" sizes="57x57" rel="apple-touch-icon">
<link href="http://lungo.tapquo.com/resources/startup-image-320x460.png" media="(device-width: 320px) and (device-height: 480px)
and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iPhone (Retina) -->
<link href="http://lungo.tapquo.com/resources/icon-114.png" sizes="114x114" rel="apple-touch-icon">
<link href="http://lungo.tapquo.com/resources/startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px)
and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPhone 5 -->
<link href="http://lungo.tapquo.com/resources/startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px)
and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- iPad -->
<link href="http://lungo.tapquo.com/resources/icon-72.png" sizes="72x72" rel="apple-touch-icon">
<link href="http://lungo.tapquo.com/resources/startup-image-768x1004.png" media="(device-width: 768px) and (device-height: 1024px)
and (orientation: portrait)
and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<link href="http://lungo.tapquo.com/resources/startup-image-748x1024.png" media="(device-width: 768px) and (device-height: 1024px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
<!-- iPad (Retina) -->
<link href="http://lungo.tapquo.com/resources/icon-144.png" sizes="144x144" rel="apple-touch-icon">
<link href="http://lungo.tapquo.com/resources/startup-image-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px)
and (orientation: portrait)
and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link href="http://lungo.tapquo.com/resources/startup-image-1496x2048.png" media="(device-width: 768px) and (device-height: 1024px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<!-- Lungo - Stylesheets -->
<link rel="stylesheet" href="components/lungo/lungo.css">
<link rel="stylesheet" href="components/lungo/lungo.icon.css">
<link rel="stylesheet" href="components/lungo/lungo.icon.brand.css">
<link rel="stylesheet" href="components/lungo/lungo.theme.default.css">
</head>
<body class="app">
<section id="list" data-transition="slide">
<header data-title="Movimientos"></header>
<footer>
<nav>
<a href="#pie" data-router="section" data-icon="pie"></a>
<a href="#list" data-router="section" class="current" data-icon="inbox-full"></a>
<a href="#settings" data-router="section" data-icon="settings"></a>
</nav>
</footer>
<article id="bymoth">Por meses</article>
<article id="byday">Por día</article>
<article id="byyear">Por años</article>
</section>
<section id="pie" data-transition="slide">
<header data-title="Dashboard"></header>
<footer>
<nav>
<a href="#pie" data-router="section" class="current" data-icon="pie"></a>
<a href="#list" data-router="section" data-icon="inbox-full"></a>
<a href="#settings" data-router="section" data-icon="settings"></a>
</nav>
</footer>
<article id="dashboard">dashboard</article>
</section>
<section id="settings" data-transition="slide">
<header data-title="Settings"></header>
<footer>
<nav>
<a href="#pie" data-router="section" data-icon="pie"></a>
<a href="#list" data-router="section" data-icon="inbox-full"></a>
<a href="#settings" data-router="section" class="current" data-icon="settings"></a>
</nav>
</footer>
<article id="settings">settings</article>
</section>
<!-- Lungo - Dependencies -->
<script src="components/quojs/quo.js"></script>
<script src="components/lungo/lungo.js"></script>
<!-- Lungo - Sandbox App -->
<script>
Lungo.init({
name: 'prueba'
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment