<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-dialog.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">
<title>Compass</title>
</head>
<body>
<script type="text/x-handlebars">
<div class="navbar navbar-fixed-top">
<div class="col-xs-5 pull-left">
<img class="pull-left" src="img/osp-logo.jpg"/>
</div>
<div class="col-xs-3 pull-right">
<div class="btn-group pull-right">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-align-justify"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li>{{#link-to 'choiceMaps' }}Progress{{/link-to}}</li>
<li><a href="#">Start Over</a></li>
<li class="divider"></li>
<li>{{#link-to 'about'}}About{{/link-to}}</li>
<li>{{#link-to 'faqs'}}FAQ{{/link-to}}</li>
</ul>
</div>
</div>
</div>
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="intro">
<div class="col-xs-10 col-xs-offset-1 btmpad">
<div {{bind-attr class="animation.animation"}}>
<div {{bind-attr class="animation.animation :question :col-sm-6 "}}>
<h1>{{{detail}}}
{{# if alert}}
<a class="lowercase" {{action 'showAlert' alert}}>{{alert.title}}<span class="defInfo glyphicon glyphicon-new-window"></span></a>
{{/if}}
{{# if detail2}}
{{{detail2}}}
{{/if}}
{{# if alert2}}
<a class="lowercase" {{action 'showAlert' alert2}}>{{alert2.title}}<span class="defInfo glyphicon glyphicon-new-window"></span></a>
{{/if}}
</h1>
</div>
<div class="character col-sm-6">
<img class="img-responsive" {{bind-attr src=character}} />
</div>
</div>
</div>
<div class="col-xs-12 navbar-fixed-bottom mgbtm">
<div class="container">
<button class="btn btn-success btn-success-custom btn-block" {{action 'nextAction'}}>Continue</button>
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="faqs">
<div class="col-xs-10 col-xs-offset-1 btmpad">
<ul class="faq">
{{#each controller}}
<li><p>Q. {{faqQuestion}}</p><p>A. {{faqAnswer}}</p></li>
{{/each}}
</ul>
</div>
<div class="col-xs-12 navbar-fixed-bottom mgbtm">
<div class="col-xs-8 col-xs-offset-2">
<button class="btn btn-success btn-success-custom btn-block" onclick="goBack()">Continue</button>
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="question">
<div class="col-xs-10 col-xs-offset-1 btmpad">
<div {{bind-attr class="animation.animation"}}>
<div {{bind-attr class="animation.animation :question :col-sm-6"}}>
<h1>{{detail}}</h1>
</div>
<div class="character col-sm-6">
<img class="img-responsive" {{bind-attr src=character}} />
</div>
</div>
</div>
<div class="col-xs-12 navbar-fixed-bottom mgbtm">
<div class="col-xs-6">
<button class="btn btn-warning btn-warning-custom btn-block" {{action 'selectNo'}}>No</button>
</div>
<div class="col-xs-6">
<button class="btn btn-success btn-success-custom btn-block" {{action 'selectYes'}}>Yes</button>
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="stop">
<div class="col-xs-10 col-xs-offset-1 btmpad">
<div {{bind-attr class="animation.animation"}}>
<div {{bind-attr class="animation.animation :question :col-sm-6"}}>
<h1>{{{detail}}}</h1>
</div>
<div class="character col-sm-6">
<img class="img-responsive" {{bind-attr src=character}} />
</div>
</div>
</div>
<div class="col-xs-12 navbar-fixed-bottom mgbtm">
<div class="container">
{{# if startOver}}
<a class="btn btn-success btn-success-custom btn-block" href="#">Start Over</a>
{{else}}
<button class="btn btn-success btn-success-custom btn-block" {{action 'stopAction' this}}>Continue</button>
{{/if}}
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="choiceMaps">
<div class="col-xs-10 col-xs-offset-1 btmpad">
<ul class = "choice-list">
{{#each controller}}
<li><div class="col-xs-12">{{question}}</div>
{{# if selectY}}
<div class="col-xs-6"><p>You Answered:</p></div>
<div class="col-xs-6 pull-right"><p class="btn btn-success btn-success-custom">{{selectY}}</p></div>
{{/if}}
{{# if selectN}}
<div class="col-xs-6"><p>You Answered:</p></div>
<div class="col-xs-6 pull-right"><p class="btn btn-warning btn-warning-custom">{{selectN}}</p></div>
{{/if}}
<div class="col-xs-12 centre-txt"><span class="glyphicon glyphicon-arrow-down"></span></div>
</li>
{{/each}}
</ul>
</div>
<div class="col-xs-12 navbar-fixed-bottom mgbtm">
<div class="col-xs-8 col-xs-offset-2">
<button class="btn btn-success btn-success-custom btn-block" onclick="goBack()">Continue</button>
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="licences">
<div class="col-xs-10 col-xs-offset-1 btmpad">
<div class="panel-group" id="accordion">
{{#each controller}}
{{# if isSelected}}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse{{unbound id}}">{{name}} <span class="label label-success pull-right">more</span></a>
</h4>
</div>
<div id="collapse{{unbound id}}" class="panel-collapse collapse">
<div class="panel-body">
<div class="row">
<div class="container">
<p>Licence Type: {{type.type}}</p>
</div>
</div>
<div class="row">
<div>
<p class="alert alert-success">Procedural</p>
<ul>
{{#each proceduralObligation}}
<li>{{procedural}}</li>
{{/each}}
</ul>
</div>
<div>
<p class="alert alert-warning">Liability</p>
<ul>
{{#each liabilityObligation}}
<li>{{liability}}</li>
{{/each}}
</ul>
</div>
<div>
<p class="alert alert-info">Intellectual Property</p>
<ul>
{{#each intellectualObligation}}
<li>{{intellectual}}</li>
{{/each}}
</ul>
</div>
<div>
<p class="alert alert-danger">Distribution Obligations</p>
<ul>
{{#each distributionObligation}}
<li>{{distribution}}</li>
{{/each}}
</ul>
</div>
</div>
<div class="row">
<div class="container">
<a class="btn btn-success btn-success-custom" href="{{unbound url}}">View Full Licence Text</a>
</div>
</div>
</div>
</div>
</div>
{{/if}}
{{/each}}
</div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="about">
<div class="container about">
<h1>The Prose Consortium</h1>
<!--<p>OpenSourceProjects.eu is a software
forge dedicated to hosting Open Source
projects created within EU research
projects.</p>
<p>This forge was created as part of the
PROSE coordination action, with the main
goal of promoting the dissemination of
project results as Open Source software.</p>!-->
<div class="col-xs-12">
<img class="img-responsive" src="img/prose-logos/logos.jpg"/>
<h2>Disclaimer</h2>
<p>The views expressed in this App are purely those of the authors and may not, in any circumstances, be interpreted as stating an official position of their companies or the European Commission nor provide a substitute for legal advice.</p><p>The European Commission and the members of the PROSE Consortium do not guarantee the accuracy of the information included in this App, nor do they accept any responsibility or liability for any use thereof and all liability is disclaimed to the fullest extent permitted at law.</p>
<h2>This application is licensed under:</h2>
<p>Apache License, Version 2.0</p>
<p>Creative Commons 4.0 Attribution</p>
</div>
</div>
<div class="col-xs-12 navbar-fixed-bottom mgbtm">
<div class="col-xs-8 col-xs-offset-2">
<button class="btn btn-success btn-success-custom btn-block" onclick="goBack()">Continue</button>
</div>
</div>
</script>
<script type="text/javascript" src="phonegap.js"></script>
<script src="js/libs/jquery-1.10.2.js"></script>
<script src="js/libs/handlebars-1.1.2.js"></script>
<script src="js/libs/ember-1.4.0.js"></script>
<script src="js/libs/ember-data.js"></script>
<script src="js/libs/localstorage_adapter.js"></script>
<script src="js/libs/bootstrap.js"></script>
<script src="js/libs/bootstrap-dialog.js"></script>
<script src="js/libs/fastclick.js"></script>
<script src="js/libs/flowtype.js"></script>
<script src="js/app.js"></script>
<script src="js/models/animation-model.js"></script>
<script src="js/models/choicemap-model.js"></script>
<script src="js/models/obligations-model.js"></script>
<script src="js/models/licence-model.js"></script>
<script src="js/models/licencetype-model.js"></script>
<script src="js/models/question-model.js"></script>
<script src="js/models/stop-model.js"></script>
<script src="js/models/intro-model.js"></script>
<script src="js/models/info-model.js"></script>
<script src="js/models/faq-model.js"></script>
<script src="js/routes/mainapplication-route.js"></script>
<script src="js/data/animation-data.js"></script>
<script src="js/routes/application-routes.js"></script>
<script src="js/controllers/question-controller.js"></script>
<script src="js/controllers/stop-controller.js"></script>
<script src="js/controllers/licence-controller.js"></script>
<script src="js/controllers/intro-controller.js"></script>
<script type="text/javascript">
$(function() {
FastClick.attach(document.body);
});
</script>
<script>
function goBack() {
window.history.back()
}
</script>
<script>
$('body').flowtype({
minFont : 12,
maxFont : 25
});
</script>
</body>
</html>