1<#assign orientationDefault = "horizontal"/> 

2<#if orientation?? && orientation.getData() !=""> 

3    <#assign orientationDefault = orientation.getData() /> 

4</#if> 

5 

6<#-- getting the data from the CDN JSON file  --> 

7<#function readJSON apiUrl> 

8    <#assign response = httpUtilUnsafe.URLtoString(apiUrl) /> 

9    <#assign result = jsonFactoryUtil.looseDeserialize(response) /> 

10    <#return result /> 

11</#function> 

12<#assign data = readJSON("https://cdn.axiell.com/arena/instagram/arena-instagram-tokens.json")! /> 

13<#assign username = userName.getData()! /> 

14 

15<div id="instagram-feed" class="instagram-feed instagram-feed--items-${items.getData()} instagram-feed--captions-${captions.getData()} instagram-feed--display-${orientationDefault}"></div> 

16<script> 

17	define._amd = define.amd; 

18	define.amd = false; 

19</script> 

20<script src="https://cdn.jsdelivr.net/gh/stevenschobert/instafeed.js@2.0.0rc1/src/instafeed.min.js"></script> 

21<script> 

22	define._amd = define.amd; 

23	var userFeed = new Instafeed({ 

24		get: 'user', 

25		target: "instagram-feed", 

26		accessToken: "${data["tokens"][username]}", 

27		limit: ${items.getData()}, 

28		template: '<a target="_blank" href="{{link}}"><img src="{{image}}" alt="{{type}}'+' from '+'{{username}}'+' Instagram"/><span>"{{caption}}"</span></a>' 

29	}); 

30	userFeed.run(); 

31</script>