j1-template 2020.0.0

data/lib/starter_web/assets/images/pages/pen/jquery/src/JQuery-Logo.svg

@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 278.4 70.7" enable-background="new 0 0 278.4 70.7" xml:space="preserve">
+<g>
+	<g>
+		<path fill="#0769AD" d="M107.2,63c0,0.6-0.1,1.2-0.1,1.9l2.5-4.5l-0.3-1.5l2.5-0.4l0.9,6.3l1.1-3.9c0.1-0.4,0.1-0.7,0.1-1
+			c0-0.3,0-0.6-0.1-1l2.6-0.5c0.1,0.5,0.2,1,0.1,1.5c0,0.6-0.2,1.3-0.6,2.4l-2.1,5.7h-3.1l-0.7-4.2l-2.4,4.2h-3c0.1-3.9,0-6.4-0.3-9
+			l2.6-0.4C107.2,59.9,107.3,61.4,107.2,63z"/>
+		<path fill="#0769AD" d="M123.4,60.8c-1.2,0.6-1.7,0.9-2.8,1.6l-1.2,5.5h-2.7l1.9-9.1l2.4-0.4l-0.1,1.3c0.9-0.5,1.7-0.9,2.5-1.3
+			L123.4,60.8z"/>
+		<path fill="#0769AD" d="M125,58.8l2.8-0.4l-2,9.5h-2.7L125,58.8z M125.9,54.7l2.8-0.4l-0.6,2.9l-2.8,0.4L125.9,54.7z"/>
+		<path fill="#0769AD" d="M132.8,60.7l-1,4.6c0,0.1,0,0.2,0,0.2c0,0.1,0.1,0.2,0.3,0.2c0.5,0,1-0.2,1.5-0.4l0.5,1.9
+			c-0.8,0.4-1.9,0.8-3,0.8c-1.4,0-2.1-0.7-2-1.8c0-0.1,0-0.3,0.1-0.4l1.1-5.2h-1.4l0.5-2.2h1.4l0.5-2.2l2.8-0.4l-0.5,2.6h2.2
+			l-0.6,2.2H132.8z"/>
+		<path fill="#0769AD" d="M136,61.9c0.5-2.1,1.5-3.5,4.4-3.5c1.8,0,3.1,0.8,3,2.3c-0.1,1.8-1,2.7-3.3,3.3c-1.1,0.3-1.2,0.3-2,0.6
+			l-0.1,0.6c-0.1,0.3,0,0.7,0.5,0.7c1,0,2.4-0.5,3.7-1l0.4,1.9c-1.2,0.7-3,1.3-4.6,1.3c-1.9,0-2.7-0.8-2.7-2.4
+			c0-0.3,0.1-0.7,0.2-1.1L136,61.9z M140.9,61c0-0.3-0.3-0.5-0.8-0.5c-1,0-1.3,0.6-1.4,1.3l-0.1,0.7c0.5-0.1,0.7-0.2,1.2-0.3
+			C140.5,61.9,140.9,61.6,140.9,61z"/>
+		<path fill="#0769AD" d="M150.4,54.8l2.8-0.4l-2.8,13.5h-2.7L150.4,54.8z"/>
+		<path fill="#0769AD" d="M153.5,61.9c0.5-2.1,1.5-3.5,4.4-3.5c1.8,0,3.1,0.8,3,2.3c-0.1,1.8-1,2.7-3.3,3.3c-1.1,0.3-1.2,0.3-2,0.6
+			l-0.1,0.6c-0.1,0.3,0,0.7,0.5,0.7c1,0,2.4-0.5,3.7-1l0.4,1.9c-1.2,0.7-3,1.3-4.6,1.3c-1.9,0-2.7-0.8-2.7-2.4
+			c0-0.3,0.1-0.7,0.2-1.1L153.5,61.9z M158.4,61c0-0.3-0.3-0.5-0.8-0.5c-1,0-1.3,0.6-1.4,1.3l-0.1,0.7c0.5-0.1,0.7-0.2,1.2-0.3
+			C158,61.9,158.4,61.6,158.4,61z"/>
+		<path fill="#0769AD" d="M161.2,67.5l0.6-2c0.7,0.2,1.5,0.5,2.5,0.5c0.9,0,1-0.3,1.1-0.7c0.1-0.4-0.2-0.6-1.2-1.2
+			c-1.9-1-2-1.7-1.7-3.1c0.4-2,1-2.5,3.6-2.5c0.9,0,2,0.2,2.8,0.4l-0.5,2c-0.7-0.2-1.7-0.3-2.3-0.3c-0.8,0-0.9,0.1-1,0.6
+			c-0.1,0.4,0,0.5,0.9,1c2.1,1.1,2.4,1.5,2.1,3c-0.5,2.1-1.1,2.9-3.9,2.9C163.2,68.1,162,67.8,161.2,67.5z"/>
+		<path fill="#0769AD" d="M168.9,67.5l0.6-2c0.7,0.2,1.5,0.5,2.5,0.5c0.9,0,1-0.3,1.1-0.7c0.1-0.4-0.2-0.6-1.2-1.2
+			c-1.9-1-2-1.7-1.7-3.1c0.4-2,1-2.5,3.6-2.5c0.9,0,2,0.2,2.8,0.4l-0.5,2c-0.7-0.2-1.7-0.3-2.3-0.3c-0.8,0-0.9,0.1-1,0.6
+			c-0.1,0.4,0,0.5,0.9,1c2.1,1.1,2.4,1.5,2.1,3c-0.5,2.1-1.1,2.9-3.9,2.9C170.9,68.1,169.7,67.8,168.9,67.5z"/>
+		<path fill="#0769AD" d="M176.3,70l1.5-2.1h-1l0.7-3.2h2.7l-0.7,3.4l-2.2,2.6L176.3,70z"/>
+		<path fill="#0769AD" d="M191,67.9l0-0.8c-0.7,0.6-1.7,1-3,1c-2,0-2.5-1.2-2-3.3l0.5-2.5c0.5-2.2,1.1-3.9,5-3.9
+			c0.3,0,0.9,0,1.1,0.1l0.8-3.7l2.8-0.4l-2.8,13.5H191z M188.5,65.1c-0.1,0.5,0,0.7,0.5,0.7c1,0,1.7-0.5,2.2-1l0.9-4.1
+			c-0.3-0.1-0.7-0.1-1-0.1c-1.4,0-1.7,0.7-1.9,1.6L188.5,65.1z"/>
+		<path fill="#0769AD" d="M195.8,65c0-0.2,0-0.4,0.1-0.7l0.5-2.2c0.5-2.4,1.7-3.8,5-3.8c2.5,0,3.6,1.4,3.5,3.1c0,0.2,0,0.4-0.1,0.7
+			l-0.5,2.2c-0.5,2.2-1.6,3.8-5,3.8C196.9,68.1,195.7,66.7,195.8,65z M202.1,61.7c0-0.7-0.4-1.1-1.3-1.1c-1,0-1.6,0.5-1.8,1.4
+			l-0.5,2.3c0,0.1,0,0.3-0.1,0.4c0,0.7,0.4,1.1,1.3,1.1c1,0,1.6-0.5,1.8-1.4l0.5-2.3C202.1,61.9,202.1,61.8,202.1,61.7z"/>
+		<path fill="#0769AD" d="M221.3,61.6c0-0.1,0-0.2,0-0.3c0-0.2-0.1-0.3-0.4-0.3c-0.5,0-1.7,0.5-2.5,0.9l-1.3,6h-2.7l1.3-6.3
+			c0-0.1,0-0.2,0-0.3c0-0.2-0.1-0.3-0.4-0.3c-0.5,0-1.7,0.5-2.4,0.9l-1.3,6h-2.7l1.9-9.1l2.4-0.4l-0.1,1c1.5-0.7,2.6-1.1,3.7-1.1
+			c0.9,0,1.4,0.4,1.6,1.1c1.4-0.8,2.7-1.1,3.8-1.1c1.2,0,1.7,0.7,1.6,1.9c0,0.3,0,0.7-0.1,1.1l-1.4,6.5H220L221.3,61.6z"/>
+		<path fill="#0769AD" d="M225.1,65c0-0.2,0-0.4,0.1-0.7l0.5-2.2c0.5-2.4,1.7-3.8,5-3.8c2.5,0,3.6,1.4,3.5,3.1c0,0.2,0,0.4-0.1,0.7
+			l-0.5,2.2c-0.5,2.2-1.6,3.8-5,3.8C226.2,68.1,225,66.7,225.1,65z M231.4,61.7c0-0.7-0.4-1.1-1.3-1.1c-1,0-1.6,0.5-1.8,1.4
+			l-0.5,2.3c0,0.1,0,0.3-0.1,0.4c0,0.7,0.4,1.1,1.3,1.1c1,0,1.6-0.5,1.8-1.4l0.5-2.3C231.4,61.9,231.4,61.8,231.4,61.7z"/>
+		<path fill="#0769AD" d="M241.2,60.8c-1.2,0.6-1.7,0.9-2.8,1.6l-1.2,5.5h-2.7l1.9-9.1l2.4-0.4l-0.1,1.3c0.9-0.5,1.7-0.9,2.5-1.3
+			L241.2,60.8z"/>
+		<path fill="#0769AD" d="M241.9,61.9c0.5-2.1,1.5-3.5,4.4-3.5c1.8,0,3.1,0.8,3,2.3c-0.1,1.8-1,2.7-3.3,3.3c-1.1,0.3-1.2,0.3-2,0.6
+			l-0.1,0.6c-0.1,0.3,0,0.7,0.5,0.7c1,0,2.4-0.5,3.7-1l0.4,1.9c-1.2,0.7-3,1.3-4.6,1.3c-1.9,0-2.7-0.8-2.7-2.4
+			c0-0.3,0.1-0.7,0.2-1.1L241.9,61.9z M246.8,61c0-0.3-0.3-0.5-0.8-0.5c-1,0-1.3,0.6-1.4,1.3l-0.1,0.7c0.5-0.1,0.7-0.2,1.2-0.3
+			C246.4,61.9,246.7,61.6,246.8,61z"/>
+		<path fill="#0769AD" d="M250.4,64.7h2.7l-0.7,3.2h-2.7L250.4,64.7z"/>
+	</g>
+</g>
+<path fill="#0769AD" d="M3.3,13.4c-4.6,6.5-4,15.1-0.5,22C2.8,35.6,2.9,35.8,3,36c0,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.1,0.1,0.2
+	c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.2,0.2,0.4,0.3,0.6c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.2,0.3,0.4,0.4,0.6c0.1,0.1,0.1,0.2,0.2,0.3
+	c0.2,0.3,0.4,0.5,0.6,0.8c0,0,0,0,0,0c0,0,0.1,0.1,0.1,0.1c0.2,0.2,0.3,0.5,0.5,0.7c0.1,0.1,0.1,0.2,0.2,0.2
+	c0.2,0.2,0.3,0.4,0.5,0.6c0.1,0.1,0.1,0.1,0.2,0.2c0.2,0.3,0.4,0.5,0.7,0.7c0,0,0,0,0,0c0,0,0,0,0,0c0.2,0.2,0.4,0.5,0.7,0.7
+	c0.1,0.1,0.1,0.1,0.2,0.2c0.2,0.2,0.3,0.3,0.5,0.5c0.1,0.1,0.1,0.1,0.2,0.2c0.2,0.2,0.5,0.4,0.7,0.7c0,0,0,0,0,0
+	c0,0,0.1,0.1,0.1,0.1c0.2,0.2,0.4,0.4,0.7,0.6c0.1,0.1,0.2,0.1,0.3,0.2c0.2,0.1,0.4,0.3,0.6,0.4c0.1,0.1,0.2,0.1,0.3,0.2
+	c0.2,0.2,0.4,0.3,0.6,0.4c0.1,0.1,0.1,0.1,0.2,0.2c0,0,0,0,0.1,0c0.2,0.1,0.4,0.3,0.6,0.4c0.1,0.1,0.2,0.1,0.3,0.2
+	c0.3,0.2,0.6,0.4,0.9,0.6c0.1,0,0.2,0.1,0.3,0.1c0.2,0.1,0.5,0.3,0.7,0.4c0.1,0.1,0.3,0.1,0.4,0.2c0.2,0.1,0.3,0.2,0.5,0.3
+	c0,0,0.1,0,0.1,0.1c0.1,0,0.1,0.1,0.2,0.1c0.3,0.1,0.5,0.3,0.8,0.4c0.1,0,0.1,0,0.2,0.1c0.3,0.1,0.6,0.3,0.9,0.4
+	c0.1,0,0.1,0.1,0.2,0.1c0.3,0.1,0.6,0.2,0.9,0.3c0,0,0.1,0,0.1,0c0.3,0.1,0.7,0.2,1,0.3c0.1,0,0.2,0.1,0.2,0.1
+	c0.3,0.1,0.7,0.2,1,0.3c22,4,28.4-13.2,28.4-13.2c-5.4,7-14.9,8.8-24,6.8c-0.3-0.1-0.7-0.2-1-0.3c-0.1,0-0.2,0-0.2-0.1
+	c-0.3-0.1-0.7-0.2-1-0.3c0,0-0.1,0-0.1-0.1c-0.3-0.1-0.6-0.2-0.9-0.3c-0.1,0-0.2-0.1-0.2-0.1c-0.3-0.1-0.6-0.3-0.9-0.4
+	c-0.1,0-0.1-0.1-0.2-0.1c-0.3-0.1-0.5-0.2-0.8-0.4c-0.1,0-0.1-0.1-0.2-0.1c-0.2-0.1-0.4-0.2-0.6-0.3c-0.1-0.1-0.3-0.1-0.4-0.2
+	c-0.2-0.1-0.5-0.3-0.7-0.4c-0.1-0.1-0.2-0.1-0.2-0.1c-0.3-0.2-0.6-0.4-0.9-0.6c-0.1-0.1-0.2-0.1-0.3-0.2c-0.2-0.1-0.5-0.3-0.7-0.4
+	c-0.1-0.1-0.1-0.1-0.2-0.2c-0.2-0.1-0.4-0.3-0.6-0.5c-0.1-0.1-0.2-0.1-0.3-0.2c-0.2-0.1-0.4-0.3-0.6-0.4c-0.1-0.1-0.2-0.1-0.3-0.2
+	c-0.2-0.2-0.5-0.4-0.7-0.6c0,0-0.1,0-0.1-0.1c-0.2-0.2-0.5-0.5-0.7-0.7c-0.1-0.1-0.1-0.1-0.2-0.2c-0.2-0.2-0.4-0.3-0.5-0.5
+	c-0.1-0.1-0.1-0.1-0.2-0.2c-0.2-0.2-0.4-0.5-0.7-0.7c0,0,0,0,0,0c-0.2-0.2-0.4-0.5-0.7-0.8c-0.1-0.1-0.1-0.1-0.2-0.2
+	c-0.2-0.2-0.3-0.4-0.5-0.6c-0.1-0.1-0.1-0.1-0.2-0.2C10,33.5,9.8,33.2,9.6,33c-5-6.8-6.8-16.3-2.8-24"/>
+<path fill="#0769AD" d="M17.4,7.9C14.1,12.7,14.3,19,16.9,24c0.4,0.8,0.9,1.7,1.5,2.4c0.5,0.7,1,1.5,1.7,2.1
+	c0.2,0.3,0.5,0.5,0.7,0.8c0.1,0.1,0.1,0.1,0.2,0.2c0.2,0.2,0.5,0.5,0.8,0.7c0,0,0,0,0,0c0,0,0,0,0,0c0.3,0.3,0.6,0.5,0.9,0.7
+	c0.1,0.1,0.1,0.1,0.2,0.2c0.3,0.2,0.6,0.5,0.9,0.7c0,0,0,0,0,0c0.1,0.1,0.3,0.2,0.4,0.3c0.1,0,0.1,0.1,0.2,0.1
+	c0.2,0.1,0.5,0.3,0.7,0.4c0,0,0.1,0,0.1,0.1c0.2,0.1,0.4,0.2,0.6,0.3c0.1,0,0.1,0.1,0.2,0.1c0.1,0.1,0.3,0.1,0.4,0.2c0,0,0,0,0.1,0
+	c0.3,0.1,0.6,0.3,0.9,0.4c0.1,0,0.1,0.1,0.2,0.1c0.2,0.1,0.5,0.2,0.7,0.3c0.1,0,0.2,0.1,0.3,0.1c0.2,0.1,0.4,0.2,0.7,0.2
+	c0.1,0,0.2,0.1,0.3,0.1c0.3,0.1,0.6,0.2,1,0.3c17,2.8,20.9-10.3,20.9-10.3c-3.5,5.1-10.4,7.5-17.7,5.6c-0.3-0.1-0.6-0.2-1-0.3
+	c-0.1,0-0.2-0.1-0.3-0.1c-0.2-0.1-0.5-0.1-0.7-0.2c-0.1,0-0.2-0.1-0.3-0.1c-0.2-0.1-0.5-0.2-0.7-0.3c-0.1,0-0.1-0.1-0.2-0.1
+	c-0.3-0.1-0.6-0.3-0.9-0.4c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2-0.1-0.3-0.1c-0.2-0.1-0.4-0.2-0.6-0.3c0,0-0.1,0-0.1-0.1
+	c-0.2-0.1-0.5-0.3-0.7-0.4c-0.1,0-0.1-0.1-0.2-0.1c-0.1-0.1-0.3-0.2-0.4-0.3c-0.3-0.2-0.6-0.4-0.9-0.7c-0.1-0.1-0.1-0.1-0.2-0.2
+	c-3.2-2.5-5.7-6-6.9-9.9c-1.3-4.1-1-8.6,1.2-12.3"/>
+<path fill="#0769AD" d="M29.3,3.8c-1.9,2.9-2.1,6.4-0.8,9.6c1.4,3.4,4.3,6,7.7,7.2c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.1,0,0.2,0.1
+	c0.2,0.1,0.4,0.1,0.6,0.2c9.4,1.8,11.9-4.8,12.6-5.8c-2.2,3.2-6,4-10.6,2.9c-0.4-0.1-0.8-0.2-1.1-0.3c-0.4-0.2-0.9-0.3-1.3-0.5
+	c-0.8-0.4-1.6-0.9-2.3-1.4c-4.1-3.1-6.7-9.1-4-13.9"/>
+<path fill="#333333" d="M247,17.2l0.4,1.6c0.1,0.4-0.2,0.8-0.6,0.8"/>
+<path fill="#333333" d="M217.4,14.5c-0.1,0.4-0.2,1-0.3,1.3l-3.3,15.2l3.4-16L217.4,14.5z"/>
+<polygon fill="#333333" points="120,24.7 118.2,31.1 120,24.7 "/>
+<path fill="#333333" d="M247.4,18.8l-0.9-4c-0.7-2.9-2.8-4.2-7.5-4.2h-19.8c-0.5,0-0.9,0.2-1,0.7l-7.5,35.6c-0.1,0.5-0.1,0.8-0.1,1
+	c0.1,0.2,0.9,0.2,1.4,0.2h6.9c0.5,0,1.3,0,1.5-0.1c0.3-0.1,0.4-0.8,0.5-1.2l2.4-12.5l3-13.9c0.1-0.4,0.5-0.8,1-0.8l19.6,0
+	C247.2,19.6,247.5,19.2,247.4,18.8"/>
+<path fill="#333333" d="M275.3,4.3c-0.5,0-8.7,0-8.7,0c-0.5,0-1,0.5-1.3,0.9L250,27.6c-0.3,0.4-0.6,0.4-0.7-0.1l-1.1-4.9
+	c-0.1-0.4-0.6-0.8-1-0.8h-9.8c-0.5,0-0.7,0.4-0.6,0.8l4.4,15.4c0.1,0.4,0.1,1.2,0,1.6l-2.1,7.8c-0.1,0.4,0.2,0.6,0.6,0.6h9.7
+	c0.5,0,0.9-0.1,1-0.6l2.1-7.9c0.1-0.4,0.4-1,0.7-1.4l24.9-33c0.3-0.4,0.2-0.8-0.2-0.8L275.3,4.3z"/>
+<path fill="#333333" d="M173.1,10.6h-8.9c-0.5,0-0.9,0.2-1,0.6l-2.9,13.7L157.4,38c-0.1,0.4-0.5,0.4-1,0.4h-5.8
+	c-5.8,0-5.1-3.6-3.9-9.1c0-0.1,3.7-18.1,3.7-18.1c0.1-0.4-0.2-0.6-0.7-0.6h-8.4c-0.5,0-0.9,0.2-1,0.6l-3.4,18.1
+	c-1.7,9.8-1.7,18.4,9.6,18.7c0.2,0,17.9,0,17.9,0c0.5,0,0.9-0.2,1-0.6l3.9-18.2l3.8-18.2C173.1,11,173.3,10.6,173.1,10.6z"/>
+<path fill="#333333" d="M84.9,10.6h-9.5c-0.5,0-0.9,0.1-1,0.6l-1.7,7.4c-0.1,0.4,0.2,0.8,0.7,0.8h9.1c0.5,0,0.9-0.4,1-0.9l1.6-7.5
+	C85.1,11,85.3,10.6,84.9,10.6z"/>
+<path fill="#333333" d="M72.8,21.8c-0.5,0-0.9,0.4-1,0.8l-1.3,5.7l-2.9,13.1c0,0-1.5,6.9-1.7,7.4c0,0-1.3,5-4.3,4.8
+	c-1.4-0.1-3-0.4-3-0.4h0c-0.9-0.3-0.9,0.6-1,1.1l-1.9,8.1c-0.1,0.4,0.2,0.8,0.6,0.9c0,0,4.1,0.6,7,0.6h0.5c7.1,0,10.9-4.2,13.3-15.6
+	L79.9,35l2.6-12.3c0.1-0.4-0.2-0.9-0.6-0.9"/>
+<path fill="#333333" d="M195.5,10.5c-16,0-19.8,9.9-21.9,19.6c-2.1,10-1.9,17.9,14.6,17.9h0.6c6.6,0,14.5,0,14.5,0
+	c0.4,0,0.9-0.4,1-0.9l1.6-6.3c0.1-0.4-0.2-0.6-0.7-0.6h-14.9c-5.4,0-7.3-1.7-7.1-5.4c0-0.4,0.5-1.5,0.9-1.5h22.9c1,0,1-0.6,1-0.6
+	C210.5,22.3,210.6,10.5,195.5,10.5 M199.7,26.2c0,0.5-1.6,0.4-1.6,0.4l-12.4-0.1c-0.4,0-0.6-0.6-0.6-1c0,0,0-0.5,0.1-0.6
+	c1-3.3,3.8-5.2,8.4-5.2c5.1,0,6.2,2.5,6.2,5.4"/>
+<path fill="#333333" d="M126.5,37.7c0,0,4.5-10.9,5.5-17.1c1.4-8.4-2.8-20.6-19.1-20.6C96.8,0,89.8,11.6,87.1,24.3
+	C84.4,37,87.9,48.1,104,48l24.5,0c0.5,0,0.9-0.4,1-0.8l2.1-7.9c0.1-0.4-0.2-0.8-0.6-0.8l-2,0l-2,0c-0.4,0-0.6-0.3-0.6-0.6
+	C126.5,37.9,126.5,37.8,126.5,37.7 M118.1,31.1l-1.8,6.3c-0.1,0.4-0.6,0.7-1.1,0.7h-9.5c-7.2,0-9-5.6-7.2-13.9
+	c1.8-8.5,5.2-13.7,12.3-14.3c9.7-0.7,11.7,6.1,9.3,14L118.1,31.1z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

