Production Lessons: Added more tags

src/scripts/tagged_assets.js

@@ -136,7 +136,7 @@
                             .addClass('js-load-next')
                             .attr('href', 'javascript:void(0);')
                             .click(function() { loadNext(card_deck_element); return false; })
-                            .text('Load more items');
+                            .text('Load More');
                         link.appendTo(card_deck_element);
                     }
                 });

src/templates/production.pug

@@ -1,4 +1,12 @@
 | {% extends 'layout.html' %}
+include ../../../pillar/src/templates/mixins/components
+
+mixin group(title, tag)
+	section.py-3.my-3.border-bottom
+
+		h4.title-underline.mb-4= title
+		+card-deck(data-asset-tag=tag, class="js-asset-list py-3")
+
 | {% block page_title %}Production Lessons{% endblock %}
 | {% set page_header_text = "Tips and tricks by the Open Movie crew." %}
 
@@ -11,37 +19,23 @@ script.
 	})
 | {% endblock %}
 | {% block body %}
-.container.pb-5
++jumbotron('{{ self.page_title() }}', '{{ page_header_text }}', "{{ url_for('static', filename='assets/img/backgrounds/background_agent327_04.jpg')}}")(class="jumbotron-overlay")
-	.pt-4
-		h2.text-uppercase.font-weight-bold
-			| {{ self.page_title() }}
-		.lead
-			| {{ page_header_text }}
 
-		hr.pb-2
+.container
 
-		section.py-3.my-3.border-bottom
+	+group('Modeling', 'modelling')
-			h3 Animation
+	+group('Sculpting', 'sculpting')
-			.card-deck.card-padless.card-deck-responsive.list-unstyled(
+	+group('Animation', 'animation')
-				class="js-asset-list",
+	+group('Shading', 'shading')
-				data-asset-tag="animation")
+	+group('Texturing', 'texturing')
+	+group('Character Pipeline', 'character-pipeline')
+	+group('Rigging', 'rigging')
+	+group('Lighting & Rendering', 'lighting')
+	+group('Simulation & Effects', 'effects')
+	+group('Video Sequencer', 'sequencer')
 
-		section.py-3.my-3.border-bottom
+	a.d-block.py-5.text-center.text-muted(
-			h3 Modeling
+		href="{{ url_for('main.nodes_search_index') }}")
-			.card-deck.card-padless.card-deck-responsive.list-unstyled(
+		| Search Blender Cloud to find even more awesome content!
-				class="js-asset-list",
-				data-asset-tag="modelling")
-
-		section.py-3.my-3.border-bottom
-			h3 Rigging
-			.card-deck.card-padless.card-deck-responsive.list-unstyled(
-				class="js-asset-list",
-				data-asset-tag="rigging")
-
-		section.py-3.my-3
-			h3 Pipeline
-			.card-deck.card-padless.card-deck-responsive.list-unstyled(
-				class="js-asset-list",
-				data-asset-tag="pipeline")
 
 | {% endblock body%}