Add mastery checkboxes

style.html.j2

@@ -180,6 +180,15 @@
             {% endfor %}
             </ul>
         {% endif %}
+
+        <div class="bottom" style="text-align: center; font-size:1.6em;">
+            {% for component in xml.components %}
+                {% if component["@db_entry"] | endswith("Mastery") %}
+                    &#x274F; &#x274F; &#x274F; &#x274F; &#x274F;
+                    &#x274F; &#x274F; &#x274F; &#x274F; &#x274F; <br>
+                {% endif %}
+            {% endfor %}
+        </div>
     </div>
 </div>
 

style.js

@@ -49,6 +49,9 @@ env.addFilter('all', function(iterable) {
 env.addFilter('startswith', function(string, match) {
 	return string.slice(0, match.length) === match;
 });
+env.addFilter('endswith', function(string, match) {
+	return string.endsWith(match);
+});
 env.addFilter('tail', function(sequence) {
 	return sequence.slice(1);
 });

style.scss

@@ -137,6 +137,12 @@
 
             }
         }
+        .bottom {
+            position: absolute;
+            bottom:0;
+            left:0;
+            right:0;
+        }
     }
 }