Project-Timeline: Introduced timeline on projects

Limited to projects of category assets and film for now.

src/templates/mixins/components.pug

@@ -73,3 +73,15 @@ mixin list-asset(name, url, image, type, date)
 	if block
 		block
 
+// used together with timeline.js
+mixin timeline(projectid, sortdirection)
+	section.timeline.placeholder(
+		data-project-id=projectid,
+		data-sort-dir=sortdirection,
+	)
+		// TODO: Make nicer reuseable placeholder
+		.h1.text-center
+			i.pi-spin.spin
+	
+
+

src/templates/projects/view_embed.pug

@@ -40,6 +40,9 @@ section.px-4
 		| {% endif %}
 		| {% endfor %}
 	| {% endif %}
+	| {% if project.category in ['film', 'assets'] %}
+	+timeline("{{ project._id }}")
+	| {% endif %}
 
 include _scripts