last.fm script update & credits update

content/about.md

@@ -87,7 +87,7 @@ The background grid for both themes were made by me in [paint.NET](https://getpa
 
 Much of the pixel art is snagged from [various](https://lostsozai.tumblr.com/) [oldweb](https://cutewebgraphics.tumblr.com/) [uploaders](https://pixel-soup.tumblr.com/) on [tumblr](https://www.tumblr.com/dashboard/hubs?filtered_tags=decome). Counter is from [fc2](https://counter.fc2.com/).
 
-The last.fm now playing svg on my [now](/now) page is by [mono](https://dev.to/monochromish/expose-your-currently-listening-song-on-your-profile-with-lastfm-profile-readme-21oa). Current mood is powered by [imood](https://www.imood.com/), and status at the top of the [now](/now) page is powered by [status.cafe](https://status.cafe).
+The last.fm now playing script on my [now](/now) page is by [@biancarosa/lastfm-last-played](https://github.com/biancarosa/lastfm-last-played). Current mood is powered by [imood](https://www.imood.com/), and status at the top of the [now](/now) page is powered by [status.cafe](https://status.cafe).
 
 The fonts used on this website are [Hezaedrus](https://fontlibrary.org/en/font/hezaedrus) by [Hubert & Fischer](https://hfs-studio.com/); [Hylie](https://befonts.com/hylie-font.html) and [Obliviate](https://befonts.com/obliviate-font.html) by [createshaa](https://createshaa.carrd.co/); and [Firstly](https://befonts.com/firstly-display-font.html) by [stormyseas](https://befonts.com/author/stormyseas).
 

content/now.md

@@ -3,19 +3,28 @@ title = "what i'm up to lately"
 +++
 <div class="center">
 
-this is a [now](https://nownownow.com/about) page. you can make your own, if you like!</div>
+this is a [now](https://nownownow.com/about) page. you can make your own, if you like!
+
+**this page last updated: 2024.09.13**
+</div>
 <div class="dotbox">
 <div class="smoltitle">currently</div>
 <div class="two-column"><div>
 
 1. 😊 **feeling**: <a href="https://www.imood.com/users/rainbowpink"><img src="https://moods.imood.com/display/uname-rainbowpink/fg-000000/bg-ffffff/imood.gif" alt="The current mood of rainbowpink at www.imood.com" border="0"></a>
 2. 📚 **reading**: [Spice & Wolf](https://en.wikipedia.org/wiki/Spice_and_Wolf) by Hasekura Isuna
-3. 📺 **watching**: [R U Next?](https://en.wikipedia.org/wiki/R_U_Next%3F)
+3. 📺 **watching**:
 4. 👾 **playing**: [Fields of Mistria](https://www.fieldsofmistria.com/)
+5. 🎧 **listening**: <span id="song">&#8987;</span>
 </div><div>
 <div id="smolbox"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=mana" defer></script>
-<div style="text-align: center; font-weight: bold; padding-top: 0.3rem;">this page last updated: 2024.09.13</div>
+<div style="text-align: center; font-weight: bold; padding-top: 0.3rem;"></div>
 </div></div></div>
+<div class="center">
+    <p><small>
+    latest played song on <a href="http://last.fm/user/ameiro" target="_blank">last.fm</a> powered by <a href="https://github.com/biancarosa/lastfm-last-played"
+                target="_blank">@biancarosa/lastfm-last-played</a></small></p>
+</div>
 <div class="last"></div>
 
 ---

static/css/style.css

@@ -140,7 +140,7 @@ pre {
   padding: 1rem;
   margin: 0 2vw;
   overflow-x: auto;
-  font-style: monospace;
+  font-family: monospace;
   font-size: 16px;
   white-space: pre-wrap;
   word-break: break-word;
@@ -239,7 +239,6 @@ pre {
   display: inline-flex;
   vertical-align: center;
   margin: 0.3em;
-  justify-items: space-evenly;
 }
 
 .kaomoji:hover {

static/js/script.js

@@ -18,4 +18,14 @@ const getTheme = () => {
   }
 }
 
-getTheme();
+getTheme();
+
+let user = 'ameiro';
+let url = 'https://lastfm-last-played.biancarosa.com.br/' + user + '/latest-song';
+let song = document.querySelector('#song');
+fetch(url)
+    .then(function (response) {
+        return response.json()
+    }).then(function (json) {
+        song.innerHTML = json['track']['name'] + ' - ' + json['track']['artist']['#text'];
+    });

templates/base.html

@@ -15,6 +15,7 @@
   {% block content %}
   {% endblock content %}
 </div>
+</div>
 {% block js %}
 <script src="{{ get_url(path='js/script.js', trailing_slash=false) | safe }}" defer></script>
 <script src="{{ get_url(path='js/profile.js', trailing_slash=false) | safe }}" defer></script>

templates/head.html

@@ -88,6 +88,6 @@
 {% endblock feed %}
 {% endif %}
 {% block css %}
-<link rel="stylesheet" href="{{ get_url(path='css/style.css', trailing_slash=false) | safe }}"/>
-<link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css"/>
+<link rel="stylesheet" href="{{ get_url(path='css/style.css', trailing_slash=false) | safe }}">
+<link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css">
 {% endblock css %}

templates/shortcodes/gallery.html

@@ -3,7 +3,7 @@
   {%- if asset is matching("[.](jpg|png)$") -%}
     {% set image = resize_image(path=asset, width=350, height=350) %}
     <a href="{{ get_url(path=asset) }}" target="_blank">
-      <img src="{{ image.url }}" />
+      <img src="{{ image.url }}">
     </a>
   {%- endif %}
 {%- endfor %}

templates/sidebar.html

@@ -1,5 +1,5 @@
 <profile-img>
-  <a href="/picrew/" title="picrew" style="padding: 0;"><img id="randomImage" alt="mana's pfp"/></a>
+  <a href="/picrew/" title="picrew" style="padding: 0;"><img id="randomImage" alt="mana's pfp"></a>
 </profile-img>
 {% set current_lang = config.default_language %}
 {% if page %}
@@ -46,6 +46,6 @@
     {% endif %}
   </div>
   <div style="padding-bottom: 7px; padding-left: 0;">
-    <script type="text/javascript" src="//counter1.fc2.com/counter.php?id=39521789&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39521789&main=1" alt="fc2 counter" /></noscript>
+    <script src="//counter1.fc2.com/counter.php?id=39521789&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39521789&main=1" alt="fc2 counter"></noscript>
   </div>
 </nav-icon>