{% import 'components/Document/SocialShare.html' as SocialShare %} {% macro render(ViewAttr) %} {% set url = 'https://shopify.github.io/draggable' %} {% set siteName = 'Draggable JS Examples' %} {% set titleSep = ' | ' %} {% set parentFragment = ViewAttr.parent + titleSep if ViewAttr.parent %} {% set childFragment = ViewAttr.child + titleSep if ViewAttr.child %} {% set titleText = [parentFragment, childFragment, siteName] %} {% set HeadAttr = { siteName: siteName, title: ViewAttr.subheading, description: 'Draggable is a lightweight, responsive, modern drag and drop JavaScript library – the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps.', siteUrl: url, socialImg: url + '/assets/img/social/draggable-social.png', twitterHandle: '@Shopify', twitterId: '17136315' } %} {{ titleText | join('') | trim }} {{ SocialShare.render(HeadAttr) }} {% include 'components/Document/Favicon.html' %} {% endmacro %}