forked from rtorr/newww
-
Notifications
You must be signed in to change notification settings - Fork 0
/
homepage.hbs
109 lines (93 loc) · 2.97 KB
/
homepage.hbs
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
<div class="container">
<div class="centered">
<h1>npm is the package manager for <span id="what-npm-is-for">node.js</span></h1>
</div>
<div id="home-stats">
{{#if totalPackages}}
<div class="stat icon-package-hex">
<strong class="pretty-number total-packages">{{totalPackages}}</strong>
total packages
</div>
{{/if}}
{{#if downloads.day}}
<div class="stat icon-cal-24hours">
<strong class="pretty-number">{{downloads.day.downloads}}</strong>
downloads in the last day
</div>
{{/if}}
{{#if downloads.week}}
<div class="stat icon-cal-7days">
<strong class="pretty-number">{{downloads.week.downloads}}</strong>
downloads in the last week
</div>
{{/if}}
{{#if downloads.month}}
<div class="stat icon-cal-30days">
<strong class="pretty-number">{{downloads.month.downloads}}</strong>
downloads in the last month
</div>
{{/if}}
</div>
</div>
<h2 id="explicit" class="centered ruled">
<a href="#explicit">packages people 'npm install' a lot</a>
</h2>
<ul class="columnar">
{{#each explicit}}
<li>{{> package-widget}}</li>
{{/each}}
</ul>
<h2 id="getting-started" class="centered ruled">
<a href="#getting-started">getting started</a>
</h2>
<ul class="columnar">
<li>
<h3><a href="https://nodejs.org/en/download/">installing npm</a></h3>
<p>
The npm command-line tool is bundled with <a href="https://nodejs.org/">Node.js</a>. If you have
it installed, then you already have npm too. If not, go download
<a href="https://nodejs.org/en/download/">Node.js</a>.
</p>
</li>
<li>
<h3><a href="https://docs.npmjs.com">screencasts and docs</a></h3>
<p>
We've got a <a href="https://docs.npmjs.com/">new docs site</a> featuring videos and tutorials to help
you make your javascript dreams come true. Head on over to
<a href="https://docs.npmjs.com/">docs.npmjs.com</a>
</p>
</li>
{{#unless features.npmo}}
<li>
<h3><a href="/whoshiring">get a job</a></h3>
<div class="hiring-container" data-template="vanilla"></div>
</li>
{{/unless}}
</ul>
<h2 id="recent" class="centered ruled">
<a href="/browse/updated">recently updated packages</a>
</h2>
<ul class="columnar">
{{#each modified.results}}
<li>{{> package-widget}}</li>
{{/each}}
</ul>
<h2 id="depended" class="centered ruled">
<a href="/browse/depended">most depended-upon packages</a>
</h2>
<ul class="columnar packages">
{{#each dependents.results}}
<li>{{> package-widget}}</li>
{{/each}}
</ul>
<script type="application/ld+json">
{ "@context" : "http://schema.org",
"@type" : "Organization",
"name" : "npm, Inc.",
"url" : "https://www.npmjs.com",
"sameAs" : [ "http://twitter.com/npmjs",
"http://plus.google.com/117779828622760977116",
"https://www.youtube.com/channel/UCK71Wk0I45SLTSXQA23GdIw"],
"logo": "https://www.npmjs.com/static/images/npm-logo.svg"
}
</script>