Files
ionic-framework/docs/templates/pages-data.template.html
2014-03-17 10:25:40 -06:00

125 lines
3.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
{% include meta_tags.html %}
<title>{{page.title}} - Ionic Framework</title>
{% include head_includes.html %}
</head>
<body class="docs docs-page docs-api">
{% include nav_links.html %}
<div class="header horizontal-gradient">
<div class="container">
<h3>{% if page.header_title %}{{ page.header_title }}{% else %}{{ page.title }}{% endif %}</h3>
<h4>{% if page.header_sub_title %}{{ page.header_sub_title}}{% else %}How to get the most out of Ionic.{% endif %}</h4>
</div>
<div class="news">
<div class="container">
<div class="picker">
<select onchange="window.location.href=this.options[this.selectedIndex].value">
<@ for ver in version.list @>
<option
value="<$ ver.href $>/{% if page.path %}{{page.path}}{% endif %}"
{% if page.version == "<$ ver.name $>" %}selected{% endif %}>
<$ ver.name $> <@ if version.latest.name == ver.name @>(latest)<@ endif @>
</option>
<@ endfor @>
</select>
</div>
</div>
</div>
</div>
<div class="container content-container">
<div class="row">
<div class="col-md-2 col-sm-3 aside-menu">
<div>
<ul class="nav left-menu">
<li class="menu-title">
<a href="/docs/overview/">Overview</a>
</li>
</ul>
<ul class="nav left-menu">
<li class="menu-title">
<a href="/docs/components/">CSS</a>
</li>
</ul>
<!-- Docs: JavaScript -->
<ul class="nav left-menu active-menu">
<li class="menu-title">
<a href="{% if page.versionHref %}{{page.versionHref}}{% else %}}<$ version.current.href $>{% endif %}">
JavaScript
</a>
</li>
{% include api_menu_<$ version.current.name $>.html %}
</ul>
<ul class="nav left-menu">
<li class="menu-title">
<a href="/tutorials/">Tutorials</a>
</li>
</ul>
<ul class="nav left-menu">
<li class="menu-title">
<a href="/docs/guide/">Guide</a>
</li>
</ul>
</div>
</div>
<div class="col-md-10 col-sm-9 main-content">
{{ content }}
</div>
</div>
</div>
<div class="pre-footer">
<div class="row ionic">
<div class="col-sm-6 col-a">
<h4>
<a href="/getting-started/">Getting started <span class="icon ion-arrow-right-c"></span></a>
</h4>
<p>
Learn more about how Ionic was built, why you should use it, and what's included. We'll cover
the basics and help you get started from the ground up.
</p>
</div>
<div class="col-sm-6 col-b">
<h4>
<a href="/docs/">Documentation <span class="icon ion-arrow-right-c"></span></a>
</h4>
<p>
What are you waiting for? Take a look and get coding! Our documentation covers all you need to know
to get an app up and running in minutes.
</p>
</div>
</div>
</div>
{% include footer.html %}
{% include base_scripts.html %}
</body>
</html>