Add rulers to holidays

minari/css/minari.css

@@ -71,3 +71,8 @@ td {
 .date-popover {
     text-align: center;
 }
+
+.holiday .small {
+    font-size: 75%;
+    font-weight: normal;
+}

minari/index.html

@@ -114,6 +114,10 @@
             $('div.month').each(function() {
                 genMonthTable(this);
             });
+
+            $('div .holiday').each(function() {
+                updateHoliday(this);
+            });
         </script>
     </body>
 </html>

minari/js/minari.js

@@ -542,3 +542,19 @@ function getMoonPhase(date) {
 
     return phase;
 }
+
+function updateHoliday(div) {
+    id = $(div).attr('id');
+    holiday_name = $(div).html();
+
+    ruler = entities[holiday_name].entity;
+    element = entities[holiday_name].element;
+
+    if (element != undefined) {
+        ruler += ', ' + element;
+    }
+
+    ruler = $('<p>').addClass('small').html(ruler);
+
+    $(div).append(ruler);
+}