LSU Live - LSU Basketball

An error occurred while processing the template.

Error on line 192, column 1 in 10157#10197#462705
entry is undefined.
It cannot be assigned to curSocialEntry

1<style>

2    .swiper-container#social-featured {

3       width: 100%;

4      margin: 0;

5       background: #000;

6       height: 50vh;

7    }

8    #social-featured .swiper-slide {

9    height: 100%;

10    position: relative;

11        text-align: center;

12        font-size: 18px;

13        background: #000;

14        color:#fff;

15        /* Center slide text vertically */

16        display: -webkit-box;

17        display: -ms-flexbox;

18        display: -webkit-flex;

19        display: flex;

20        -webkit-box-pack: center;

21        -ms-flex-pack: center;

22        -webkit-justify-content: center;

23        justify-content: center;

24        -webkit-box-align: center;

25        -ms-flex-align: center;

26        -webkit-align-items: center;

27        align-items: center;

28		 background-size: cover;

29        background-repeat: no-repeat;

30            background-size: 75%;

31    background-position: 100% 50%;

32    width: 100%;

33    }

34        #social-featured .slide-content {

35        margin-top: 7.5vw;

36background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.72) 70%, rgba(0,0,0,0.97) 100%); /* FF3.6-15 */

37background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 70%,rgba(0,0,0,0.97) 100%); /* Chrome10-25,Safari5.1-6 */

38background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 70%,rgba(0,0,0,0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

39filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f7000000',GradientType=0 ); /* IE6-9 */

42    }

44#social-featured h1 {

45  font-size: 3.5vw;

46      line-height: 1.35;

47  margin-top: 10px;

48}

50#social-featured .bg-image {

51background-position: 50% 40%;

52    -webkit-filter: brightness(.8) contrast(1.2) saturate(1.1) sepia(0.1);

53    filter: brightness(.8) contrast(1.2) saturate(1.1) sepia(0.1);

54}

55#social-featured .user {

56  font-size: 14px;

57  font-weight: 400;

58}

59#social-featured li .lsu-icon {

60  padding-right: 5px;

61}

63#social-featured li {

64  display: inline-block;

65  padding-left: 3px;

66  padding-right: 3px;

67  color: #eee;

68  font-weight: 700;

69  text-transform: uppercase;

70  font-size: 10px;

71  letter-spacing: 0;

72}

74#social-featured .next-slide, #social-featured .prev-slide {

75    position: absolute;

76    top: 50%;

77    z-index: 10;

78    cursor: pointer;

79    color: #fdd023;

80font-size: 2em;

81opacity: .6;

82-webkit-transform: translate(0,-50%);

83-moz-transform: translate(0,-50%);

84transform: translate(0,-50%);

85}

86#social-featured .next-slide {

87    right: 5px;

88    left: auto;

89}

90#social-featured .prev-slide {

91    left: 5px;

92    right: auto;

93}

96@media (max-width:767px) {

97#social-featured .lsu-vimeo, #social-featured h3 {

98  font-size: 14px;

99}

100#social-featured .play-video {

101    font-size: 1.5em;

102    margin: .75em;

103}

104.play-video .lsu-icon:before {

105    padding: 15px;

106}

107}

109@media (min-width:768px){

110#social-featured .next-slide, #social-featured .prev-slide {

111    font-size: 3em;

112}

113#social-featured .next-slide {

114    right: 10px;

115}

116#social-featured .prev-slide {

117    left: 10px;

118}

119#social-featured .featured-content h1 {

120    font-size: 2vw;

121    line-height: 1.3;

122}

123#social-featured h1:first-line {

124    font-size: 75%;

125}

126#social-featured .play-featured .lsu-icon {

127  font-size: 5vw;

128}

129#social-featured .play-featured .lsu-icon:before {

130    padding: 40px;

131    border: 2px solid #fff;

132    border-radius: 50%;

133}

134#social-featured .play-featured {

135  text-align: center;

136}

137#social-featured li {

138  font-size: 14px;

