forked from masak/proto
/
index.tmpl
187 lines (172 loc) · 6.06 KB
/
index.tmpl
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" href="/favicon.ico" type="favicon.ico" />
<title>Perl 6 Modules Directory</title>
<style type="text/css">
body {
font-family:helvetica,arial,sans-serif;
padding-top: 1em;
padding-bottom: 2em;
}
a {color:inherit;}
a img {border:none;}
.project-logo {width:32px;margin-left:-37px;margin-right:5px;float:left;}
.badges { float: right; width: 160px; }
#header {
margin:0 0 3em;min-height:200px;
border-radius: 1em;
box-shadow:5px 5px 10px #888888;
background: #80B5FF;
border:0.2em solid #63A4FF;
color: #000;
font-weight:bold;
padding:0 1em;
position:relative;
}
#header img{
border:0 none;
float:right;
position:relative;
right:-2em;
top:-1.5em;
z-index:1;
}
h2 {margin:30px 0 0 0;}
#header, #content {margin: 0 auto 0 auto;width: 800px;}
#about, p {margin: 40px auto 0 auto;text-align: justify}
#json_link {float:right;margin-top:-22px;font-size:smaller;}
h1 a { text-decoration: none; }
dl.table-display {
float: left;
width: 800px;
margin: 1em auto 0 auto;
padding: 0;
border-bottom: 1px solid #999;
}
.table-display dt {
clear: left;
float: left;
width: 270px;
margin: 0;
padding: 5px;
border-top: 1px solid #999;
font-weight: bold;
}
.table-display dd
{
float: left;
width: 510px;
margin: 0;
padding: 5px;
border-top: 1px solid #999;
}
.badges { margin-left: 1ex; }
img.valign {
vertical-align: middle;
}
#module_list > table {
width: 100%;
}
input.search {
width: 70%;
}
#my_search_box {
text-align: center;
margin: 3px auto;
}
</style>
</head>
<body>
<div id="header">
<a href="https://github.com/perl6/mu/blob/master/misc/camelia.txt"><img alt="camelia perl bug logo" src="http://perl6.org/camelia-logo.png" /></a>
<h1><a href="/">Perl 6 Modules</a></h1>
</div>
<div id="content">
<div id="about">
<p>
Below you can find a list of known Perl 6 modules. All of them
have been working on <a href="http://rakudo.org/">Rakudo</a> at
some point.
</p>
<p>These modules can be installed with <a
href="https://github.com/tadzik/panda/">panda</a>, a module management tool
which comes with <a href="http://rakudo.org/how-to-get-rakudo/">Rakudo Star</a>.
</p>
<p>
If you want to contribute your own module, please read
<a href="http://doc.perl6.org/language/modules">this guide</a>.
</p>
<p>
Missing a module you can't live without? Consider adding it
to the <a href="https://github.com/perl6/perl6-most-wanted/blob/master/most-wanted/modules.md">Most Wanted Modules</a>
file in the Most Wanted repository.
</p>
</div>
<h2>Project list</h2>
<p id="json_link"><a href="proto.json">JSON version of this list</a>.</p>
<div id="module_list">
<div id="my_search_box">
<input class="search" placeholder="Search" autofocus/>
</div>
<table>
<thead>
<tr>
<th></th>
<th>Module Name</th>
<th>Description</th>
<th>Badges</th>
</tr>
</thead>
<tbody class="list">
<TMPL_LOOP projects>
<TMPL_IF description>
<tr>
<td><TMPL_IF logo><img class="project-logo" src="<TMPL_VAR logo>" alt="<TMPL_VAR NAME> logo" /></TMPL_IF ></td>
<td><a href="<TMPL_VAR URL>"><span class="name"><TMPL_VAR NAME></span></a></td>
<td class="description"><TMPL_VAR description></td>
<td class="badges">
<TMPL_IF badge_has_readme><a href="<TMPL_VAR badge_has_readme>"><img src='readme.png' title='Has a README' alt="Readme badge" /></a><TMPL_ELSE><img src='unachieved.png' title="Doesn't have a README" alt="Unachieved badge" /></TMPL_IF>
<TMPL_IF badge_has_tests><img src='tests.png' title='Has tests' alt="Tests badge" /><TMPL_ELSE><img src='unachieved.png' title="Doesn't have tests" alt="Unachieved badge" /></TMPL_IF>
<TMPL_IF badge_is_fresh><img src='fresh.png' title='Commits in the past 90 days' alt="Fresh badge" /><TMPL_ELSE><img src='unachieved.png' title='No commits in the past 90 days' alt="Unachieved badge" /></TMPL_IF>
<TMPL_IF badge_panda_nos11><img src='panda_nos11.png' title='Conforms to the latest stable Perl 6 modules specs (without the experimental S11)' alt="Bronze Panda badge" /><TMPL_ELSE><TMPL_IF badge_panda><img src="panda.png" title='Conforms to the latest stable and experimental Perl 6 modules specs.' alt="Golden Panda badge" /><TMPL_ELSE><img src='unachieved.png' title='Not quite up-to-date with the specs' alt="Unachieved badge" /></TMPL_IF></TMPL_IF>
</td>
</tr>
</TMPL_IF>
</TMPL_LOOP>
</tbody>
</table>
<script src="js/list.min.js"></script>
<script>
var options = {
valueNames: [ 'name', 'description' ],
page: 9e9
};
var userList = new List('module_list', options);
</script>
<p style="clear:both; padding-top: 2em">
Legend:<br />
<img src='readme.png' class="valign" title='Has a README' alt="Readme badge" /> has a README |
<img src='tests.png' class="valign" title='Has tests' alt="Tests badge" /> has tests |
<img src='fresh.png' class="valign" title='Commits in the past 90 days' alt="Fresh badge" /> recently updated |
<img src='panda_nos11.png' class="valign" title='Conforms to the latest stable Perl 6 modules specs (without the experimental S11)' alt="Bronze Panda badge" /> conforms to Perl 6 modules specs
</p>
<p>
This page is generated from the files in the <a
href="http://github.com/perl6/modules.perl6.org/">modules.perl6.org
repository</a>.<br/><i>Last update: <TMPL_VAR last_update></i></p>
<p>For feedback and patches, please contact us
through the <a href="http://perl6.org/community/irc">#perl6 IRC
channel</a>, or send an email to the perl6-compiler@perl.org mailing
list.
</p>
<p>Want to know how to score badges? Read up on
<a href="fame-and-profit">how to achieve fame and profit</a>!</p>
<p>Badge images from
<a href="http://www.heydonworks.com/article/a-free-icon-web-font">Heydings Icons</a> and
<a href="http://openclipart.org/detail/139285/golf-panda-by-shu">openclipart</a>.</p>
</div>
</body>
</html>