Skip to content

Commit

Permalink
Merge pull request #19 from floriandanielit/flo
Browse files Browse the repository at this point in the history
ok
  • Loading branch information
floriandanielit committed Apr 24, 2014
2 parents 12a3ca6 + 4f21c3b commit a53df1f
Show file tree
Hide file tree
Showing 11 changed files with 476 additions and 2 deletions.
5 changes: 4 additions & 1 deletion CONTRIBUTORS.txt
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,7 @@ Contributors ordered by first contribution.
Florian Daniel <mail@floriandaniel.it>
Andrea Furlan <andrea.furlan@studenti.unitn.it>
Alessandro Zucchelli <alessandro.zucchel-1@studenti.unitn.it>
Anis Nouri <anis.nouri-1@studenti.unitn.it>
Anis Nouri <anis.nouri-1@studenti.unitn.it>
Joel Ngatouo <joelngatouo@yahoo.fr>
Mirko Morandi <nanotrippolo@gmail.com>
Pierluigi Videsott <pierluigi.videsott@gmail.com>
75 changes: 75 additions & 0 deletions demo/data.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<!-- saved from url=(0050)http://getbootstrap.com/examples/starter-template/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Interactive API (iAPI) Demos">
<meta name="author" content="Florian Daniel and contributors">
<link rel="shortcut icon" href="logo.png">

<title>Interactive API (iAPI) Demos</title>

<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/starter-template/starter-template.css" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css"></style></head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="logo.png" height="25px">interactive APIs</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Demos</a></li>
<li><a href="https://github.com/floriandanielit/interactive-apis/" target="_blank">Chrome extension</a></li>
<li><a href="http://www.w3.org/community/interative-apis/" target="_blank">iAPI markup specification</a></li>
<li><a href="#" target="_blank">iAPI JS library</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>

<div class="container">

<h2>Data</h2>

<h3>Annotating data</h3>

<h3>Fetching data</h3>

<h3>Interactively</h3>



</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>


</body></html>
2 changes: 1 addition & 1 deletion demo/empty_target.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


Expand Down
73 changes: 73 additions & 0 deletions demo/extraction.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<!-- saved from url=(0050)http://getbootstrap.com/examples/starter-template/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Interactive API (iAPI) Demos">
<meta name="author" content="Florian Daniel and contributors">
<link rel="shortcut icon" href="logo.png">

<title>Interactive API (iAPI) Demos</title>

<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/starter-template/starter-template.css" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css"></style></head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="logo.png" height="25px">interactive APIs</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Demos</a></li>
<li><a href="https://github.com/floriandanielit/interactive-apis/" target="_blank">Chrome extension</a></li>
<li><a href="http://www.w3.org/community/interative-apis/" target="_blank">iAPI markup specification</a></li>
<li><a href="#" target="_blank">iAPI JS library</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>

<div class="container">

<h2>iAPI extraction</h2>

<h3>Annotating iAPIs</h3>

<h3>Interactively</h3>



</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>


</body></html>
74 changes: 74 additions & 0 deletions demo/forms.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<!-- saved from url=(0050)http://getbootstrap.com/examples/starter-template/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Interactive API (iAPI) Demos">
<meta name="author" content="Florian Daniel and contributors">
<link rel="shortcut icon" href="logo.png">

<title>Interactive API (iAPI) Demos</title>

<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/starter-template/starter-template.css" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css"></style></head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="logo.png" height="25px">interactive APIs</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Demos</a></li>
<li><a href="https://github.com/floriandanielit/interactive-apis/" target="_blank">Chrome extension</a></li>
<li><a href="http://www.w3.org/community/interative-apis/" target="_blank">iAPI markup specification</a></li>
<li><a href="#" target="_blank">iAPI JS library</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>

<div class="container">

<h2>Forms</h2>

<h3>Annotating forms</h3>

<h3>Reusing forms as functions</h3>

<h3>Interactively</h3>


</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>


</body></html>
93 changes: 93 additions & 0 deletions demo/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<!-- saved from url=(0050)http://getbootstrap.com/examples/starter-template/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Interactive API (iAPI) Demos">
<meta name="author" content="Florian Daniel and contributors">
<link rel="shortcut icon" href="logo.png">

<title>Interactive API (iAPI) Demos</title>

<!-- Bootstrap core CSS -->
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="http://getbootstrap.com/examples/starter-template/starter-template.css" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css"></style></head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="logo.png" height="25px">interactive APIs</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Demos</a></li>
<li><a href="https://github.com/floriandanielit/interactive-apis/" target="_blank">Chrome extension</a></li>
<li><a href="http://www.w3.org/community/interative-apis/" target="_blank">iAPI markup specification</a></li>
<li><a href="#" target="_blank">iAPI JS library</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>

<div class="container">

<div class="starter-template">
<h1>iAPI Demos</h1>
<p class="lead">Browse, try and be surprised</p>
</div>

<p>Check out how to easily reuse any of the following, either via few simple lines of
JavaScript or interactively via the visual iAPI editor. In order to correctly view
all demos, you must have installed the iAPI Chrome extension and it must be switched
on.</p>

<a href="data.html"><h2>Data</h2></a>
<p>Annotate your markup to give data structure and enable reuse. Extract and use annotated data. Merge, join, filter data. Render them.</p>

<a href="forms.html"><h2>Forms</h2></a>
<p>Annotate forms to enable the reuse of functionality. Use them like remote functionality or web services. Do so also for forms spread
over multiple pages.</p>

<a href="userinterfaces.html"><h2>UI widgets</h2></a>
<p>Annotate pieces of UI for extration. Follow some simple development conventions. Clone complete pieces of UI, along with their
functionality.</p>

<a href="processes.html"><h2>Processes</h2></a>
<p>Record your nagivation actions. Parameterize them. Automate them.</p>

<a href="extraction.html"><h2>iAPI extraction</h2></a>
<p>Want to reuse data, functionality or UIs without iAPI support? Annotate the page yourself and extract the iAPI you need.</p>


</div><!-- /.container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>


</body></html>
6 changes: 6 additions & 0 deletions demo/js/bootstrap.min.js

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions demo/js/jquery.min.js

Large diffs are not rendered by default.

Binary file added demo/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit a53df1f

Please sign in to comment.