layout improvements - twitch-go - twitch.tv web application in Go
(HTM) git clone git://git.codemadness.org/twitch-go
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
(DIR) commit 84e3d5e53dc983061d20f13e280d07b8e7ac7d46
(DIR) parent d7a2da494cc23970e6338ae4c62be8c08fe72260
(HTM) Author: Hiltjo Posthuma <hiltjo@codemadness.org>
Date: Fri, 10 Nov 2017 01:00:14 +0100
layout improvements
- align attribute for table columns for browsers such as links.
- remove bold style <b> from table columns, this was rendered
extra bold in some browsers and is not needed.
- remove title from url (it was repeated anyway).
- fix HTML entity in url: & to &
- links: add Videolan and fix link item HTML.
- playlist page: show shorter anchor text.
Diffstat:
M data/templates/pages/featured.html | 18 ++++++++----------
M data/templates/pages/game.html | 14 +++++++-------
M data/templates/pages/games.html | 6 +++---
M data/templates/pages/links.html | 3 ++-
M data/templates/pages/playlist.html | 2 +-
5 files changed, 21 insertions(+), 22 deletions(-)
---
(DIR) diff --git a/data/templates/pages/featured.html b/data/templates/pages/featured.html
@@ -6,29 +6,27 @@
<table class="table" border="0">
<thead>
<tr>
- <th class="game"><b>Game</b></th>
- <th class="name"><b>Name</b></th>
- <th class="title"><b>Title</b></th>
- <th class="playlist"><b>Playlist</b></th>
- <th class="viewers" align="right"><b>Viewers</b></th>
+ <th class="game" align="left">Game</th>
+ <th class="name" align="left">Name</th>
+ <th class="title" align="left">Title</th>
+ <th class="playlist" align="left">Playlist</th>
+ <th class="viewers" align="right">Viewers</th>
</tr>
</thead>
<tbody>
-
{{range .Featured }}
<tr>
<td class="game"><a href="/game?g={{.Stream.Game}}">{{.Stream.Game}}</a></td>
<td class="name"><a href="{{.Stream.Channel.Url}}">{{.Stream.Channel.Display_name}}</a></td>
- <td class="title"><a href="{{.Stream.Channel.Url}}" title="{{.Stream.Channel.Status}}">{{.Stream.Channel.Status}}</a></td>
+ <td class="title"><a href="{{.Stream.Channel.Url}}">{{.Stream.Channel.Status}}</a></td>
<td class="playlist">
<a href="/playlist?c={{.Stream.Channel.Name}}" title="redirect to playlist file">m3u8</a> |
- <a href="/playlist?c={{.Stream.Channel.Name}}&f=html" title="page with playlist link">page</a> |
- <a href="/playlist?c={{.Stream.Channel.Name}}&f=plain" title="get link to url in plain-text">plain</a>
+ <a href="/playlist?c={{.Stream.Channel.Name}}&f=html" title="page with playlist link">page</a> |
+ <a href="/playlist?c={{.Stream.Channel.Name}}&f=plain" title="get link to url in plain-text">plain</a>
</td>
<td align="right">{{.Stream.Viewers}}</td>
</tr>
{{end}}
-
</tbody>
</table>
(DIR) diff --git a/data/templates/pages/game.html b/data/templates/pages/game.html
@@ -6,10 +6,10 @@
<table class="table" border="0">
<thead>
<tr>
- <th class="name"><b>Name</b></th>
- <th class="title"><b>Title</b></th>
- <th class="playlist"><b>Playlist</b></th>
- <th class="viewers" align="right"><b>Viewers</b></th>
+ <th class="name" align="left">Name</th>
+ <th class="title" align="left">Title</th>
+ <th class="playlist" align="left">Playlist</th>
+ <th class="viewers" align="right">Viewers</th>
</tr>
</thead>
<tbody>
@@ -17,11 +17,11 @@
{{range .Streams}}
<tr>
<td class="name"><a href="{{.Channel.Url}}">{{.Channel.Display_name}}</a></td>
- <td class="title"><a href="{{.Channel.Url}}" title="{{.Channel.Status}}">{{.Channel.Status}}</a></td>
+ <td class="title"><a href="{{.Channel.Url}}">{{.Channel.Status}}</a></td>
<td class="playlist">
<a href="/playlist?c={{.Channel.Name}}" title="redirect to playlist file">m3u8</a> |
- <a href="/playlist?c={{.Channel.Name}}&f=html" title="page with playlist link">page</a> |
- <a href="/playlist?c={{.Channel.Name}}&f=plain" title="get link to url in plain-text">plain</a>
+ <a href="/playlist?c={{.Channel.Name}}&f=html" title="page with playlist link">page</a> |
+ <a href="/playlist?c={{.Channel.Name}}&f=plain" title="get link to url in plain-text">plain</a>
</td>
<td align="right">{{.Viewers}}</td>
</tr>
(DIR) diff --git a/data/templates/pages/games.html b/data/templates/pages/games.html
@@ -5,9 +5,9 @@
<table class="table" border="0">
<thead>
<tr>
- <th class="game"><b>Game</b></th>
- <th class="viewers" align="right"><b>Viewers</b></th>
- <th class="channels" align="right"><b>Channels</b></th>
+ <th class="game" align="left">Game</th>
+ <th class="viewers" align="right">Viewers</th>
+ <th class="channels" align="right">Channels</th>
</tr>
</thead>
<tbody>
(DIR) diff --git a/data/templates/pages/links.html b/data/templates/pages/links.html
@@ -3,7 +3,8 @@
{{define "content"}}
<ul>
- <li><a href="https://mpv.io/installation/">mpv player</a>
+ <li><a href="https://mpv.io/installation/">mpv player</a></li>
+ <li><a href="https://www.videolan.org/">VLC</a></li>
<li><a href="https://rtmpdump.mplayerhq.hu/">rtmpdump</a></li>
<li><a href="https://dev.twitch.tv/docs">Twitch.tv API</a></li>
</ul>
(DIR) diff --git a/data/templates/pages/playlist.html b/data/templates/pages/playlist.html
@@ -4,5 +4,5 @@
{{define "content"}}
<p>Copy paste the following link in <a href="https://www.videolan.org/">VLC</a> /
<a href="https://mpv.io/installation/">mpv</a> as a network stream:</p>
- <a href="{{.Url}}">{{.Url}}</a>
+ <a href="{{.Url}}">Playlist here</a>
{{end}}