mirror of https://github.com/krateng/maloja.git
300 lines
12 KiB
HTML
300 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Maloja</title>
|
|
<link rel="stylesheet" href="maloja.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<h1><a href="/topartists">Top Artists</a></h1>
|
|
<table class="tiles_top">
|
|
<tr>
|
|
<td>
|
|
<table class="tiles_1x1 tiles_sub">
|
|
<tr>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td>
|
|
<table class="tiles_2x2 tiles_sub">
|
|
<tr>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td>
|
|
<table class="tiles_3x3 tiles_sub">
|
|
<tr>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
<td style="background-image:url('KEY_ARTISTIMAGE')"><span class="stats">KEY_POSITION_ARTIST</span> <span>KEY_ARTISTLINK</span></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h1><a href="/toptracks">Top Tracks</a></h1>
|
|
<table class="tiles_top">
|
|
<tr>
|
|
<td>
|
|
<table class="tiles_1x1 tiles_sub">
|
|
<tr>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td>
|
|
<table class="tiles_2x2 tiles_sub">
|
|
<tr>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td>
|
|
<table class="tiles_3x3 tiles_sub">
|
|
<tr>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
<td style="background-image:url('KEY_TRACKIMAGE')"><span class="stats">KEY_POSITION_TRACK</span> <span>KEY_TRACKLINK</span></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="sidelist">
|
|
<h1><a href="/scrobbles?max=100">Last Scrobbles</a></h1>
|
|
<span class="stats">Today</span> KEY_SCROBBLES_TODAY
|
|
<span class="stats">This month</span> KEY_SCROBBLES_MONTH
|
|
<span class="stats">This year</span> KEY_SCROBBLES_YEAR
|
|
<span class="stats">All Time</span> KEY_SCROBBLES_TOTAL
|
|
<br/><br/>
|
|
<table class='list'>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='time'>KEY_SCROBBLE_TIME</td>
|
|
<td class='icon'><div style="background-image:url('KEY_SCROBBLE_IMAGE')"></div></td>
|
|
<td class='artists'>KEY_SCROBBLE_ARTISTS</td>
|
|
<td class='title'>KEY_SCROBBLE_TITLE</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<br/>
|
|
|
|
<table class='list'>
|
|
<h1><a href="/pulse?step=month&trail=1">Pulse</a></h1>
|
|
|
|
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
<tr>
|
|
<td>KEY_PULSE_TERM_FROM</td>
|
|
<td>KEY_PULSE_TERM_TO</td>
|
|
<td class='amount'>KEY_PULSE_AMOUNT</td>
|
|
<td class='bar'>KEY_PULSE_BAR</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div class="footer">
|
|
<span>Get your own Maloja scrobble server on <a target="_blank" rel="noopener noreferrer" href="https://github.com/krateng/maloja">GitHub</a></span>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|