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/hdri/view_embed.pug

@@ -0,0 +1,157 @@
+| {% block body %}
+
+#node-container.texture
+	#node-overlay
+	section.node-preview
+		| {% if node.picture %}
+		iframe(
+		id='vrview_window'
+		width='100%',
+		height='450px',
+		scrolling='no',
+		frameborder='0',
+		allowfullscreen='',
+		src="{{url_for('main.vrview', preview=node.picture.thumbnail('l', api=api), image=node.picture.thumbnail('h', api=api), default_yaw=(node.properties.default_yaw or 0))}}")
+		| {% endif %}
+
+	section.node-details-container
+
+		.node-details-header
+			.node-title#node-title
+				| {{node.name}}
+
+		.node-details-meta.header
+			ul.node-details-meta-list
+				| {% if node.permissions.world %}
+				li.node-details-meta-list-item.access.public(
+				data-toggle="tooltip",
+				data-placement="bottom",
+				title="Anybody can download. Share it!")
+					i.pi-lock-open
+					span Public
+				| {% endif %}
+
+				| {% if node.properties.license_type %}
+				| {% if node.properties.license_notes %}
+				li.node-details-meta-list-item.video.license(
+				id="asset-license",
+				data-toggle="popover",
+				data-placement="left",
+				data-trigger="hover",
+				data-content="{{ node.properties.license_notes }}",
+				title="{{ node.properties.license_type }}")
+
+					i(class="pi-license-{{ node.properties.license_type }}")
+				| {% else %}
+				li.node-details-meta-list-item.video.license(
+				id="asset-license",
+				data-toggle="tooltip",
+				data-placement="bottom",
+				title="{{ node.properties.license_type }}")
+					i(class="pi-license-{{ node.properties.license_type }}")
+				| {% endif %}
+				| {% endif %}
+
+				| {% if write_access %}
+				li.node-details-meta-list-item
+					a.btn#copy_yaw(
+						href='javascript:void(0);'
+						title='Copies current yaw of panorama to the clipboard, so you can set it as default yaw.'
+						) Copy yaw
+				| {% endif %}
+
+				| {% if node.properties.files %}
+				li.btn-group.node-details-meta-list-item.video.download(
+				title="Download HDRI")
+					button.btn.btn-default.dropdown-toggle(
+					type="button",
+					data-toggle="dropdown",
+					aria-haspopup="true",
+					aria-expanded="false")
+						i.pi-download
+						i.pi-angle-down.icon-dropdown-menu
+
+					ul.dropdown-menu
+						| {% for var in node.properties.files %}
+						li
+							a(href="{{ var.file.link }}",
+							title="Download this HDRi format",
+							download)
+								span.length {{ var.file.length | filesizeformat }}
+
+								span.format {{ var.file.format | hide_none }}
+								span.size {{ var.resolution }}
+
+						| {% endfor %}
+				| {% else %}
+				li.btn-group.node-details-meta-list-item.video.download.disabled(
+				title="Download HDRi")
+					button.btn.btn-default.sorry(type="button")
+						i.pi-lock
+						i.pi-download
+				| {% endif %}
+
+		| {% if node.description %}
+		.node-details-description#node-description
+			| {{node.description}}
+		| {% endif %}
+
+		| {% if node.properties.license_notes %}
+		.node-details-meta.license
+			| {{ node.properties.license_notes }}
+		| {% endif %}
+
+		.node-details-meta.footer
+			ul.node-details-meta-list
+				li.node-details-meta-list-item.status
+					| {{ node.properties.status | undertitle }}
+
+				li.node-details-meta-list-item.author
+					| {{ node.user.full_name }}
+
+				li.node-details-meta-list-item.date(title="Created {{ node._created }}")
+					| {{ node._created | pretty_date }}
+					| {% if (node._created | pretty_date) != (node._updated | pretty_date) %}
+					span(title="Updated {{ node._updated }}") (updated {{ node._updated | pretty_date }})
+					| {% endif %}
+
+
+include ../_scripts
+
+| {% endblock %}
+
+| {% block footer_scripts %}
+script(src="{{ url_for('static_pillar', filename='assets/js/vendor/clipboard.min.js')}}")
+
+script.
+	$('#asset-license').popover();
+	// Generate GA pageview
+	ga('send', 'pageview', location.pathname);
+
+
+	$('.sorry').click(function() {
+		$.get('/403', function(data) {
+			$('#node-overlay').html(data).show().addClass('active');
+		})
+	});
+
+	$('#node-overlay').click(function(){
+		$(this).removeClass('active').hide().html();
+	});
+
+	$().ready(function () {
+		new Clipboard('#copy_yaw', {
+			text: function(trigger) {
+				var frame = document.getElementById('vrview_window').contentWindow;
+				var yaw = frame.yaw();
+				if (console)
+					console.log('Current yaw is: ', yaw, ", which was copied to your clipboard.");
+				return yaw;
+			}
+		})
+		.on('success', function(e) {
+		    $(e.trigger).flashOnce();
+		});
+	});
+
+| {% endblock %}