javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

nav/template stuff

Browse Source
This commit is contained in:
Adam Bradley
2013-08-25 22:54:18 -05:00
parent ae871c1613
commit a0ceba83d5
12 changed files with 254 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
example/buttons.html
View File

@ -28,33 +28,34 @@
</head>
<body>
<section>
<header data-template="primary-header"></header>
<header data-template="primary-header"></header>
<main class="content-padded">
<p>
<a class="button button-default" href="grid.html">Default</a>
<a class="button button-secondary" href="index.html">Secondary</a>
<a class="button button-primary" href="listview.html">Primary</a>
<a class="button button-info" href="index.html">Info</a>
<a class="button button-success" href="index.html">Success</a>
<a class="button button-warning" href="index.html">Warning</a>
<a class="button button-danger" href="index.html">Danger</a>
<a class="button button-dark" href="index.html">Dark</a>
</p>
<p>
<div class="button-group">
<a class="button button-primary" href="index.html">Success</a>
<a class="button button-primary" href="index.html">Warning</a>
<a class="button button-primary" href="index.html">Danger</a>
<a class="button button-primary" href="index.html">Dark</a>
</div>
</p>
</main>
<main class="content-padded">
<p>
<a class="button button-default" href="grid.html">Default</a>
<a class="button button-secondary" href="index.html">Secondary</a>
<a class="button button-primary" href="listview.html">Primary</a>
<a class="button button-info" href="index.html">Info</a>
<a class="button button-success" href="index.html">Success</a>
<a class="button button-warning" href="index.html">Warning</a>
<a class="button button-danger" href="index.html">Danger</a>
<a class="button button-dark" href="index.html">Dark</a>
</p>
<p>
<div class="button-group">
<a class="button button-primary" href="index.html">Success</a>
<a class="button button-primary" href="index.html">Warning</a>
<a class="button button-primary" href="index.html">Danger</a>
<a class="button button-primary" href="index.html">Dark</a>
</div>
</p>
</main>
<footer class="bar-footer"></footer>
<footer class="bar-footer"></footer>
</section>
<script src="../js/jquery/jquery-1.10.2.js"></script>
<script src="../js/framework/framework-events.js"></script>

30
example/grid.html
View File

@ -6,21 +6,25 @@
</head>
<body>
<header data-template="primary-header"></header>
<section>
<main>
<p>
<a class="button button-default" href="grid.html">Grid</a>
</p>
<p>
<a class="button button-primary" href="listview.html">List View</a>
</p>
<p>
<a class="button button-secondary" href="index.html">Home</a>
</p>
</main>
<header data-template="primary-header"></header>
<footer class="bar-footer"></footer>
<main>
<p>
<a class="button button-default" href="grid.html">Grid</a>
</p>
<p>
<a class="button button-primary" href="listview.html">List View</a>
</p>
<p>
<a class="button button-secondary" href="index.html">Home</a>
</p>
</main>
<footer class="bar-footer"></footer>
</section>
<script src="../js/jquery/jquery-1.10.2.js"></script>
<script src="../js/framework/framework-events.js"></script>

52
example/index.html
View File

@ -26,33 +26,37 @@
<script src="app.js"></script>
</head>
<body ontouchstart="">
<body>
<header class="bar bar-header bar-secondary" data-template="primary-header">
<a class="button button-previous" href="#">
<i class="icon-arrow-left"></i>
</a>
<h1 class="title">Willkommen!</h1>
<a class="button button-next" href="#">
<i class="icon-arrow-right"></i>
</a>
</header>
<section>
<main>
<p>
<a class="button button-default" href="buttons.html">Button Examples</a>
</p>
<p>
<a class="button button-default" href="listview.html">List View Example</a>
</p>
<p>
<a class="button button-default" href="grid.html">Grid Example</a>
</p>
</main>
<header class="bar bar-header bar-secondary" data-template="primary-header">
<a class="button button-previous" data-history-go="-1" href="#">
<i class="icon-arrow-left"></i>
</a>
<h1 class="title">Willkommen!</h1>
<a class="button button-next" data-history-go="1" href="#">
<i class="icon-arrow-right"></i>
</a>
</header>
<footer class="bar bar-footer bar-secondary">
<h1 class="title">Auf Wiedersehen</h1>
</footer>
<main>
<p>
<a class="button button-default" href="buttons.html">Button Examples</a>
</p>
<p>
<a class="button button-default" href="listview.html">List View Example</a>
</p>
<p>
<a class="button button-default" href="grid.html">Grid Example</a>
</p>
</main>
<footer class="bar bar-footer bar-secondary">
<h1 class="title">Auf Wiedersehen</h1>
</footer>
</section>
<script src="../js/jquery/jquery-1.10.2.js"></script>
<script src="../js/framework/framework-events.js"></script>

127
example/listview.html
View File

@ -28,76 +28,71 @@
</head>
<body>
<section>
<header data-template="primary-header"></header>
<header data-template="primary-header"></header>
<main>
<ul class="list">
<a href="#" class="list-item">
Sasafras
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Candy
<i class="icon-arrow-right"></i>
</a>
<li class="list-divider">Other things</li>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
</ul>
</main>
<main>
<ul class="list">
<a href="#" class="list-item">
Sasafras
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Candy
<i class="icon-arrow-right"></i>
</a>
<li class="list-divider">Other things</li>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
<a href="#" class="list-item">
Cheese cords
<i class="icon-arrow-right"></i>
</a>
</ul>
</main>
<footer class="bar-footer"></footer>
<script id="framework-globals" type="text/globals">
asdfasf
</script>
<footer class="bar-footer"></footer>
</section>
<script src="../js/jquery/jquery-1.10.2.js"></script>
<script src="../js/framework/framework-events.js"></script>