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

Basic docs stuff

Browse Source
This commit is contained in:
Max Lynch
2013-09-03 15:05:42 -05:00
parent 038d5eb7ce
commit ddb6cc6737
4 changed files with 190 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
docs/app.js Normal file
View File

81
docs/components.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Ionic - The Most powerful cross-platform mobile app framework.</title>
<link href="bootstrap3.css" rel="stylesheet">
<link href="pygments.css" rel="stylesheet">
<link href="/dist/ionic.css" rel="stylesheet">
</head>
<body>
<!-- Static navbar -->
<div class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Ionic Framework</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">About</a></li>
<li><a href="#">Start</a></li>
<li><a href="components.html">Components</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Formulas <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Multi-page navigation</a></li>
<li><a href="#">Left/Right Menu</a></li>
<li><a href="#">Tab Bar</a></li>
<li><a href="#">Pull-to-refresh</a></li>
<li><a href="#">Slide up menu</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="content">
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-3" id="sidebar" role="navigation">
<div class="sidebar-nav">
<ul class="list-group">
<a class="list-group-item" href="#buttons">Buttons</a></li>
<a class="list-group-item" href="#button-groups">Button-group</a></li>
<a class="list-group-item" href="#bars">Header/Footer Bar</a></li>
<a class="list-group-item" href="#tab-bars">Tab Bar</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-9">
<div class="page-header">
<h1 id="buttons">Buttons</h1>
</div>
<p>
Buttons are the core of any great mobile app. With Ionic, we support a set of
styled buttons in the spirit of Bootstrap.
</p>
<div class="panel panel-default">
<div class="panel-heading"><h3 class="panel-title">Styles</h3></div>
<div class="panel-body">
<a href="#" class="button button-default">Button</a>
<a href="#" class="button button-secondary">Button</a>
<a href="#" class="button button-primary">Button</a>
<a href="#" class="button button-success">Button</a>
<a href="#" class="button button-warning">Button</a>
<a href="#" class="button button-danger">Button</a>
</div>
</div>
<div class="syntax"><pre><span class="nt">&lt;button</span> <span class="na">class=</span><span class="s">&quot;button button-primary&quot;</span><span class="nt">&gt;</span>Button<span class="nt">&lt;/a&gt;</span>
</pre></div>
</div>
</div>
</div>
</div>
</body>
</html>

77
docs/index.html
View File

@ -6,8 +6,7 @@
<meta name="author" content="">
<title>Ionic - The Most powerful cross-platform mobile app framework.</title>
<link href="bootstrap3.css" rel="stylesheet">
<script src="/vendor/angular/1.2.0rc1/angular-1.2.0rc1.min.js"></script>
<script src="/vendor/angular/1.2.0rc1/angular-touch.js"></script>
<link href="pygments.css" rel="stylesheet">
</head>
<body>
<!-- Static navbar -->
@ -24,7 +23,7 @@
<ul class="nav navbar-nav navbar-right">
<li><a href="#">About</a></li>
<li><a href="#">Start</a></li>
<li><a href="#">Docs</a></li>
<li><a href="components.html">Components</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Formulas <b class="caret"></b></a>
<ul class="dropdown-menu">
@ -39,42 +38,44 @@
</div>
</div>
<div class="container">
<div class="jumbotron">
<h1>Ionic Framework</h1>
<p>
The most powerful HTML5 mobile development framework. Optimized for building great hybrid native apps.
</p>
<p>
<a href="#" class="btn btn-success">Download v0.5</a>
<a href="#" class="btn btn-default">Explore examples</a>
</p>
<div id="content">
<div class="container">
<div class="jumbotron">
<h1>Ionic Framework</h1>
<p>
The most powerful HTML5 mobile development framework. Optimized for building great hybrid native apps.
</p>
<p>
<a href="#" class="btn btn-success">Download v0.5</a>
<a href="#" class="btn btn-default">Explore examples</a>
</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h2>Fast</h2>
<p>
Ionic is fast. Native DOM interactions and no reliance
on jQuery means Ionic apps are as fast as they can be. No markup enhancement means
what you write is what you get.
</p>
</div>
<div class="col-sm-4">
<h2>Forward-thinking</h2>
<p>
<b>We don't support old devices.</b> Ionic focuses on the newest
devices that have majority market share. No hacks for old-devices here. New releases
will drop support for old devices as their market share wanes.
</p>
</div>
<div class="col-sm-4">
<h2>Angular Friendly</h2>
<p>
Ionic works with great with your choice of framework (or none at all). For Angularjs developers,
we've added special features to make Ionic and Angular a match made in heaven.
</p>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h2>Fast</h2>
<p>
Ionic is fast. Native DOM interactions and no reliance
on jQuery means Ionic apps are as fast as they can be. No markup enhancement means
what you write is what you get.
</p>
</div>
<div class="col-sm-4">
<h2>Forward-thinking</h2>
<p>
<b>We don't support old devices.</b> Ionic focuses on the newest
devices that have majority market share. No hacks for old-devices here. New releases
will drop support for old devices as their market share wanes.
</p>
</div>
<div class="col-sm-4">
<h2>Angular Friendly</h2>
<p>
Ionic works with great with your choice of framework (or none at all). For Angularjs developers,
we've added special features to make Ionic and Angular a match made in heaven.
</p>
</div>
</div>
</div>
</div>

