Burak Çakırel
10 years ago
@ -0,0 +1,20 @@
|
||||
{
|
||||
"Date":"Fri, 17 Jul 2015 11:05:08 GMT",
|
||||
"Content-Encoding":"gzip",
|
||||
"Age":"0",
|
||||
"X-Cache":"MISS",
|
||||
"Connection":"keep-alive",
|
||||
"Content-Length":"1940",
|
||||
"Via":"1.1 varnish",
|
||||
"X-Served-By":"cache-lcy1122-LCY",
|
||||
"Last-Modified":"Thu, 16 Apr 2015 14:24:18 GMT",
|
||||
"Server":"GitHub.com",
|
||||
"X-Timer":"S1437131108.300792,VS0,VE84",
|
||||
"Vary":"Accept-Encoding",
|
||||
"Content-Type":"text/html; charset=utf-8",
|
||||
"Access-Control-Allow-Origin":"*",
|
||||
"Expires":"Fri, 17 Jul 2015 11:10:54 GMT",
|
||||
"Cache-Control":"max-age=600",
|
||||
"Accept-Ranges":"bytes",
|
||||
"X-Cache-Hits":"0"
|
||||
}
|
||||
@ -0,0 +1,149 @@
|
||||
|
||||
<!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>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 837 B |
|
After Width: | Height: | Size: 971 B |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 862 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.6 KiB |