| {% extends 'layout.html' %}
| {% from '_macros/_navigation.html' import navigation_collection %}

include ../../../pillar/src/templates/mixins/components

mixin group(title, tag)
	.row
		section.py-3.my-3.border-bottom.col-12

			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." %}

| {% block navigation_tabs %}
| {{ navigation_collection(title) }}
| {% endblock navigation_tabs %}

| {% block head %}
script(src="{{ url_for('static_cloud', filename='assets/js/tagged_assets.min.js') }}")

script.
	$(function() {
		$('.js-asset-list').loadTaggedAssets(5, 3);
	});
| {% endblock %}
| {% block body %}
+jumbotron(
	'{{ self.page_title() }}',
	'{{ page_header_text }}',
	"{{ url_for('static', filename='assets/img/backgrounds/background_agent327_04.jpg')}}")(
		class="jumbotron-overlay",
		style="background-position: center top")

.container
	+group('Walk-through', 'walk-through')
	+group('Modeling', 'modeling')
	+group('Sculpting', 'sculpting')
	+group('Animation', 'animation')
	+group('Shading', 'shading')
	+group('Texturing', 'texturing')
	+group('Character Pipeline', 'character-pipeline')
	+group('Rigging', 'rigging')
	+group('Lighting & Rendering', 'lighting')
	+group('Simulation & Effects', 'effects')
	+group('Video Editing', 'video-editing')
	+group('Digital Painting', 'digital-painting')
	+group('Production Design', 'production-design')

	a.d-block.py-5.text-center.text-muted(
		href="{{ url_for('main.nodes_search_index') }}")
		| Search Blender Cloud to find even more content
		i.pi-angle-right.pl-1

| {% endblock body%}