70
docs/pygments.css Normal file
View File

@ -0,0 +1,70 @@
.syntax pre { background: #242424; color: #f6f3e8}
.syntax .hll { background-color: #ffffcc }
.syntax .c { color: #99968b; font-style: normal} /* Comment */
.syntax .err { color: #f6f3e8} /* Error */
.syntax .g { color: #f6f3e8} /* Generic */
.syntax .k { color: #8ac6f2} /* Keyword */
.syntax .l { color: #f6f3e8} /* Literal */
.syntax .n { color: #f6f3e8} /* Name */
.syntax .o { color: #f6f3e8} /* Operator */
.syntax .x { color: #f6f3e8} /* Other */
.syntax .p { color: #f6f3e8} /* Punctuation */
.syntax .cm { color: #99968b; font-style: normal} /* Comment.Multiline */
.syntax .cp { color: #e5786d} /* Comment.Preproc */
.syntax .c1 { color: #99968b; font-style: normal} /* Comment.Single */
.syntax .cs { color: #99968b; font-style: normal} /* Comment.Special */
.syntax .gd { color: #f6f3e8} /* Generic.Deleted */
.syntax .ge { color: #f6f3e8} /* Generic.Emph */
.syntax .gr { color: #f6f3e8} /* Generic.Error */
.syntax .gh { color: #f6f3e8; font-weight: bold} /* Generic.Heading */
.syntax .gi { color: #f6f3e8} /* Generic.Inserted */
.syntax .go { color: #808080; background-color: #303030 } /* Generic.Output */
.syntax .gp { color: #f6f3e8} /* Generic.Prompt */
.syntax .gs { color: #f6f3e8} /* Generic.Strong */
.syntax .gu { color: #f6f3e8; font-weight: bold} /* Generic.Subheading */
.syntax .gt { color: #f6f3e8} /* Generic.Traceback */
.syntax .kc { color: #8ac6f2} /* Keyword.Constant */
.syntax .kd { color: #8ac6f2} /* Keyword.Declaration */
.syntax .kn { color: #8ac6f2} /* Keyword.Namespace */
.syntax .kp { color: #8ac6f2} /* Keyword.Pseudo */
.syntax .kr { color: #8ac6f2} /* Keyword.Reserved */
.syntax .kt { color: #cae682} /* Keyword.Type */
.syntax .ld { color: #f6f3e8} /* Literal.Date */
.syntax .m { color: #e5786d} /* Literal.Number */
.syntax .s { color: #95e454; font-style: normal} /* Literal.String */
.syntax .na { color: #cae682} /* Name.Attribute */
.syntax .nb { color: #f6f3e8} /* Name.Builtin */
.syntax .nc { color: #f6f3e8} /* Name.Class */
.syntax .no { color: #e5786d} /* Name.Constant */
.syntax .nd { color: #f6f3e8} /* Name.Decorator */
.syntax .ni { color: #e7f6da} /* Name.Entity */
.syntax .ne { color: #f6f3e8} /* Name.Exception */
.syntax .nf { color: #cae682} /* Name.Function */
.syntax .nl { color: #f6f3e8} /* Name.Label */
.syntax .nn { color: #f6f3e8} /* Name.Namespace */
.syntax .nx { color: #f6f3e8} /* Name.Other */
.syntax .py { color: #f6f3e8} /* Name.Property */
.syntax .nt { color: #8ac6f2} /* Name.Tag */
.syntax .nv { color: #cae682} /* Name.Variable */
.syntax .ow { color: #f6f3e8} /* Operator.Word */
.syntax .w { color: #f6f3e8} /* Text.Whitespace */
.syntax .mf { color: #e5786d} /* Literal.Number.Float */
.syntax .mh { color: #e5786d} /* Literal.Number.Hex */
.syntax .mi { color: #e5786d} /* Literal.Number.Integer */
.syntax .mo { color: #e5786d} /* Literal.Number.Oct */
.syntax .sb { color: #95e454; font-style: normal} /* Literal.String.Backtick */
.syntax .sc { color: #95e454; font-style: normal} /* Literal.String.Char */
.syntax .sd { color: #95e454; font-style: normal} /* Literal.String.Doc */
.syntax .s2 { color: #95e454; font-style: normal} /* Literal.String.Double */
.syntax .se { color: #95e454; font-style: normal} /* Literal.String.Escape */
.syntax .sh { color: #95e454; font-style: normal} /* Literal.String.Heredoc */
.syntax .si { color: #95e454; font-style: normal} /* Literal.String.Interpol */
.syntax .sx { color: #95e454; font-style: normal} /* Literal.String.Other */
.syntax .sr { color: #95e454; font-style: normal} /* Literal.String.Regex */
.syntax .s1 { color: #95e454; font-style: normal} /* Literal.String.Single */
.syntax .ss { color: #95e454; font-style: normal} /* Literal.String.Symbol */
.syntax .bp { color: #f6f3e8} /* Name.Builtin.Pseudo */
.syntax .vc { color: #cae682} /* Name.Variable.Class */
.syntax .vg { color: #cae682} /* Name.Variable.Global */
.syntax .vi { color: #cae682} /* Name.Variable.Instance */
.syntax .il { color: #e5786d} /* Literal.Number.Integer.Long */