You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
149 lines
6.5 KiB
149 lines
6.5 KiB
|
|
<!DOCTYPE html>
|
|
<html lang="en" ng-app="presen" >
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Preso Engines | CodeLanka</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
|
|
<script src="//code.jquery.com/jquery.js"></script>
|
|
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
|
|
<link href='//fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
|
|
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
"use strict";
|
|
var $bgobj = $(".ha-bg-parallax"); // assigning the object
|
|
$(window).on("scroll", function () {
|
|
var yPos = -($(window).scrollTop() / $bgobj.data('speed'));
|
|
// Put together our final background position
|
|
var coords = '100% ' + yPos + 'px';
|
|
// Move the background
|
|
$bgobj.css({ backgroundPosition: coords });
|
|
});
|
|
$('div.product-chooser').not('.disabled').find('div.product-chooser-item').on('click', function(){
|
|
$(this).parent().parent().find('div.product-chooser-item').removeClass('selected');
|
|
$(this).addClass('selected');
|
|
$(this).find('input[type="radio"]').prop("checked", true);
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
<div>
|
|
<div class="ha-bg-parallax text-center block-marginb-none" data-type="background" data-speed="20">
|
|
<div class="ha-parallax-body">
|
|
<div class="ha-content ha-content-whitecolor">
|
|
<h1 id="headernav">Preso Engines</h1>
|
|
"Presentation Engines"
|
|
</div>
|
|
<div class="ha-parallax-divider-wrapper">
|
|
<span class="ha-diamond-divider-md img-responsive"></span>
|
|
</div>
|
|
<div class="ha-heading-parallax">By | CodeLanka</div>
|
|
</div>
|
|
</div>
|
|
<div class="container" ng-controller="presentationController">
|
|
<h2></h2>
|
|
<div class="row form-group product-chooser">
|
|
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"
|
|
ng-repeat="presentation in presentations">
|
|
<div class="product-chooser-item">
|
|
<div class="col-xs-8 col-sm-8 col-md-12 col-lg-12">
|
|
<hr/>
|
|
<span class="title">
|
|
{{presentation.name}}
|
|
</span>
|
|
|
|
<span class="website">
|
|
<a href="{{presentation.website}}">{{presentation.website}}</a>
|
|
</span>
|
|
|
|
<span class="description">
|
|
{{presentation.description}}</span>
|
|
<input type="radio" name="product" value="mobile_desktop"
|
|
checked="checked">
|
|
<hr/>
|
|
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
|
|
<i class="fa fa-star"></i>
|
|
<h2>{{presentation.stargazers_count}}</h2>
|
|
</div>
|
|
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
|
|
<i class="fa fa-users"></i>
|
|
<h2>{{presentation.watchers_count}}</h2>
|
|
</div>
|
|
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
|
|
<i class="fa fa-bug"></i>
|
|
<h2>{{presentation.open_issues_count}}</h2>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
<hr>
|
|
<p>Github -
|
|
<a href="http://github.com/{{presentation.github}}">{{presentation.github}}</a>
|
|
</p>
|
|
<p>Demo -
|
|
<a href="{{presentation.demo}}">{{presentation.demo}}</a>
|
|
</p>
|
|
|
|
<p>License - {{presentation.license}} </p>
|
|
|
|
<p>Language - {{presentation.language}} </p>
|
|
<hr/>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- jQuery -->
|
|
<!-- Bootstrap JavaScript -->
|
|
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
|
|
|
|
<script>
|
|
var phonecatApp = angular.module('presen', []);
|
|
phonecatApp.controller('presentationController', function ($scope,$http) {
|
|
|
|
var github = "https://api.github.com/repos/";
|
|
|
|
$http.get('data.json').
|
|
success(function(data, status, headers, config) {
|
|
$scope.presentations=data.engines;
|
|
|
|
for (var i = data.engines.length - 1; i >= 0; i--) {
|
|
$scope.presentations[i].stargazers_count=0;
|
|
$scope.presentations[i].watchers_count=0;
|
|
$scope.presentations[i].open_issues_count=0;
|
|
|
|
(function(no){
|
|
var githuburl = github+data.engines[no].github;
|
|
|
|
$http.get(githuburl)
|
|
.success(function(data, status, headers, config) {
|
|
$scope.presentations[no].stargazers_count=data.stargazers_count;
|
|
$scope.presentations[no].watchers_count=data.watchers_count;
|
|
$scope.presentations[no].open_issues_count=data.open_issues_count;
|
|
|
|
})
|
|
.error(function(data, status, headers, config) {});
|
|
}(i));
|
|
|
|
|
|
|
|
};
|
|
}).
|
|
error(function(data, status, headers, config) {});
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html> |