yoyle.city
1---
2import Layout from "../layouts/Layout.astro";
3---
4
5<Layout title="/now" description="What am I doing now?">
6 <aside class="sidebar">
7 <h2>Listens</h2>
8 <noscript>
9 "Ruby! Your forgot to enable JavaScript this time!"
10 <br />
11 <em>Pencil, Battle for Dream Island</em>
12 </noscript>
13 <script is:inline>
14 fetch("https://api.listenbrainz.org/1/user/lime360/listens?count=10")
15 .then(function (response) {
16 return response.json();
17 })
18 .then(function (data) {
19 const list = document.getElementById("listens");
20 data.payload.listens.forEach(listen => {
21 var track = listen.track_metadata;
22 const li = document.createElement("li");
23 li.innerHTML = `${track.track_name} - ${track.artist_name}`;
24 list.appendChild(li);
25 });
26 })
27 .catch(function (err) {
28 console.log("error: " + err);
29 });
30 </script>
31 <ul id="listens"></ul>
32 Data provided by <a href="https://listenbrainz.org/">ListenBrainz</a>
33 </aside>
34 <aside class="content">
35 <div id="statuscafe">
36 <div id="statuscafe-username"></div>
37 <div id="statuscafe-content"></div>
38 </div>
39 <script src="https://status.cafe/current-status.js?name=lime360" defer></script>
40 <br />
41 <a href="https://piclog.blue/profile.php?id=41">
42 <img src="https://piclog.blue/latest.php?id=41" alt="Recent Piclog image" />
43 </a>
44 </aside>
45</Layout>