-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (49 loc) · 2.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Sites gov.br</title>
<script src="www/modernizr.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="www/style.css" />
</head>
<body>
<a href="https://github.com/GovBrasil/Sites"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<div class="container">
<h2>Sites Gov.BR</h2>
<div id="grid-pagination">
<a id="grid-previous" href="#">« Anterior</a>
<a id="grid-next" href="#">Próximo »</a>
</div>
<div id="grid" class="row-fluid"></div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="www/jquery.paginate.min.js"></script>
<script type="text/javascript" src="www/jquery.shuffle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#example3').paginate({itemsPerPage: 10});
$.getJSON('dados/sitesgovbr.json', function(data) {
var items = [];
$.each(data, function(i, item) {
items.push(
'<figure class="span3 picture-item" data-groups="">' +
'<a href="screenshots/' + item.dominio + '.png" style="display: block; height: 200px; overflow: hidden; width: 230px;"><img src="thumbs/thumb-' + item.dominio + '.jpg" width="230" /></a>' +
'<div class="picture-item__details">' +
'<figcaption class="picture-item__title">' + item.nome + '</figcaption>' +
'<p class="link-site"><a href="http://www.' + item.dominio + '">' + item.dominio + '</a></p>' +
'<p class="picture-item__tags"></p>' +
'</div>' +
'</figure>'
);
});
$('#grid').append(items.join(''));
$('#grid').paginate({itemsPerPage: 10});
});
});
</script>
<p style="padding: 20px; text-align: center;">
<iframe src="http://ghbtns.com/github-btn.html?user=GovBrasil&repo=Sites&type=watch&count=true&size=large" height="30" width="170" frameborder="0" scrolling="0" style="width:170px; height: 30px;" allowTransparency="true" seamless></iframe>
<br /><a href="https://github.com/GovBrasil/Sites/tree/master/dados">Baixar todos os dados em CSV ou JSON</a>
</p>
</body>
</html>