contents

postit/dump.py

@@ -110,5 +110,7 @@ def dump():
             print(f"{folder} has an error!")
             print(e)
         
+    print(f'Total: {len(contents)}')
+
     with open("postit/contents.json", "w") as f:
         f.write(json.dumps(contents))

postit/static/contents

@@ -1 +1 @@
-Subproject commit 907d2bdfcd1fd3c1d5d094a6cae1a8ae9796cd98
+Subproject commit 10ecbff65c004a9593ec92ba5e66cd0a870dfdcd

postit/static/css/contents.css

@@ -1,6 +1,6 @@
 /* MIRI THE LEADER */
 
-.miri-the-leader {
+.miri-the-leader.leader-card {
 	display: inline-block;
 	font-size: 18px;
 	padding: 5mm;

postit/static/css/postit.css

@@ -59,9 +59,9 @@ img {
 	z-index: 50;
 }
 
-img::after {
+/* img::after {
 	content: " " url("/static/contents/katamari/frog.png");
-}
+} */
 
 .title {
 	/* position: absolute; */

postit/templates/postit-single.html

@@ -13,7 +13,7 @@
 		<div class="container">
 			{% for content in contents %}
 
-			<div class="post-it {{content['slug']}}">
+			<div class="post-it {{content['slug']}} {% if content['card'] %} leader-card {%endif%}">
 				{%if content['img'] %}
 				<img
 					src="{{url_for('static', filename='contents/' + content['slug'] + '/' + content['img'] )}}"
@@ -40,14 +40,21 @@
 
 				{%elif content['definition']%}
 
-				<h2 class="title">{{content['title']}}</h2>
+				<div class="category">{{content['start']}} {{content['category']}}</div>
+
 				<p
 					class="description {% if content['definition']|length > 200 %} long-text {%endif%}"
 				>
 					{{content['definition']}}
 				</p>
 
-				<div class="category">{{content['start']}} {{content['category']}}</div>
+				<footer>
+					<h2 class="title">{{content['title']}}</h2>
+					<span
+						class="progress-bar"
+						style="width: {{  100 / contents|length * loop.index}}%"
+					></span>
+				</footer>
 
 				{%elif content['type'] == 'mimic-colophon'%}