1
0
mirror of https://github.com/krateng/maloja.git synced 2023-08-10 21:12:55 +03:00
maloja/website/start.html

175 lines
7.3 KiB
HTML
Raw Normal View History

2019-02-02 18:54:01 +03:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Maloja</title>
<link rel="stylesheet" href="maloja.css" />
2019-03-03 15:38:53 +03:00
<script>
function showPulse(unit) {
modules = document.getElementsByClassName("stat_module_pulse")
for (var i=0;i<modules.length;i++) {
modules[i].setAttribute("style","display:none;")
}
document.getElementById("pulse_" + unit).setAttribute("style","")
selectors = document.getElementsByClassName("stat_selector_pulse")
for (var i=0;i<selectors.length;i++) {
selectors[i].setAttribute("style","")
}
document.getElementById("selector_pulse_" + unit).setAttribute("style","opacity:0.5;")
}
</script>
2019-02-02 18:54:01 +03:00
</head>
2019-03-03 15:38:53 +03:00
2019-02-02 18:54:01 +03:00
<body>
<h1><a href="/topartists?max=50">Top Artists</a></h1>
2019-02-02 20:08:30 +03:00
<table class="tiles_top">
<tr>
2019-02-02 22:51:04 +03:00
<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>
2019-02-02 20:08:30 +03:00
<td>
<table class="tiles_2x2 tiles_sub">
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 20:08:30 +03:00
</tr>
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 20:08:30 +03:00
</tr>
</table>
</td>
<td>
<table class="tiles_3x3 tiles_sub">
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 20:08:30 +03:00
</tr>
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 20:08:30 +03:00
</tr>
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 20:08:30 +03:00
</tr>
</table>
</td>
</tr>
</table>
<h1><a href="/toptracks?max=50">Top Tracks</a></h1>
2019-02-02 18:54:01 +03:00
<table class="tiles_top">
<tr>
2019-02-02 22:51:04 +03:00
<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>
2019-02-02 18:54:01 +03:00
<td>
<table class="tiles_2x2 tiles_sub">
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 18:54:01 +03:00
</tr>
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 18:54:01 +03:00
</tr>
</table>
</td>
<td>
<table class="tiles_3x3 tiles_sub">
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 18:54:01 +03:00
</tr>
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 18:54:01 +03:00
</tr>
<tr>
2019-02-02 20:54:06 +03:00
<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>
2019-02-02 18:54:01 +03:00
</tr>
</table>
</td>
</tr>
</table>
2019-02-03 18:52:37 +03:00
<div class="sidelist">
<h1><a href="/scrobbles?max=100">Last Scrobbles</a></h1>
2019-02-03 19:36:21 +03:00
<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/>
2019-03-03 15:38:53 +03:00
<span class="stat_module">KEY_SCROBBLES</span>
2019-02-18 19:22:44 +03:00
<br/>
2019-02-20 01:18:46 +03:00
<h1><a href="/pulse?step=month&trail=1">Pulse</a></h1>
<!--
<a href="/pulse?step=day&trail=1">Days</a>
<a href="/pulse?step=week&trail=1">Weeks</a>
<a href="/pulse?step=month&trail=1">Months</a>
<a href="/pulse?step=year&trail=1">Years</a>
-->
2019-03-03 15:38:53 +03:00
<span onclick="showPulse('days')" class="stat_selector_pulse" id="selector_pulse_days">7 days</span>
| <span onclick="showPulse('weeks')" class="stat_selector_pulse" id="selector_pulse_weeks">12 weeks</span>
| <span onclick="showPulse('months')" class="stat_selector_pulse" id="selector_pulse_months" style="opacity:0.5;">12 months</span>
| <span onclick="showPulse('years')" class="stat_selector_pulse" id="selector_pulse_years">10 years</span>
<br/><br/>
2019-03-03 15:38:53 +03:00
<span class="stat_module_pulse" id="pulse_months">KEY_PULSE_MONTHS</span>
<span class="stat_module_pulse" id="pulse_days" style="display:none;">KEY_PULSE_DAYS</span>
<span class="stat_module_pulse" id="pulse_years" style="display:none;">KEY_PULSE_YEARS</span>
<span class="stat_module_pulse" id="pulse_weeks" style="display:none;">KEY_PULSE_WEEKS</span>
2019-02-03 18:52:37 +03:00
</div>
2019-02-17 18:27:55 +03:00
<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>
2019-02-17 18:27:55 +03:00
</div>
2019-02-03 18:52:37 +03:00
2019-02-02 18:54:01 +03:00
</body>
2019-03-03 15:38:53 +03:00
2019-02-02 18:54:01 +03:00
</html>