git.iko.soy/webring
on master help sign in
Added channel UI
7e11c4eDevine Lu Linvega
links/main.css+1
compare with master
unifiedsplit
@@ -17,6 +17,7 @@ body #hallway .entry .author { font-family: 'input_mono_medium'; position: absol
17body #hallway .entry .author:after { content:":"; }
17body #hallway .entry .author:after { content:":"; }
18body #hallway .entry .body { max-width: 400px; }
18body #hallway .entry .body { max-width: 400px; }
19body #hallway .entry .body a { text-decoration: underline; }
19body #hallway .entry .body a { text-decoration: underline; }
20+body #hallway .entry .body .channel { background: white;color: black;display: inline-block;padding: 0px 5px;line-height: 20px;border-radius: 2px; font-family: 'input_mono_medium'; }
20body #hallway .entry.highlight .author { color:#555; }
21body #hallway .entry.highlight .author { color:#555; }
21body #hallway .entry:hover .author { color:#ccc; }
22body #hallway .entry:hover .author { color:#ccc; }
22body #hallway .entry:hover .date { color:#ccc; }
23body #hallway .entry:hover .date { color:#ccc; }
scripts/hallway.js+5
@@ -49,6 +49,11 @@ function Hallway (sites) {
49 entry.body = entry.body.replace(`@<${data}>`, `<a href='${path}'>@${name}</a>`)
49 entry.body = entry.body.replace(`@<${data}>`, `<a href='${path}'>@${name}</a>`)
50 }
50 }
51
51
52+ if (entry.body.substr(0, 1) === '/') {
53+ const channel = entry.body.split(' ')[0]
54+ entry.body = entry.body.replace(channel, `<span class='channel'>${channel}</span>`)
55+ }
56+
52 const filter = window.location.hash.substr(1).replace(/\+/g, ' ').toLowerCase()
57 const filter = window.location.hash.substr(1).replace(/\+/g, ' ').toLowerCase()
53 const highlight = filter == entry.author.toLowerCase()
58 const highlight = filter == entry.author.toLowerCase()
54
59