git ssb - render feed with about description and larger image on top

Anders Rune Jensen committed on 5/12/2017, 8:28:57 PM
Parent: dffd43f062a271d3a9be609e1129bf5ad153a4ff

index.js	changed
render.js	changed

index.jsView
		@@ -14,9 +14,10 @@
14	14 …	MdRenderer,
15	15 …	renderEmoji,
16	16 …	formatMsgs,
17	17 …	wrapPage,
18		- renderThread
	18 …	+ renderThread,
	19 …	+ renderAbout
19	20 …	} = require('./render');
20	21 …
21	22 …	var appHash = hash([fs.readFileSync(__filename)])
22	23 …
		@@ -107,9 +108,9 @@
107	108 …	paramap(addAuthorAbout, 8),
108	109 …	paramap(addFollowAbout, 8),
109	110 …	paramap(addVoteMessage, 8),
110	111 …	paramap(addGitLinks, 8),
111		- pull(renderThread(defaultOpts), wrapPage(about.name)),
	112 …	+ pull(renderAbout(defaultOpts, about), wrapPage(about.name)),
112	113 …	toPull(res, function (err) {
113	114 …	if (err) console.error('[viewer]', err)
114	115 …	})
115	116 …	)

render.jsView
		@@ -11,8 +11,9 @@
11	11 …	exports.MdRenderer = MdRenderer;
12	12 …	exports.renderEmoji = renderEmoji;
13	13 …	exports.formatMsgs = formatMsgs;
14	14 …	exports.renderThread = renderThread;
	15 …	+exports.renderAbout = renderAbout;
15	16 …
16	17 …	function MdRenderer(opts) {
17	18 …	marked.Renderer.call(this, {});
18	19 …	this.opts = opts;
		@@ -93,8 +94,32 @@
93	94 …	return cat([pull.once(before), read, pull.once(after)]);
94	95 …	};
95	96 …	}
96	97 …
	98 …	+function renderAbout(opts, about) {
	99 …	+ return pull(
	100 …	+ pull.map(renderMsg.bind(this, opts)),
	101 …	+ wrap(
	102 …	+ '<span class="top-tip">You are reading content from ' +
	103 …	+ '<a href="https://www.scuttlebutt.nz">Scuttlebutt</a>' +
	104 …	+ '</span>' +
	105 …	+ '<main>' +
	106 …	+ '<article><header><figure>' +
	107 …	+ '<img src="' + opts.img_base + escape(about.image) + '" ' +
	108 …	+ 'height="200" width="200"><figcaption>' +
	109 …	+ 'Feed of ' + about.name + '<br/>' +
	110 …	+ (about.description != undefined ?
	111 …	+ marked(about.description, opts.marked) : '') +
	112 …	+ '</figcaption></figure></header></article>',
	113 …	+
	114 …	+ '</main>' +
	115 …	+ '<a class="call-to-action" href="https://www.scuttlebutt.nz">' +
	116 …	+ 'Join Scuttlebutt now' +
	117 …	+ '</a>'
	118 …	+ )
	119 …	+ );
	120 …	+}
	121 …	+
97	122 …	function renderThread(opts) {
98	123 …	return pull(
99	124 …	pull.map(renderMsg.bind(this, opts)),
100	125 …	wrap(

cel / ssb-viewer