Migrate Jade to Pug template engine

Jade templates engine has been renamed to Pug.

We are using Pug already on the Blender Cloud repository, following is Flamenco and Attract

src/templates/nodes/custom/group_hdri/view_embed.pug

@@ -0,0 +1,151 @@
+| {% block body %}
+#node-container.texture
+
+	.texture-title#node-title
+		| {{node.name}}
+
+	| {% if node.picture %}
+	.texture-backdrop(
+		style="background-image: url({{ node.picture.thumbnail('m', api=api) }})")
+	| {% endif %}
+
+	| {% if node.description %}
+	section.node-row
+		.node-details-description
+			| {{node.description}}
+	| {% endif %}
+
+	| {% if children %}
+	section.node-row.texture-info
+		span.texture-info-files {{ children|length }} item{% if children|length != 1 %}s{% endif %}
+	| {% endif %}
+
+	section.node-children.group.texture
+
+		| {% if children %}
+		| 	{% for child in children %}
+		| 	{% if child.properties.status == 'published' or child.user == current_user.objectid %}
+
+		a.list-node-children-container(
+			href="#",
+			data-node_id="{{ child._id }}",
+			class="item_icon {{child.node_type}} {% if child.picture %}thumbnail{% endif %}")
+			.list-node-children-item(class="{{child.node_type}}")
+				.list-node-children-item-thumbnail
+					| {% if child.picture %}
+					img.texture-thumbnail(src="{{ child.picture.thumbnail('m', api=api)}}")
+					| {% else %}
+					.list-node-children-item-thumbnail-icon
+						| {% if child.node_type == 'group_hdri' %}
+						i.pi-folder-texture
+						| {% else %}
+						i.pi-texture
+						| {% endif %}
+					| {% endif %}
+
+					| {% if child.properties.status != 'published' %}
+					.list-node-children-item-status {{ child.properties.status }}
+					| {% endif %}
+
+					| {% if child.permissions.world %}
+					.list-node-children-item-ribbon
+						span free
+					| {% endif %}
+
+					| {% if child.node_type == 'hdri' %}
+					.list-node-children-item-name
+						span.sizes {{ child.name }}
+						| {% if child.properties.files %}
+						span.variations
+							| {% if child.properties.files|length > 6 %}
+							span {{ child.properties.files|length }} resolutions
+							span from {{ child.properties.files[0].resolution }}
+							span to {{ child.properties.files[-1].resolution }}
+							| {% else %}
+							| {% for f in child.properties.files %}
+							span {{ f.resolution }}
+							| {% endfor %}
+							| {% endif %}
+						| {% endif %}
+					| {% endif %}
+
+		| 	{% endif %}
+		| 	{% endfor %}
+		| {% else %}
+		.list-node-children-container
+			.list-node-children-empty No HDRIs... yet!
+		| {% endif %}
+
+script.
+	// Generate GA pageview
+	ga('send', 'pageview', location.href);
+
+	// Display texture preview on mouse hover
+	$('a.list-node-children-container.texture.thumbnail').hover(
+		function(){
+
+			var thumbnail = $(this);
+
+			var src = thumbnail.find('.texture-thumbnail').attr('src');
+			var src_xl = thumbnail.find('.texture-preview').data('preview');
+
+			// Load the bigger preview
+			var preview_img = thumbnail.find('.texture-preview');
+			preview_img.attr('src', src_xl);
+
+
+			if (preview_img) {
+
+				preview_img.on('load', function() {
+
+					var preview = thumbnail.find('.list-node-children-item-preview');
+
+					// Positioning stuff
+					var offset = thumbnail.offset();
+					var offset_min_x = $('.node-children').width() - preview.width();
+					var offset_min_y = $('.node-children').height() - preview.height();
+
+					if (preview && offset.top > 300) {
+						$(preview).css({'top': (preview.height() * (-1))});
+					};
+
+					if (offset.left > offset_min_x) {
+						$(preview).css({'right': 0});
+					};
+
+					$(preview).addClass('active');
+				});
+			}
+
+
+		},
+		function(){
+			$('.list-node-children-item-preview').removeClass('active');
+	});
+
+	// hide preview on mouse hover itself
+	$('.list-node-children-item-preview').hover(function(){
+		$(this).removeClass('active');
+	});
+
+
+	$('a.item_icon')
+		.unbind("click")
+		.click(function(e){
+			e.preventDefault();
+			// When clicking on a node preview, we load its content
+			var nodeId = $(this).data('node_id');
+			// displayNode will run asynchronously and set the bcloud_current_node_id
+			// as well, but we set it manually in the next line as well, to make sure
+			// that select_node on jstree works as expected, preventing the node to be
+			// loaded twice.
+			Cookies.set('bcloud_current_node_id', nodeId);
+			displayNode(nodeId);
+			// Update tree with current selection
+			$('#project_tree').jstree('select_node', 'n_' + nodeId);
+		});
+
+include ../_scripts
+
+| {% endblock %}
+