An error occurred while processing the template.
Error on line 140, column 1 in 10157#10197#395838 entry is undefined. It cannot be assigned to curSocialEntry
1<style> 2.social-item { 3float: left; 4display: inline-block; 5margin-bottom: 10px; 6position: relative; 7z-index: 0; 8width: 33.33333%; 9padding: 0 5px; 10} 11.social-item .well { 12border: 1px solid rgba(169, 169, 169, 0.57); 13overflow: hidden; 14position: relative; 15border-radius: 2px; 16margin-bottom: 0; 17} 18.social-item .well a:hover { 19color: inherit; 20} 21.social-item .well.twitter { 22background: #fff; 23padding: 20px 20px 50px 20px; 24} 25.social-item .well.twitter.media { 26padding: 0; 27} 28.social-item .well.twitter h4 { 29line-height: 1.4; 30margin-top: 0; 31color: #444; 32} 33.social-item .well.twitter h4::first-line { 34font-size: 125%; 35} 36.social-item .well.instagram { 37padding: 1px; 38} 39.social-item .well.youtube { 40padding: 0; 41border: 1px solid rgba(186, 186, 186, 0.57); 42background-color: transparent; 43} 44.social-item img { 45width: 100%; 46} 47.social-item .tweet-date { 48font-size: 12px; 49color: #999; 50opacity: .9; 51letter-spacing: -.5px; 52} 53.social-item .social-user { 54position: absolute; 55bottom: 0; 56right: 0; 57padding: 3px 5px; 58margin: 1px; 59font-size: 10px; 60} 61.social-item .well.instagram .social-user, .social-item .well.twitter.media .social-user { 62background: rgba(0, 0, 0, 0.17); 63} 64.social-item .youtube-play-button { 65position: absolute; 66right: 0; 67left: 0; 68width: 100%; 69text-align: center; 70top: 30%; 71} 72.social-item .youtube-overlay { 73position: absolute; 74top: 0; 75right: 0; 76background: linear-gradient(rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.65)); 77width: 100%; 78height: 100%; 79} 80.social-item .youtube-overlay .video-title { 81position: absolute; 82bottom: 0; 83left: 0; 84right: 0; 85text-align: center; 86color: #fff; 87opacity: .7; 88font-size: 12px; 89text-transform: uppercase; 90} 91.social-item .well.twitter.media .social-user a,.social-item .well.twitter.media .social-user a:hover { 92color: #fff; 93} 94.social-item .well.instagram .social-user a,.social-item .well.instagram .social-user a:hover { 95color: #fff; 96} 97.social-caption { 98 position:absolute; 99 top:-100%; 100 right:0; 101 background:rgba(0, 0, 0, 0.75); 102 width:100%; 103 height:100%; 104 padding:2%; 105 text-align:center; 106 color:#fff !important; 107 z-index:2; 108 -webkit-transition: all 0.2s ease-in-out; 109 -moz-transition: all 0.2s ease-in-out; 110 -o-transition: all 0.2s ease-in-out; 111 -ms-transition: all 0.2s ease-in-out; 112 transition: all 0.2s ease-in-out; 113} 114.social-item:hover .social-caption { 115 top:0%; 116} 117.social-caption .btn:hover { 118text-decoration: none; 119} 120.social-caption h2 { 121color: #fff; 122} 123.aui .col-md-4.social-item { 124padding: 0 5px; 125margin: 4px 0; 126} 127.aui .col-sm-6.social-item { 128padding: 0 5px; 129margin: 5px 0; 130} 131@media (max-width: 767px){ 132.social-item { 133width: 100%; 134padding: 0; 135margin: 5px auto; 136} 137} 138</style> 139 140<#assign curSocialEntry = entry /> 141<#if entries?has_content > 142 143<div id="social-container container" class="js-masonry"> 144<#list entries as curSocialEntry> 145<div class="social-item ${curSocialEntry.typeLabel} animated fade-in" data-social="${curSocialEntry.typeLabel}"> 146 <#assign date = curSocialEntry.getPublished() /> 147<#assign diff = (date?long / 86400000)?round - (.now?long / 86400000)?round /> 148 <#assign curSocialEntry = curSocialEntry /> 149 <#assign entryType = curSocialEntry.type /> 150 <#if entryType == 1 > 151 <@getTwitter/> 152 <#elseif entryType == 2 > 153 <@getInstagram/> 154 <#elseif entryType == 3 > 155 <@getYouTube/> 156 <#else> 157 <@getVimeo/> 158 </#if> 159</div> 160 </#list> 161 </div> 162</#if> 163<#macro getTwitter> 164<#if curSocialEntry.image?has_content> 165<div class="well twitter media"> 166 <a href="${curSocialEntry.postUrl}" target="_blank"> 167<img class="img-responsive" src="${curSocialEntry.image}"> 168</a> 169 <div class="social-user"> 170 <a class="theme-color" href="https://twitter.com/${curSocialEntry.userScreenName}" target="_blank"> 171 ${curSocialEntry.userScreenName} <i class="icon-twitter icon-muted icon-large" style="color: #ccc;"></i> 172 </a> 173 </div> 174</div> 175<#else> 176<div class="well twitter"> 177<a href="https://twitter.com/intent/retweet?tweet_id=${curSocialEntry.id}" target="_blank"> 178<span class="tweet-date">${date?date?string["MM.dd.yy"]}</span> 179<h4><span class="tweet-text">${curSocialEntry.text}</span></h4> 180</a> 181 <div class="social-user"> 182 <a class="theme-color" href="https://twitter.com/${curSocialEntry.userScreenName}" target="_blank"> 183 ${curSocialEntry.userScreenName} <i class="icon-twitter icon-muted icon-large" style="color: #ccc;"></i> 184 </a> 185 </div> 186</div> 187</#if> 188</#macro> 189<#macro getInstagram> 190<#if curSocialEntry.image?has_content> 191<div class="well instagram"> 192 <a href="https://instagram.com/${curSocialEntry.userScreenName}" target="_blank"> 193<img src="${curSocialEntry.image}"> 194</a> 195 <div class="social-user"> 196 <a href="https://instagram.com/${curSocialEntry.userScreenName}" target="_blank"> 197 ${curSocialEntry.userScreenName} <i class="icon-instagram icon-muted icon-large"></i> 198 </a> 199 </div> 200</div> 201</#if> 202</#macro> 203 204<#macro getYouTube> 205<div class="well youtube"> 206<img class="img-responsive" src="${curSocialEntry.image}"> 207 <div class="youtube-overlay"> 208 <div class="youtube-play-button"> 209 <a href="${curSocialEntry.postUrl}" target="_blank"> 210 <i class="icon-play icon-4x" style="opacity: .8;color: #fff;"></i> 211 </a> 212 </div> 213 </div> 214</div> 215</#macro> 216 217<#macro getVimeo> 218<div class="well youtube"> 219<img class="img-responsive" src="${curSocialEntry.image}"> 220 <div class="youtube-overlay"> 221 <div class="youtube-play-button"> 222 <a href="${curSocialEntry.postUrl}" target="_blank"> 223 <i class="icon-play icon-4x" style="opacity: .8;color: #fff;"></i> 224 </a> 225 </div> 226 </div> 227</div> 228</#macro> 229 230<script> 231AUI().ready(function(A){ 232 233 234var container = document.querySelector('#social-container'); 235var msnry = new Masonry(container, { 236 // options 237 itemSelector: '.social-item' 238}); 239 240imagesLoaded(container, function() { 241 msnry.layout(); 242}); 243 244 245}); 246 247</script> 248 249<script> 250AUI().ready(function(A){ 251[].forEach.call(document.querySelectorAll('.tweet-text'),function(el){el.innerHTML = twttr.txt.autoLink(el.textContent,{usernameUrlBase: 'https://twitter.com/intent/user?screen_name=', usernameIncludeSymbol: true, urlTarget:'_blank'});}) 252}); 253</script> 