data/lib/starter_web/assets/themes/j1/adapter/js/attic.js

@@ -0,0 +1,563 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/attic.js
+ # Liquid template to adapt Backstretch Core functions for
+ # all attics (top page headers)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment           = site.environment %}
+{% assign template_version      = site.version %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config           = site %}
+{% assign template_config       = site.data.template_settings %}
+{% assign blocks                = site.data.blocks %}
+{% assign modules               = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign attic_defaults       = modules.defaults.attics.defaults %}
+{% assign attic_settings       = modules.attics.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign attic_options        = attic_defaults | merge: attic_settings %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/attic.js
+ # JS Adapter for J1 Master Header
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # http://www.jquery-backstretch.com/
+ #
+ # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2012 Scott Robbin
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # Backstretch is licensed under the MIT License.
+ # For details, see https://github.com/jquery-backstretch/jquery-backstretch
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['attic'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      // initialize state flag
+      j1.adapter.attic.state = 'pending';
+
+      // create seetings object from frontmatterOptions
+      var frontmatterOptions = options != null ? $.extend({}, options) : {};
+
+      // Save frontmatterOptions in the j1 namespace
+      // to be used later by j1.template.init() to load the header
+      j1.adapter.attic['frontmatterOptions'] = frontmatterOptions;
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this   = j1.adapter.attic;
+      logger  = log4javascript.getLogger('j1.adapter.attic');
+
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      {% comment %} Loading headers if j1.template.init() loaded all data objects
+      -------------------------------------------------------------------------- {% endcomment %}
+      var dependencies_met_attic_adapter = setInterval(function() {
+        if (typeof j1.colors !== 'undefined' && typeof j1.fonts !== 'undefined') {
+          _this.loadHeader(frontmatterOptions);
+          // clear interval checking
+          clearInterval(dependencies_met_attic_adapter);
+        }
+      }, 50); // END 'dataLoaded'
+
+      return true;
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // Initialize all header supported
+    // -------------------------------------------------------------------------
+    loadHeader: function () {
+
+      var frontmatterOptions = j1.adapter.attic.frontmatterOptions;
+
+      {% comment %} Load data from header config (yaml data file)
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% for item in attic_options.attics %}
+        {% if item.attic.enabled %}
+
+          {% assign attic_id = item.attic.id %}
+
+          // Create the SPECIFIC header loader FUNCTION of type: {{attic_id}}
+          function {{attic_id}} (atticOptions) {
+            // Fire backstretch for all slides of the header on attic_id
+            if ($('#{{attic_id}}').length) {
+              $("#{{attic_id}}").backstretch(
+                atticOptions.slides, {
+                  debug:                          atticOptions.debug,
+                  spinner:                        atticOptions.spinner,
+                  alignX:                         atticOptions.alignX,
+                  alignY:                         atticOptions.alignY,
+                  scale:                          atticOptions.scale,
+                  transition:                     atticOptions.transition,
+                  transitionDuration:             atticOptions.transitionDuration,
+                  animateFirst:                   atticOptions.animateFirst,
+                  duration:                       atticOptions.duration,
+                  paused:                         atticOptions.paused,
+                  start:                          atticOptions.start,
+                  preload:                        atticOptions.preload,
+                  preloadSize:                    atticOptions.preloadSize,
+                  bypassCss:                      atticOptions.bypassCss,
+                  alwaysTestWindowResolution:     atticOptions.alwaysTestWindowResolution,
+                  resolutionRefreshRate:          atticOptions.resolutionRefreshRate,
+                  resolutionChangeRatioThreshold: atticOptions.transition,
+                  isVideo:                        atticOptions.isVideo,
+                  loop:                           atticOptions.loop,
+                  mute:                           atticOptions.mute
+              });
+            }
+
+            {% comment %} Add a spinner if configured
+            -------------------------------------------------------------------- {% endcomment %}
+            if (atticOptions.spinner) {
+              $('.backstretch').addClass(atticOptions.spinner);
+            }
+
+            // Collect backstretch instance data for Backstretch callbacks
+            var backstretch_instance_data = $('#{{attic_id}}').data('backstretch');
+
+            {% comment %} Set the headerLoaded flag
+            -------------------------------------------------------------------- {% endcomment %}
+           $(window).on('backstretch.before', function (e, instance, index) {
+              _this.setState('backstretch_before');
+              logger.debug('state: ' + _this.getState());
+            });
+
+            {% comment %} Add a caption (c) or badge (b) if configured
+            See: https://github.com/jquery-backstretch/jquery-backstretch/issues/194
+            -------------------------------------------------------------------- {% endcomment %}
+            $(window).on('backstretch.after', function (e, instance, index) {
+              logText ='add caption text'
+              _this.setState('backstretch_after');
+              logger.debug('state: ' + status);
+              logger.debug(logText);
+
+              if (typeof atticOptions.slides[index].caption != 'undefined') {
+                var cText = atticOptions.slides[index].caption.text;
+                var cLink = atticOptions.slides[index].caption.href;
+
+                if (cLink) {
+                  $('.attic-caption').html('<a class="j1-masthead-caption-anchor" href="' +cLink+ '" target="_blank">'+cText+'</a>').show(); //.addClass('animated fadeInUp');
+                } else {
+                  $('.attic-caption').text(cText).show(); //.addClass('animated fadeInUp');
+                }
+              } else if (typeof atticOptions.slides[index].badge != 'undefined') {
+                var bType   = atticOptions.slides[index].badge.type;
+                var bAuthor = atticOptions.slides[index].badge.author;
+                var bLink   = atticOptions.slides[index].badge.href;
+
+                if (bType === 'unsplash') {
+                  var badgeHTML = ''
+                      + '<div class="attic__badge">'
+                      + ' <a class="attic__badge_unsplash"'
+                      + '  href="' +bLink+ '?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge"'
+                      + '  target="_blank"'
+                      + '  rel="noopener noreferrer"'
+                      + '  title="Free high-resolution photos from ' +bAuthor+ '">'
+                      + '  <span class="attic__badge_unsplash_icon">'
+                      + '    <svg xmlns="http://www.w3.org/2000/svg"'
+                      + '	   class="attic__badge_unsplash_icon-size"'
+                      + '      viewBox="0 0 32 32">'
+                      + '      <title>search unsplash</title>'
+                      + '      <path d="M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z"></path>'
+                      + '    </svg>'
+                      + '  </span>'
+                      + '  <span class="attic__badge_unsplash_text">' +bAuthor+ '</span>'
+                      + ' </a>'
+                      + '</div>';
+
+                  $('.attic-caption').html(badgeHTML).show();
+                }
+              }
+            });
+
+            {% comment %} Detect how show should run (only once|infinite loop)
+            -------------------------------------------------------------------- {% endcomment %}
+            {% if image_loop %}
+            $(window).on("backstretch.before", function (e, instance, index) {
+              _this.setState('backstretch_before_image_loop');
+              logger.debug('state: ' + _this.getState());
+              // remove class for the backstretch_intro background
+              if (index === backstretch_instance_data.images.length -1) {
+                $('.backstretch').removeClass(atticOptions.spinner);
+              }
+            });
+            {% else %}
+            $(window).on("backstretch.before", function (e, instance, index) {
+              _this.setState('backstretch_before_image_once');
+              logger.debug('state: ' + _this.getState());
+              // Stop the slideshow after reached the last image
+              if (index === backstretch_instance_data.images.length -1) {
+                $("#{{attic_id}}").backstretch("pause");
+                // remove class for the backstretch_intro background
+                $('.backstretch').removeClass(atticOptions.spinner);
+              }
+            });
+            {% endif %}
+
+          } // END if attic_id exists
+
+          // Initialize the header found in page
+          if ($('#{{attic_id}}').length) {
+
+          {% comment %} Load data from header config file
+          ---------------------------------------------------------------------- {% endcomment %}
+
+           {% comment %} NOTE:
+           Unclear why title_size|tagline_size evaluated to 1 if NOT set
+           --------------------------------------------------------------------- {% endcomment %}
+
+            {% for item in attic_options.attics %}
+              {% if item.attic.id == attic_id %}
+
+                {% assign raised_level          = item.attic.raised_level %}
+                {% assign r_text                = item.attic.r_text %}
+                {% assign text_emphasis         = item.attic.text_emphasis %}
+                {% assign padding_top           = item.attic.padding_top %}
+                {% assign padding_bottom        = item.attic.padding_bottom %}
+                {% assign margin_bottom         = item.attic.margin_bottom %}
+
+                {% if item.attic.title.size != 1 %}
+                {% assign title_size            = item.attic.title.size %}
+                {% endif %}
+                {% assign title_color           = item.attic.title.color %}
+                {% assign title_animate         = item.attic.title.animate %}
+                {% assign title_align           = item.attic.title.align %}
+
+                {% if item.attic.tagline.size != 1 %}
+                {% assign tagline_size          = item.attic.tagline.size %}
+                {% endif %}
+                {% assign tagline_color         = item.attic.tagline.color %}
+                {% assign tagline_animate       = item.attic.tagline.animate %}
+                {% assign tagline_align         = item.attic.tagline.align %}
+
+                {% assign background_color_1    = item.attic.background_color.color_1 %}
+                {% assign background_color_2    = item.attic.background_color.color_2 %}
+
+                {% assign type                  = item.attic.image_header.type %}
+                {% assign slides                = item.attic.image_header.slides %}
+                {% assign opacity               = item.attic.image_header.opacity %}
+                {% assign spinner               = item.attic.image_header.spinner %}
+                {% assign alignX                = item.attic.image_header.alignX %}
+                {% assign alignY                = item.attic.image_header.alignY %}
+                {% assign scale                 = item.attic.image_header.scale %}
+                {% assign animateFirst          = item.attic.image_header.animateFirst %}
+                {% assign paused                = item.attic.image_header.paused %}
+                {% assign start                 = item.attic.image_header.start %}
+                {% assign preload               = item.attic.image_header.preload %}
+                {% assign preloadSize           = item.attic.image_header.preloadSize %}
+                {% assign bypassCss             = item.attic.image_header.bypassCss %}
+                {% assign transition            = item.attic.image_header.transition %}
+                {% assign duration              = item.attic.image_header.duration %}
+                {% assign transitionDuration    = item.attic.image_header.transitionDuration %}
+                {% assign animateFirst          = item.attic.image_header.animateFirst %}
+                {% assign sound                 = item.attic.image_header.sound %}
+
+                // Create and json object for HEADER options taken from
+                // header config (YAML data file)
+                var atticOptions = {
+                  {% if raised_level %}         "raised_level":           {{ raised_level | json }}, {% endif %}
+                  {% if r_text %}               "r_text":                 {{ r_text | json }}, {% endif %}
+                  {% if text_emphasis %}        "text_emphasis":          {{ text_emphasis | json }}, {% endif %}
+                  {% if padding_top %}          "padding_top":            {{ padding_top | json }}, {% endif %}
+                  {% if padding_bottom %}       "padding_bottom":         {{ padding_bottom | json }}, {% endif %}
+                  {% if margin_bottom %}        "margin_bottom":          {{ margin_bottom | json }}, {% endif %}
+                  {% if title_size %}           "title_size":             {{ title_size | json }}, {% endif %}
+                  {% if title_color %}          "title_color":            {{ title_color | json }}, {% endif %}
+                  {% if title_animate %}        "title_animate":          {{ title_animate | json }}, {% endif %}
+                  {% if title_align %}          "title_align":            {{ title_align | json }}, {% endif %}
+                  {% if tagline_size %}         "tagline_size":           {{ tagline_size | json }}, {% endif %}
+                  {% if tagline_color %}        "tagline_color":          {{ tagline_color | json }}, {% endif %}
+                  {% if tagline_animate %}      "tagline_animate":        {{ tagline_animate | json }}, {% endif %}
+                  {% if tagline_align %}        "tagline_align":          {{ tagline_align | json }}, {% endif %}
+                  {% if background_color_1 %}   "background_color_1":     {{ background_color_1 | json }}, {% endif %}
+                  {% if background_color_2 %}   "background_color_2":     {{ background_color_2 | json }}, {% endif %}
+                }
+
+                {% comment %} trans-script header|backstretch options
+                ---------------------------------------------------------------- {% endcomment %}
+                {% if type == "video" %}
+                  {% assign isVideo = true %}
+                  {% if sound %} {% assign mute = false %} {% else %} {% assign mute = true %} {% endif %}
+                  {% if loop %}  {% assign loop = true %}  {% else %} {% assign loop = true %} {% endif %}
+                {% endif %}
+
+                // Create an json object for BACKSTRETCH options taken from
+                // header config (yaml data file)
+                var atticOptions = {
+                  {% if spinner %}              "spinner":                {{ spinner | json }}, {% endif %}
+                  {% if opacity %}              "opacity":                {{ opacity | json }}, {% endif %}
+                  {% if slides %}               "slides":                 {{ slides | json }}, {% endif %}
+                  {% if alignX %}               "alignX":                 {{ alignX | json }}, {% endif %}
+                  {% if alignY %}               "alignY":                 {{ alignY | json }}, {% endif %}
+                  {% if scale %}                "scale":                  {{ scale | json }}, {% endif %}
+                  {% if animateFirst %}         "animateFirst":           {{ animateFirst | json }}, {% endif %}
+                  {% if paused %}               "paused":                 {{ paused | json }}, {% endif %}
+                  {% if start %}                "start":                  {{ start | json }}, {% endif %}
+                  {% if preload %}              "preload":                {{ preload | json }}, {% endif %}
+                  {% if preloadSize %}          "preloadSize":            {{ preloadSize | json }}, {% endif %}
+                  {% if bypassCss %}            "bypassCss":              {{ bypassCss | json }}, {% endif %}
+                  {% if transition %}           "transition":             {{ transition | json }}, {% endif %}
+                  {% if isVideo %}              "isVideo":                {{ isVideo | json }}, {% endif %}
+                  {% if mute %}                 "mute":                   {{ mute | json }}, {% endif %}
+                  {% if loop %}                 "loop":                   {{ loop | json }}, {% endif %}
+                  {% if transitionDuration %}   "transitionDuration":     {{ transitionDuration | json }}, {% endif %}
+                  {% if duration %}             "duration":               {{ duration | json }}, {% endif %}
+                }
+
+                // Load  Header DEFAULTS
+                var attic_options = $.extend({}, {{attic_options | replace:'=>',':' }});
+
+                // Merge|Overload  Header DEFAULTS by (header) OPTIONS
+                // var atticOptions = j1.mergeData(attic_options, atticOptions);
+                var atticOptions = j1.mergeData(atticOptions, attic_options);
+
+                // Load  Backstretch DEFAULTS
+                //var image_attic_defaults = $.extend({}, {{image_attic_defaults | replace:'=>',':' }});
+
+                // Merge|Overload  Backstretch DEFAULTS by (header) OPTIONS
+                //var atticOptions = j1.mergeData(image_attic_defaults, atticOptions);
+
+
+              {% else %}
+                {% continue %}
+              {% endif %} // ENDIF attic_id
+            {% endfor %} // ENDFOR item in header_config.attics
+
+            {% comment %} frontmatter takes precedence (over header options)
+            -------------------------------------------------------------------- {% endcomment %}
+            if (frontmatterOptions) {
+              if (typeof frontmatterOptions.raised_level != 'undefined') { atticOptions.raised_level = frontmatterOptions.raised_level; }
+              if (typeof frontmatterOptions.r_text != 'undefined') { atticOptions.r_text = frontmatterOptions.r_text; }
+              if (typeof frontmatterOptions.text_emphasis != 'undefined') { atticOptions.text_emphasis = frontmatterOptions.text_emphasis; }
+              if (typeof frontmatterOptions.padding_top != 'undefined') { atticOptions.padding_top = frontmatterOptions.padding_top; }
+              if (typeof frontmatterOptions.padding_bottom != 'undefined') { atticOptions.padding_bottom = frontmatterOptions.padding_bottom; }
+              if (typeof frontmatterOptions.margin_bottom != 'undefined') { atticOptions.margin_bottom = frontmatterOptions.margin_bottom; }
+
+              if (typeof frontmatterOptions.title != 'undefined') {
+                if (typeof frontmatterOptions.title.color != 'undefined') { atticOptions.title_color = frontmatterOptions.title.color; }
+                if (typeof frontmatterOptions.title.size != 'undefined') { atticOptions.title_size = frontmatterOptions.title.size; }
+                if (typeof frontmatterOptions.title.animate != 'undefined') { atticOptions.title_animate = frontmatterOptions.title.animate; }
+                if (typeof frontmatterOptions.title.align != 'undefined') { atticOptions.title_align = frontmatterOptions.title.align; }
+              }
+              if (typeof frontmatterOptions.tagline != 'undefined') {
+                if (typeof frontmatterOptions.tagline.color != 'undefined') { atticOptions.tagline_color = frontmatterOptions.tagline.color; }
+                if (typeof frontmatterOptions.tagline.size != 'undefined') { atticOptions.tagline_size = frontmatterOptions.tagline.size; }
+                if (typeof frontmatterOptions.tagline.animate != 'undefined') { atticOptions.tagline_animate = frontmatterOptions.tagline.animate; }
+                if (typeof frontmatterOptions.tagline.align != 'undefined') { atticOptions.tagline_align = frontmatterOptions.tagline.align; }
+              }
+              if (typeof frontmatterOptions.background_color != 'undefined') {
+                if (typeof frontmatterOptions.background_color.color_1 != 'undefined') { atticOptions.background_color_1 = frontmatterOptions.background_color.color_1; }
+                if (typeof frontmatterOptions.background_color.color_2 != 'undefined') { atticOptions.background_color_2 = frontmatterOptions.background_color.color_1; }
+              }
+              if (typeof frontmatterOptions.spinner != 'undefined') { atticOptions.spinner = frontmatterOptions.spinner; }
+              if (typeof frontmatterOptions.opacity != 'undefined') { atticOptions.opacity = frontmatterOptions.opacity; }
+              if (typeof frontmatterOptions.alignX != 'undefined') { atticOptions.alignX = frontmatterOptions.alignX; }
+              if (typeof frontmatterOptions.alignY != 'undefined') { atticOptions.alignY = frontmatterOptions.alignY; }
+              if (typeof frontmatterOptions.scale != 'undefined') { atticOptions.scale = frontmatterOptions.scale; }
+              if (typeof frontmatterOptions.start != 'undefined') { atticOptions.start = frontmatterOptions.start; }
+              if (typeof frontmatterOptions.animateFirst != 'undefined') { atticOptions.animateFirst = frontmatterOptions.animateFirst; }
+              if (typeof frontmatterOptions.preload != 'undefined') { atticOptions.preload = frontmatterOptions.preload; }
+              if (typeof frontmatterOptions.preloadSize != 'undefined') { atticOptions.preloadSize = frontmatterOptions.preloadSize; }
+              if (typeof frontmatterOptions.mute != 'undefined') { atticOptions.mute = frontmatterOptions.mute; }
+              if (typeof frontmatterOptions.bypassCss != 'undefined') { atticOptions.bypassCss = frontmatterOptions.bypassCss; }
+              if (typeof frontmatterOptions.isVideo != 'undefined') { atticOptions.isVideo = frontmatterOptions.isVideo; }
+              if (typeof frontmatterOptions.loop != 'undefined') { atticOptions.loop = frontmatterOptions.loop; }
+              if (typeof frontmatterOptions.paused != 'undefined') { atticOptions.paused = frontmatterOptions.paused; }
+              if (typeof frontmatterOptions.transition != 'undefined') { atticOptions.transition = frontmatterOptions.transition; }
+              if (typeof frontmatterOptions.duration != 'undefined') { atticOptions.duration = frontmatterOptions.duration; }
+              if (typeof frontmatterOptions.transitionDuration != 'undefined') { atticOptions.transitionDuration = frontmatterOptions.transitionDuration; }
+              if (typeof frontmatterOptions.slides != 'undefined') { atticOptions.slides = frontmatterOptions.slides; }
+            }
+
+            {% comment %} Resolve symbolic color names
+            -------------------------------------------------------------------- {% endcomment %}
+            atticOptions.title_color         = j1.setColorData(atticOptions.title_color);
+            atticOptions.tagline_color       = j1.setColorData(atticOptions.tagline_color);
+            atticOptions.background_color_1  = j1.setColorData(atticOptions.background_color_1);
+            atticOptions.background_color_2  = j1.setColorData(atticOptions.background_color_2);
+
+            {% comment %} Resolve symbolic font sizes names
+            -------------------------------------------------------------------- {% endcomment %}
+            atticOptions.title_size          = j1.setFontSize(atticOptions.title_size);
+            atticOptions.tagline_size        = j1.setFontSize(atticOptions.tagline_size);
+
+            {% comment %} Add header CSS classes
+            -------------------------------------------------------------------- {% endcomment %}
+            if (atticOptions.r_text == 'enabled') { $('#{{attic_id}}').addClass('r-text'); }
+
+            var raised_level = "raised-z" +atticOptions.raised_level;
+            $('#{{attic_id}}').addClass(raised_level);
+            $('#head-title').addClass(atticOptions.title_animate);
+            $('#head-tagline').addClass(atticOptions.tagline_animate);
+
+            var text_emphasis = "text-emphasis-" +atticOptions.text_emphasis;
+            $('#head-title-text').addClass(text_emphasis);
+            $('#head-tagline-text').addClass(text_emphasis);
+
+            {% comment %} Add header CSS styles to <HEAD>
+            -------------------------------------------------------------------- {% endcomment %}
+            var attic_style = '';
+
+            // Initialze header background gradient
+            attic_style += "<style> .attic { ";
+            attic_style += "background-image: -webkit-gradient(linear, left top, left bottom, from(" +atticOptions.background_color_1+ "), to(" +atticOptions.background_color_2+ "));";
+            attic_style += "background-image: -webkit-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
+            attic_style += "background-image: -o-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
+            attic_style += "background-image: linear-gradient(to bottom, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
+            attic_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +atticOptions.background_color_1+ '", endColorstr="' +atticOptions.background_color_2+ '", GradientType=0); ';
+            attic_style += "} </style>";
+            $('head').append(attic_style);
+
+            // Initialze header sizes
+            attic_style = '';
+
+            attic_style = "<style> .attic { padding-top:" +atticOptions.padding_top+ "px; padding-bottom: " +atticOptions.padding_bottom+ "px; margin-bottom: " +atticOptions.margin_bottom+ "px; text-shadow: 0 1px 0 rgba(0,0,0,.1); </style>"
+            $('head').append(attic_style);
+            $('head').append("<style> .attic .head-title h2 { color: " +atticOptions.title_color+ ";font-size: " +atticOptions.title_size+ " !important; text-align: " +atticOptions.title_align+ ";} </style>");
+            $('head').append("<style> .attic .head-tagline h3 { color: " +atticOptions.tagline_color+ ";font-size: " +atticOptions.tagline_size+ " !important; text-align: " +atticOptions.tagline_align+ "; } </style>");
+
+            // Add opacity to all header images
+            // See: https://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
+            var attic_opacity;
+
+            attic_opacity = '<style> .backstretch-item { opacity: ' +atticOptions.opacity+ '; </style>';
+            $('head').append(attic_opacity);
+
+            _this.setState('initialized');
+            logger.info('state: ' + _this.getState());
+
+            {% comment %} Run the image header if any
+            -------------------------------------------------------------------- {% endcomment %}
+            if (typeof atticOptions.slides != 'undefined') {
+              // Load the image header if the page is ready (visible)
+              $(function() {
+                // logger.debug('Load image header on: ' + {{attic_id}});
+                logger.debug('Load image header');
+                {{attic_id}}(atticOptions)
+                _this.setState('completed');
+                logger.info('state: ' + _this.getState());
+              });
+            }
+          } // END if header id found in page
+        {% endif %} // END if header enabled
+      {% endfor %} // END for item in header_config.attics
+
+      // NO header found in page
+      if ($('#no_header').length) {
+        _this.setState('completed');
+        logger.info('state: ' + _this.getState());
+        logger.warn('No header configured or found in page');
+      }
+
+      return true;
+    }, // END loadHeader
+
+    // -------------------------------------------------------------------------
+    // messageHandler: MessageHandler for J1 CookieConsent module
+    // Manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        status = 'completed';
+        logger.info(message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState
+    // Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      j1.adapter.scroller.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return j1.adapter.scroller.state;
+    } // END state
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}