• Sign In
SMU Mustangs Football
  • Home
  • Staff
  • Social
  • Schedule
  • Football Life
  • Student Life
  • Tradition
  • Recruits
  • Mustang Lab
Powered by AthleticOffice
An error occurred while processing the template.
Error on line 133, column 1 in 10157#10197#513253
entry is undefined.
It cannot be assigned to curSocialEntry
1<link href="http://www.athleticoffice.com/documents/349960/371210/mustang-animated-red.gif/9f0a5d2c-a5fb-49a5-bd99-4ed406c7954f?t=1459966001000" rel="prefetch" /> 
2<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script> 
3<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.css"> 
4<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.min.js"></script> 
5<style> 
6#featured-videos.inactive { 
7opacity: 0; 
8} 
9#featured-videos { 
10height: 70vh; 
11width:100%; 
12    background: #fff; 
13        -webkit-transition: opacity 1s ease; 
14        transition: opacity 1s ease; 
15        -webkit-transition-delay: .1s; 
16        transition-delay: .1s; 
17        -webkit-transition: opacity 1s ease; 
18        -webkit-transition-delay: opacity 1s ease; 
19} 
20#featured-videos .swiper-container { 
21        width: 100%; 
22        height: 100%; 
23    } 
24#featured-videos .swiper-slide { 
25position: relative; 
26height: 100%; 
27width: 100%; 
28background-color: #000; 
29        text-align: center; 
30        display: -webkit-box; 
31        display: -ms-flexbox; 
32        display: -webkit-flex; 
33        display: flex; 
34        -webkit-box-pack: center; 
35        -ms-flex-pack: center; 
36        -webkit-justify-content: center; 
37        justify-content: center; 
38        -webkit-box-align: center; 
39        -ms-flex-align: center; 
40        -webkit-align-items: center; 
41        align-items: center; 
42        -webkit-flex-direction: column; 
43        flex-direction: column; 
44       
45    } 
46    .swiper-slide .featured-video-inner { 
47    position: relative; 
48        padding:  5vh 10vw; 
49        overflow: hidden; 
50    } 
51      #featured-videos  .bg-image { 
52    background-position: 50% 25%; 
53        -webkit-filter: brightness(1.1) contrast(1.1) saturate(1.1); 
54    filter: brightness(1.1) contrast(1.1) saturate(1.1); 
55} 
56    #featured-videos .video-overlay { 
57    position: absolute; 
58    height: 100%; 
59    width: 100%; 
60    background-color: rgba(0,0,0,0.55); 
61    top: 0; 
62    left: 0; 
63    z-index: -1; 
64    } 
65    #featured-videos h4 { 
66   font-size: 24px; 
67    text-shadow: 2px 2px 3px rgba(0,0,0,0.75); 
68    line-height: 1.3; 
69    font-weight: 900; 
70    } 
71        #featured-videos p { 
72   opacity: .75; 
73    } 
74   #featured-videos .video-play-btn { 
75    margin-top: 20px; 
76} 
77#featured-videos .video-play-btn .smu-icon { 
78    cursor: pointer; 
79    font-size: 1.5em; 
80    color: #dc1f26; 
81} 
82#featured-videos .video-play-btn .smu-icon:before { 
83    padding: 10px 30px; 
84    border: 2px solid #fff; 
85    border-radius: 6px; 
86    background: rgba(0,0,0,0.25); 
87} 
88.swiper-nav-next, .swiper-nav-prev { 
89    position: absolute; 
90    top: 50%; 
91    z-index: 10; 
92    opacity: .5; 
93    cursor: pointer; 
94    display: none; 
95} 
96.swiper-nav-next .smu-icon, .swiper-nav-prev .smu-icon { 
97color: #fff; 
98font-size: 3em; 
99} 
100.swiper-nav-prev { 
101left: 10px; 
102} 
103.swiper-nav-next{ 
104right: 10px; 
105} 
106@media (min-width:768px) { 
107    .swiper-slide .featured-video-inner { 
108        padding:  5vh 25vw; 
109    } 
110       #featured-videos .video-play-btn { 
111    margin-top: 40px; 
112} 
113    #featured-videos h4 { 
114    font-size: 40px; 
115    } 
116} 
117@media (min-width:992px) { 
118    .swiper-slide .featured-video-inner { 
119        padding:  5vh 25vw; 
120    } 
121} 
122@media (min-width:1200px) { 
123    .swiper-slide .featured-video-inner { 
124        padding:  5vh 25vw; 
125    } 
126        #featured-videos h4 { 
127    font-size: 64px; 
128    } 
129} 
130</style> 
131 
132 
133<#assign curSocialEntry = entry /> 
134<#if entries?has_content > 
135 
136<#assign serilizer = jsonFactoryUtil.createJSONSerializer() /> 
137 
138<div id="team-loader"> 
139   <div class="smu-loader"></div>  
140</div> 
141 
142<section class="section inactive" id="featured-videos"> 
143    <div class="swiper-container featured-videos"> 
144        <div class="swiper-wrapper"> 
145        <#list entries as curSocialEntry> 
146         
147         
148            <div class="swiper-slide"> 
149   
150                    <div class="bg-image preload" style="background-image: url(https://i.ytimg.com/vi/${curSocialEntry.id}/maxresdefault.jpg);"></div> 
151             <div class="video-overlay"></div> 
152             <div class="featured-video-inner"> 
153      
154             <p class="font-alt-2">${curSocialEntry.getPrettyTime()}</p> 
155     <h4 class="font-alt-2"><span class="youtubeItem" data-id="${curSocialEntry.id}">${curSocialEntry.text}</span></h4> 
156 
157 <div class="video-play-btn"> 
158  <span class="smu-icon smu-play youtubeItem" data-id="${curSocialEntry.id}"></span> 
159    </div> 
160    </div> 
161 
162 
163            </div> 
164 
165 
166 
167 
168 
169</#list> 
170        </div> 
171    <!-- Add Arrows --> 
172        <div class="swiper-nav-next"><span class="smu-icon smu-angle-right"></span></div> 
173        <div class="swiper-nav-prev"><span class="smu-icon smu-angle-left"></span></div> 
174    </div> 
175    </section> 
176    </#if> 
177     
178     
179     
180     
181     <script> 
182      
183     var swiper; 
184  
185 
186 
187    var teamloader = document.querySelector('#team-loader'); 
188 
189 
190    imagesLoaded(document.querySelectorAll('.preload'), { 
191        background: true 
192    }, function () { 
193 
194        document.querySelector('#featured-videos').classList.remove('inactive'); 
195 
196 
197 
198swiper = new Swiper('.swiper-container.featured-videos', { 
199        pagination: '.swiper-pagination', 
200        slidesPerView: 1, 
201        paginationClickable: true, 
202        nextButton: 'swiper-nav-next', 
203        prevButton: 'swiper-nav-prev', 
204        spaceBetween: 0, 
205       speed: 1200, 
206		 preventClicks: false, 
207        preventClicksPropagation: false, 
208        centeredSlides: true, 
209        autoplay: 2000, 
210       loop: true, 
211        loopedSlides: 6, 
212        effect: 'fade', 
213        fade: { 
214  crossFade: false 
215} 
216    }); 
217    }); 
218    </script> 
An error occurred while processing the template.
Error on line 237, column 1 in 10157#10197#513256
entry is undefined.
It cannot be assigned to curSocialEntry
1<link href="http://www.athleticoffice.com/documents/349960/371210/mustang-animated-red.gif/9f0a5d2c-a5fb-49a5-bd99-4ed406c7954f?t=1459966001000" rel="prefetch" /> 
2<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.2.0/imagesloaded.pkgd.min.js"></script> 
3<style> 
4#social-hub.inactive { 
5opacity: 0; 
6} 
7#social-hub { 
8min-height: 100vh; 
9position: relative; 
10    padding: 10px 5px 0 5px; 
11background: #fff; 
12    -webkit-transition: opacity 1s ease; 
13        transition: opacity 1s ease; 
14        -webkit-transition-delay: .1s; 
15        transition-delay: .1s; 
16        -webkit-transition: opacity 1s ease; 
17        -webkit-transition-delay: opacity 1s ease; 
18} 
19.aui .social-container { 
20    padding: 0; 
21    margin: 0; 
22    background: none; 
23} 
24.aui .socialItem { 
25margin: 0; 
26  padding-left: 5px; 
27    padding-right: 5px; 
28    padding-bottom: 10px; 
29} 
30.aui .socialItem.instagram { 
31height: calc(100vw - 9px); 
32} 
33.social-item-inner { 
34position: relative; 
35overflow: hidden; 
36height: 100%; 
37width: 100%; 
38    background-size: cover; 
39    background-repeat: no-repeat; 
40    background-position: 50% 50%; 
41} 
42.social-item-inner.twitter { 
43padding: 50px 25px; 
44    background-color: #dc1f26; 
45        border: 2px solid #fff; 
46} 
47.twitter-user { 
48padding-top: 25px; 
49    color: #bbb; 
50    font-size: .9em; 
51   font-family: 'Merriweather',serif; 
52    font-weight: 700; 
53} 
54.aui .socialItem .tweet-date { 
55    color: #bbb; 
56    font-size: .75em; 
57    font-family: 'Merriweather',serif; 
58    font-weight: 700; 
59} 
60.socialItem.twitter .social-item-inner.twitter h4 { 
61    font-family: 'Merriweather',serif; 
62    font-weight: 700; 
63    color:#fff; 
64    line-height: 1.3; 
65    font-size: 18px; 
66} 
67.socialItem.twitter:nth-child(3n) .social-item-inner.twitter { 
68    background-color: #345ca1; 
69} 
70.socialItem.twitter:nth-child(3n) .social-item-inner.twitter h4 { 
71 color: #fff; 
72} 
73 
74.social-item-inner.twitter-media { 
75    border: 2px solid #eee; 
76} 
77.social-item-inner.twitter-media img { 
78-webkit-filter: brightness(1.1) contrast(1.1) saturate(1.1); 
79filter: brightness(1.1) contrast(1.1) saturate(1.1); 
80     
81} 
82.social-item-inner.instagram { 
83background-size: 200%; 
84    border: 2px solid #eee; 
85} 
86.social-item-inner.instagram .bg-image { 
87-webkit-background-size: 200%; 
88background-size: 200%; 
89    -webkit-filter: brightness(1.1) contrast(1.1) saturate(1.1); 
90    filter: brightness(1.1) contrast(1.1) saturate(1.1); 
91} 
92.social-item-inner.youtube { 
93padding: 75px 25px; 
94text-align: center; 
95background-size: cover; 
96background-position: 50% 50%; 
97} 
98 
99.socialItem.youtube .social-item-inner .video-overlay { 
100    position: absolute; 
101    height: 100%; 
102    width: 100%; 
103    background-color: rgba(0,0,0,0.40); 
104    top: 0; 
105    left: 0; 
106    z-index: -1; 
107} 
108.socialItem.youtube .social-item-inner.youtube h4 { 
109    font-size: 24px; 
110    text-transform: uppercase; 
111    line-height: 1.2; 
112    margin: 0; 
113} 
114.social-item-inner.youtube .video-play-btn { 
115margin-top: 20px; 
116} 
117.social-item-inner.youtube .smu-icon { 
118cursor: pointer; 
119font-size: 1em; 
120color: #dc1f26; 
121} 
122.social-item-inner.youtube .smu-icon:before { 
123    padding: 5px 15px; 
124    border: 2px solid #fff; 
125    border-radius: 6px; 
126} 
127.socialItem .social-icon { 
128    position: absolute; 
129    bottom: 0; 
130    right: 0; 
131    font-size: .75em; 
132    color: #fff; 
133    margin: 15px 5px; 
134} 
135.socialItem .social-icon .smu-icon:before { 
136    padding: 5px; 
137    border-radius: 50%; 
138    border: 2px solid #fff; 
139} 
140.socialItem.instagram .social-icon { 
141    color: #ccc; 
142} 
143.socialItem.instagram .social-icon .smu-icon:before { 
144   border: 2px solid #ccc; 
145   opacity: 0.75; 
146} 
147.socialItem.twitter-media .social-icon .smu-icon:before { 
148  opacity: .75; 
149} 
150@media(min-width:768px) { 
151.aui .socialItem { 
152    width: 50%; 
153} 
154.aui .socialItem.instagram { 
155height: calc(50vw - 5px); 
156} 
157.socialItem .social-icon { 
158    font-size: 1em; 
159    margin: 25px 15px; 
160} 
161.socialItem .social-icon .smu-icon:before { 
162    padding: 7.5px; 
163} 
164.vine-wrapper { 
165    position: relative; 
166    display: block; 
167    height: 0; 
168    padding: 0; 
169    overflow: hidden; 
170        padding-bottom: 100%; 
171} 
172.vine-embed-item { 
173    position: absolute; 
174    top: 0; 
175    bottom: 0; 
176    left: 0; 
177    width: 100%; 
178    height: 100%; 
179    border: 0; 
180} 
181} 
182@media(min-width:992px) { 
183#social-hub { 
184padding: 20px 10px 0 10px; 
185} 
186.aui .socialItem { 
187    width: 33.333333%; 
188      padding-left: 10px; 
189    padding-right: 10px; 
190    padding-bottom: 20px; 
191} 
192.aui .socialItem.instagram { 
193height: calc(33.333333vw - 5px); 
194} 
195.socialItem.twitter .social-item-inner.twitter h4 { 
196font-size: 16px; 
197} 
198.socialItem.youtube .social-item-inner.youtube h4 { 
199    font-size: 36px; 
200} 
201} 
202 
203@media(min-width:1200px) { 
204.social-item-inner.twitter { 
205padding: 75px 25px; 
206} 
207.socialItem.twitter .social-item-inner.twitter h4 { 
208font-size: 20px; 
209} 
210.social-item-inner.youtube { 
211padding: 75px 25px; 
212} 
213.socialItem.youtube .social-item-inner.youtube h4 { 
214    font-size: 32px; 
215} 
216.social-item-inner.youtube .video-play-btn { 
217margin-top: 40px; 
218} 
219.social-item-inner.youtube .smu-icon { 
220font-size: 1.5em; 
221} 
222.social-item-inner.youtube .smu-icon:before { 
223    padding: 10px 30px; 
224} 
225} 
226 
227@media(min-width:1920px) { 
228.social-item-inner.youtube { 
229padding: 100px 50px; 
230} 
231.socialItem.youtube .social-item-inner.youtube h4 { 
232    font-size: 48px; 
233} 
234} 
235</style> 
236 
237<#assign curSocialEntry = entry /> 
238<#if entries?has_content > 
239 
240<#assign serilizer = jsonFactoryUtil.createJSONSerializer() /> 
241 
242<section class="section inactive" id="social-hub"> 
243<div id="container" class="social-container"> 
244<#list entries as curSocialEntry> 
245             <#assign date = curSocialEntry.getPublished() /> 
246<#assign diff = (date?long / 86400000)?round - (.now?long / 86400000)?round /> 
247	<#assign curSocialEntry = curSocialEntry /> 
248	<#assign entryType = curSocialEntry.type /> 
249    <#if entryType == 1 > 
250	<@getTwitter/> 
251	<#elseif entryType == 2 > 
252	<@getInstagram/> 
253	<#elseif entryType == 3 > 
254	<@getYouTube/> 
255	<#else> 
256	<@getVine/> 
257	</#if> 
258	</#list> 
259	</div> 
260	</section> 
261</#if> 
262 
263 
264 
265<#macro getTwitter> 
266<#if curSocialEntry.image?has_content> 
267<div class="socialItem twitter-media" data-social="${curSocialEntry.typeLabel}" data-id="${curSocialEntry.id}"> 
268<div class="social-item-inner twitter-media animated zoom-in"> 
269 <img src="${curSocialEntry.image}"> 
270 <div class="social-icon no-select"> 
271<span class="smu-icon smu-twitter"></span> 
272  </div> 
273   
274  </div> 
275  </div> 
276<#else> 
277<div class="socialItem twitter" data-social="${curSocialEntry.typeLabel}" data-id="${curSocialEntry.id}"> 
278<div class="social-item-inner twitter animated zoom-in"> 
279<span class="tweet-date">${date?date?string["MM.dd.yy"]}</span> 
280<h4 class="first-line-big text-base no-select tweetItem" data-tweet-id="${curSocialEntry.id}">${curSocialEntry.text}</h4> 
281   
282  <div class="twitter-user no-select"> 
283-@${curSocialEntry.userScreenName} 
284  </div> 
285   
286   <div class="social-icon no-select"> 
287<span class="smu-icon smu-twitter"></span> 
288  </div> 
289   
290  </div> 
291</div> 
292</#if> 
293</#macro> 
294 
295 
296<#macro getInstagram> 
297<#if curSocialEntry.image?has_content> 
298<div class="socialItem instagram" data-social="${curSocialEntry.typeLabel}" data-id="${curSocialEntry.id}"> 
299<div class="social-item-inner instagram animated zoom-in"> 
300<div class="bg-image preload" style="background-image: url(${curSocialEntry.image});"></div> 
301  <div class="social-icon no-select"> 
302<span class="smu-icon smu-instagram-2"></span> 
303  </div> 
304  </div> 
305  </div> 
306</#if> 
307</#macro> 
308 
309<#macro getYouTube> 
310<div class="socialItem youtube" data-social="${curSocialEntry.typeLabel}" data-id="${curSocialEntry.id}"> 
311<div class="social-item-inner youtube animated zoom-in" style="background-image: url(https://i.ytimg.com/vi/${curSocialEntry.id}/maxresdefault.jpg);"> 
312<div class="video-overlay"></div> 
313  <h4><strong>${curSocialEntry.text}</strong></h4> 
314 
315 <div class="video-play-btn"> 
316  <span class="smu-icon smu-play"></span> 
317    </div> 
318</div> 
319</div> 
320</#macro> 
321 
322<#macro getVine> 
323<div class="socialItem vine" data-social="${curSocialEntry.typeLabel}" data-id="${curSocialEntry.id}"> 
324<div class="social-item-inner vine animated zoom-in"> 
325<div class="vine-wrapper"> 
326	<iframe class="vine-embed-item" src="https://vine.co/v/${curSocialEntry.id}/embed/simple?autoplay=0"></iframe> 
327</div> 
328</div> 
329</div> 
330</#macro> 
331 
332<script src="https://platform.vine.co/static/scripts/embed.js"></script> 
333 
334<script> 
335Liferay.socialData = ${stringUtil.replace(serilizer.serializeDeep(entries)?string, "
", "")}; 
336 
337</script> 
338<script> 
339  var teamloader = document.querySelector('#team-loader'); 
340 
341 
342    imagesLoaded(document.querySelectorAll('.preload'), { 
343        background: true 
344    }, function () { 
345 
346        document.querySelector('#social-hub').classList.remove('inactive'); 
347    }); 
348        </script> 
349<script> 
350AUI().ready(function(A){ 
351 
352 
353var container = document.querySelector('#container'); 
354var msnry = new Masonry(container, { 
355  // options 
356  itemSelector: '.socialItem' 
357}); 
358 
359imagesLoaded(container, function() { 
360  msnry.layout(); 
361}); 
362 
363 
364}); 
365 
366</script>