-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
132 lines (121 loc) · 4.36 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en" ng-app>
<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>Erlang Libs</title>
<!-- Angular-->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootswatch/3.1.1/cerulean/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!-- Custom -->
<script src="data.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[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">
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}
.container {
width: auto;
max-width: 1080px;
padding: 0 15px;
}
.container .text-muted {
margin: 20px 0;
}
</style>
</head>
<body>
<a href="http://github.com/ekalinin/erlang-libs">
<img alt="Fork me on GitHub"
style="position: fixed; top: 0; right: 0; border: 0;"
src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png">
</a>
<div class="container" ng-controller="DataCtrl">
<div class="page-header">
<h1>Erlang libraries</h1>
<p>This is a listing of erlang libraries with some minimal meta data about them.</p>
<p>If you want to add some library just
<a href="https://github.com/ekalinin/erlang-libs/edit/gh-pages/data.js">edit
the data.js file</a> and add into it your data at the end of the
file. For example:
<pre> <code>
{
github: 'extend/cowboy',
tags: ['http-server', 'websockets'],
license: 'BSD',
desc: 'Small, fast and modular HTTP server'
}
</code> </pre>
</p>
</div>
<form role="form">
<fieldset>
<div class="form-group">
<label for="formFilter">Search:</label>
<input type="search" id="formFilter" class="form-control"
placeholder="Enter text to filter"
ng-model="searchText">
</div>
</fieldset>
</form>
<div class="panel panel-default table-responsive">
<!-- Default panel contents -->
<div class="panel-heading text-right">Total number of libraries: {{ data.length }}</div>
<table class="table table-hover table-striped">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Source</th>
<th>License</th>
<th>Tags</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in getData() | filter:searchText">
<td>{{$index + 1}}</td>
<td><b>{{row.name}}</b></td>
<td>
<a href="https://github.com/{{row.github}}">{{row.github}}</a>
</td>
<td>{{row.license}}</td>
<td>{{row.tags}}</td>
<td>{{row.desc}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="footer">
<div class="container">
<p class="text-muted text-center">
<a href="https://twitter.com/evkalinin"> Eugene Kalinin </a> @ 2014
</p>
</div>
</div>
</body>
</html>