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>