139  letter-spacing: .5px;

140    font-weight: 400;

141}

142}

143@media (min-width:992px){

144    .swiper-container#social-featured {

145       height: 70vh;

146    }

147#social-featured .next-slide, #social-featured .prev-slide {

148    font-size: 5em;

149}

150#social-featured .next-slide {

151    right: 20px;

152}

153#social-featured .prev-slide {

154    left: 20px;

155}

156#social-featured .swiper-slide.youtube li, #social-featured .swiper-slide.vimeo li {

157  padding-left: 10px;

158  padding-right: 10px;

159  font-size: 16px;

160  letter-spacing: .5px;

161}

162}

163@media (min-width:1200px){

164#social-featured .slide-content {

165padding: 0 75px;

166}

167}

169#social-featured .swiper-pagination.custom.horiz {

170    bottom: 1.5vh;

171}

174.play-button {

175    display: table-cell;

176    vertical-align: middle;

177    border: 1px solid;

178    border-radius: 6px;

179    font-size: 2em;

180}

181.play-button .lsu-icon {

182    padding: 100% 20px;

183}

184.featured-text {

185    display: table-cell;

186    vertical-align: middle;

187        padding-left: 20px;

188}

189    </style>

192<#assign curSocialEntry = entry />

193<#if entries?has_content >

194  <section class="section" style="background:#000;">

195      <div class="swiper-container animated-slow fade-in" id="social-featured">

196        <div class="swiper-wrapper">

198<#list entries as curSocialEntry>

201	<#assign curSocialEntry = curSocialEntry />

202	<#assign entryType = curSocialEntry.type />

203    <#if entryType == 1 >

204	<@getTwitter/>

205	<#elseif entryType == 2 >

206	<@getInstagram/>

207	<#elseif entryType == 3 >

208	<@getYouTube/>

209	<#else>

210	<@getVimeo/>

211	</#if>

212	</#list>

215	</div>

217	<div class="next-slide">

218	<span class="icon-angle-right"></span>

219	</div>

221		<div class="prev-slide">

222	<span class="icon-angle-left"></span>

223	</div>

225    </div>

226	</section>

228</#if>

232<#macro getVimeo>

234   <div class="swiper-slide vimeo">

235   <div class="bg-image" style="background-image:url(${curSocialEntry.image});"></div>

236    <div class="slide-content">

237    <div class="container">

238    <div class="row">

239    <div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2">

242    <div class="play-video">

243   <span class="lsu-icon lsu-play-2" social-id="${curSocialEntry.id}" trigger vimeo overlay></span>

244    </div>

246	<h1 class="margin-top-none font-alt">${curSocialEntry.text}</h1>

247	<ul class="list-inline">

249		<li><a href="http://twitter.com/intent/tweet?text=Check out this video from @LSUBasketball: ${curSocialEntry.text}&amp;url=https://vimeo.com/${curSocialEntry.id}" target="_blank"><span class="lsu-icon lsu-share text-secondary"></span> <span class="font-alt-2">Share</span></a></li>

251	<li><a href="https://vimeo.com/lsubasketball" target="_blank"><h5 class="margin-none"><small><span class="text-secondary lsu-icon lsu-vimeo-2"></span> <span class="font-alt-2">LSU Basketball</span></small></h5></a></li>

253	</ul>

255  </div>

256  </div>

257    </div>

258  </div>

259  </div>

260</#macro>

263  <script>

264    var swiper = new Swiper('#social-featured', {

265        slidesPerView: 1,

266        spaceBetween: 0,

267        pagination: '.swiper-pagination.featured',

268        paginationClickable: true,

269        nextButton: '.next-slide',

270        prevButton: '.prev-slide',

271        centeredSlides: true,

272        autoplay: 4000,

273        slidesPerView: 'auto',

274        autoplayDisableOnInteraction: true,

275        preventClicks: false,

276        preventClicksPropagation: false,

277        loop: true,

278        loopedSlides: 5,

279    });

280    </script>