{"landing_title":[{"type":"heading1","text":"Test title","spans":[]}],"html":[{"type":"preformatted","text":"

\r\n\t

\r\n\t\t\t

\r\n

Cleeek the buuurrrger

\r\n

","spans":[]}],"css":[{"type":"preformatted","text":"@import url('https://fonts.googleapis.com/css?family=Orelega+One');\r\n\r\nbody {\r\n display: flex;\r\n min-height:\t100vh;\r\n margin: 0;\r\n padding: 1rem;\r\n color: #FFFFFF;\r\n background-color:\t#16a085;\r\n font-family: 'Orelega One';\r\n}\r\n\r\n.main {\r\n margin: auto;\r\n}\r\n\r\nsvg {\r\n display: block;\r\n margin: auto;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}","spans":[]}],"plain_js":[{"type":"preformatted","text":"jQuery(document).ready(function($) {\r\n\r\n\t//\tLet's go!\r\n\r\n\tlet burgerTL = gsap.timeline({ paused: true }).timeScale(1);\r\n\tburgerTL.to('.bun-top', { yPercent: -100, duration: 0.5, ease: 'back.out(3)' });\r\n\tburgerTL.to('.bun-bottom', { yPercent: 100, duration: 0.5, delay: -0.5, ease: 'back.out(3)' });\r\n\tburgerTL.to('.mustard-top', { yPercent: -500, duration: 0.5, delay: -0.45, ease: 'back.out(3)' });\r\n\tburgerTL.to('.mustard-bottom', { yPercent: 500, duration: 0.5, delay: -0.45, ease: 'back.out(3)' });\r\n\tburgerTL.to('.burger', { yPercent: 50, duration: 0.5, delay: -0.4, ease: 'back.out(3)' });\r\n\tburgerTL.to('.mayo', { yPercent: -50, duration: 0.5, delay: -0.4, ease: 'back.out(3)' });\r\n\tburgerTL.to('.cheese', { yPercent: 35, duration: 0.5, delay: -0.35, ease: 'back.out(3)' });\r\n\tburgerTL.to('.lettuce', { yPercent: -100, duration: 0.5, delay: -0.35, ease: 'back.out(3)' });\r\n\r\n\t$('svg, body').click(function(evt) {\r\n\t\t$('svg').toggleClass('clicked');\r\n\r\n\t\tif ($('svg').hasClass('clicked')) {\r\n\t\t\tburgerTL.play();\r\n\t\t} else {\r\n\t\t\tburgerTL.reverse();\r\n\t\t}\r\n\t});\r\n});","spans":[]}]}

Photo Frame

Photo Frame