Files: 3ed513c33a63c4dec6c04e26770a621df61cc360 / tmpl / apps / index.html.js
1064 bytesRaw
1 | var page = require('../page.part') |
2 | |
3 | // this page is the same as the first guide in basics, but with the big hero |
4 | module.exports = () => page({ |
5 | section: 'apps', |
6 | path: '/apps/index.html', |
7 | content: listing([ |
8 | { id: 'patchwork', title: 'Patchwork', desc: 'Inbox, social feed, and profiles.', url: 'https://github.com/ssbc/patchwork' }, |
9 | { id: 'ssb-cli-dashboard', title: 'CLI Dashboard', desc: 'Browse the database state.', url: 'https://github.com/ssbc/ssb-cli-dashboard' }, |
10 | { id: 'ssb-simple-whois', title: 'CLI Whois', desc: 'Very simple petname->pubkey lookup.', url: 'https://github.com/ssbc/ssb-simple-whois' }, |
11 | { id: 'add-new', title: 'Add an application', url: 'https://github.com/ssbc/scuttlebot.io/blob/master/add-an-application.md' } |
12 | ]) |
13 | }) |
14 | |
15 | function listing (items) { |
16 | return `<div class="cards"> |
17 | ${ items.map(item => { |
18 | return `<a class="card" href="${item.url}" target="_blank"> |
19 | <img src="/img/${item.id}.png"> |
20 | <h4>${item.title}</h4> |
21 | <p>${item.desc||''}</p> |
22 | </a>` |
23 | }).join('') } |
24 | </div>` |
25 | } |
Built with git-ssb-web