Added tune previews

folkugat_web/assets/static/css/main.css

@@ -693,10 +693,6 @@ video {
   display: flex;
 }
 
-.table {
-  display: table;
-}
-
 .hidden {
   display: none;
 }
@@ -899,10 +895,6 @@ video {
   border-width: 0px;
 }
 
-.border-b {
-  border-bottom-width: 1px;
-}
-
 .border-none {
   border-style: none;
 }

folkugat_web/assets/templates/fragments/temes/results.html

@@ -12,32 +12,34 @@
       <i>{{ query }}</i>
     </button>
   {% endif %}
-  <table class="text-left min-w-full w-full">
-    <tr class="border-b border-beige">
-      <td class="font-bold py-2 px-4">Nom</td>
-      <td class="font-bold py-2 px-4">Enllaços</td>
-      <td class="font-bold py-2 px-4">Cops tocat</td>
-    </tr>
+  <ul class="text-left min-w-full w-full">
     {% for tema in temes %}
-    <tr class="border-b border-beige">
-      <td class="py-2 px-4">
+    <li class="flex flex-col
+               m-4 rounded-lg
+               bg-white">
+      <div class="py-2 px-4 text-brown font-bold">
         <a href="/tema/{{ tema.id }}">
           {{ tema.title }}
         </a>
-      </td>
-      <td class="py-2 px-4">
-        {% include "fragments/temes/result_links.html" %}
-      </td>
-      <td class="py-2 px-4">
-        {% if tema.stats is none %}
-          -
-        {% else %}
-          {{ tema.stats.times_played }}
-        {% endif %}
-      </td>
-    </tr>
+      </div>
+      {% if tema.main_score() and tema.main_score().preview_url %}
+        <img class="p-2 max-w"
+             src="{{ tema.main_score().preview_url }}" />
+      {% endif %}
+      {% if tema.properties %}
+      <ul class="flex flex-wrap text-sm
+                 py-2 px-4">
+        {% for property in tema.properties %}
+        <div class="bg-beige text-white rounded
+                    m-1 px-2">
+          {{ property.value }}
+        </div>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </li>
     {% endfor %}
-  </table>
+  </ul>
   {% if prev_offset is not none or next_offset is not none %}
   <div class="py-2">
     {% if prev_offset is not none %}

folkugat_web/assets/templates/lilypond/preview.ly

@@ -0,0 +1,10 @@
+\version "2.24.4"
+{% if tune.score_source is not none %}
+\score {
+  \language "english"
+  <<
+{{ score_beginning }}
+{{ tune.score_source | safe }}
+  >>
+}
+{% endif %}