sitamap, music components, ui fixes

pages/_includes/cards/music/track-info.html

@@ -0,0 +1,19 @@
+{% assign track-id = include.track-id | default: 5 %}
+{% assign track = site.data.tracks[track-id] %}
+<div class="card">
+	<div class="row row-0">
+		<div class="col-auto">
+			<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded-left" alt="{{ track.name | escape }}" width="88" height="88">
+		</div>
+		<div class="col">
+			<div class="card-body">
+				{{ track.name }}
+				<div class="text-muted">
+					{% for artist in track.artists %}
+					{{ artist.name }}{% unless forloop.last %},{% endunless %}
+					{% endfor %}
+				</div>
+			</div>
+		</div>
+	</div>
+</div>

pages/_includes/cards/music/tracks-list.html

@@ -0,0 +1,33 @@
+<div class="card">
+	<div class="list-group card-list-group">
+		{% for track in site.data.tracks limit: 12 %}
+		<div class="list-group-item">
+			<div class="row row-sm align-items-center">
+				<div class="col-auto text-h3">
+					{{ forloop.index }}
+				</div>
+				<div class="col-auto">
+					<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded" alt="{{ track.name | escape }}" width="48" height="48">
+				</div>
+				<div class="col">
+					{{ track.name }}
+					<div class="text-muted">
+						{% for artist in track.artists %}
+						{{ artist.name }}{% unless forloop.last %},{% endunless %}
+						{% endfor %}
+					</div>
+				</div>
+				<div class="col-auto text-muted">
+					{{ track.duration_ms | miliseconds_to_minutes }}
+				</div>
+				<div class="col-auto">
+					{% include_cached ui/icon.html icon="heart" %}
+				</div>
+				<div class="col-auto">
+					{% include_cached ui/icon.html icon="more-horizontal" %}
+				</div>
+			</div>
+		</div>
+		{% endfor %}
+	</div>
+</div>

pages/_plugins/jekyll-filters.rb

@@ -96,6 +96,19 @@ module Jekyll
       Jekyll.sites.first.data['colors'][color]
     end
 
+    def seconds_to_minutes(seconds)
+      p "seconds_to_minutes"
+      seconds = seconds.to_i.round
+
+      minutes = (seconds / 60).round
+      seconds = seconds - (minutes * 60)
+
+      minutes.to_s.rjust(2, '0') + ":" + seconds.to_s.rjust(2, '0')
+    end
+
+    def miliseconds_to_minutes(miliseconds)
+      seconds_to_minutes(miliseconds.to_i / 1000)
+    end
   end
 end
 

pages/music.html

@@ -4,10 +4,19 @@ page-title: Music components
 menu: base.music
 ---
 
-<div class="card">
-	{% for track in site.data.tracks %}
-		<div class="card-body">
-			{{ track.name }}
+<div class="row">
+	<div class="col-lg-8">
+		{% include_cached cards/music/tracks-list.html %}
+	</div>
+	<div class="col-lg-4">
+		<h3 class="mb-3">Top tracks</h3>
+
+		<div class="row">
+			{% for i in (8..13) %}
+			<div class="col-md-6 col-lg-12">
+				{% include cards/music/track-info.html track-id=i %}
 			</div>
 			{% endfor %}
 		</div>
+	</div>
+</div>

pages/sitemap.xml

@@ -0,0 +1,39 @@
+---
+layout: none
+---
+<?xml version="1.0" encoding="UTF-8"?>
+{% if page.xsl %}
+<?xml-stylesheet type="text/xsl" href="{{ "/sitemap.xsl" | absolute_url }}"?>
+{% endif %}
+<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  {% assign collections = site.collections | where_exp:'collection','collection.output != false' %}
+  {% for collection in collections %}
+  {% assign docs = collection.docs | where_exp:'doc','doc.sitemap != false' %}
+  {% for doc in docs %}
+  <url>
+    <loc>{{ doc.url | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
+    {% if doc.last_modified_at or doc.date %}
+    <lastmod>{{ doc.last_modified_at | default: doc.date | date_to_xmlschema }}</lastmod>
+    {% endif %}
+  </url>
+  {% endfor %}
+  {% endfor %}
+
+  {% assign pages = site.html_pages | where_exp:'doc','doc.sitemap != false' | where_exp:'doc','doc.url != "/404.html"' %}
+  {% for page in pages %}
+  <url>
+    <loc>{{ page.url | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
+    {% if page.last_modified_at %}
+    <lastmod>{{ page.last_modified_at | date_to_xmlschema }}</lastmod>
+    {% endif %}
+  </url>
+  {% endfor %}
+
+  {% assign static_files = page.static_files | where_exp:'page','page.sitemap != false' | where_exp:'page','page.name != "404.html"' %}
+  {% for file in static_files %}
+  <url>
+    <loc>{{ file.path | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
+    <lastmod>{{ file.modified_time | date_to_xmlschema }}</lastmod>
+  </url>
+  {% endfor %}
+</urlset>

scss/ui/_cards.scss

@@ -344,7 +344,6 @@ Card list group
 
   .list-group-item {
     padding-right: $card-spacer-x;
-
     padding-left: $card-spacer-x;
     border-right: 0;
     border-left: 0;