Goucher Athletics Announces Live Video Page For Goucher Track And Field Classic On Saturday

1: $!request.setAttribute("icl-videojs-script", true)
2: $!request.setAttribute("icl-videojs-flash-script", true)
3: $!request.setAttribute("icl-responsive-legacy-content-script", true)
4: 
5: #set ($ajax         = false)
6: #set ($demo         = false)
7: #set ($isFrontrow   = false)
8: 
9: #if ($request.getParameter("ajax") == true)
10:     #set ($ajax = true)
11:     $website.decorate("ajax-decorator")
12: #end
13: #if ($request.getParameter("demo") == true)
14:     #set ($demo = true)
15: #end
16: #if ($request.getParameter("frontrow") == true)
17:     #set ($isFrontrow = true)
18: #end
19: 
20: #***********************************************
21:  # OPTIONS
22:  # *********************************************#
23: #set ($layoutStyle      = "standard")
24: #set ($showDate         = true)
25: #set ($facebookLike     = true)
26: #set ($tweetButton      = true)
27: #set ($showBannerScore  = true)
28: #set ($showThumb        = true)
29: #set ($showVideo        = true)
30: #set ($videoOverlay     = true)
31: #set ($showBoxscore     = true)
32: #set ($showGallery      = true)
33: #set ($showCaption      = true)
34: #set ($showOnlyBody     = false)
35: #set ($showRelatedLinks = true)
36: #set ($headlineStyle    = "h1")
37: #set ($thumbWidth       = 1920)
38: #set ($infiniteScroll   = false)
39: #set ($shareButtons     = true)
40: #set ($showTeamLogo     = false)
41: #set ($dateFormat       = "MMMM d, yyyy")
42: 
43: $website.include("options")
44: #set ($options = $request.getAttribute("options"))
45: 
46: #if ($options.get("site_date_format").length() > 0) #set ($dateFormat = $options.get("site_date_format")) #end
47: #if ($options.get("article_layout_style") == "modern") #set ($layoutStyle = "modern") #end
48: #if ($options.get("article_layout_style") == "classic") #set ($layoutStyle = "classic") #end
49: #if ($options.get("article_layout_style") == "modern card") #set ($layoutStyle = "modern-card") #end
50: #if ($options.get("article_show_date") == false) #set ($showDate = false) #end
51: #if ($options.get("article_facebook_like") == false) #set ($facebookLike = false) #end
52: #if ($options.get("article_tweet_button") == false) #set ($tweetButton = false) #end
53: #if ($options.get("article_banner_score") == false) #set ($showBannerScore = false) #end
54: #if ($options.get("article_show_thumb") == false)
55:     #set ($showThumb = false)
56:     #set ($showVideo = false)
57: #end
58: #if ($options.get("schedule_show_team_logo") == "show")
59:     #set ($showTeamLogo = true)
60: #end
61: #if ($options.get("article_show_video") == false) #set ($showVideo = false) #end
62: #if ($options.get("article_video_overlay") == false) #set ($videoOverlay = false) #end
63: #if ($options.get("article_show_boxscore") == false) #set ($showBoxscore = false) #end
64: #if ($options.get("article_show_gallery") == false) #set ($showGallery = false) #end
65: #if ($options.get("article_show_caption") == false) #set ($showCaption = false) #end
66: #if ($options.get("article_show_body") == true) #set ($showOnlyBody = true) #end
67: #if ($tool.math.toInteger($options.get("article_thumb_width")))
68:     #set ($thumbWidth = $tool.math.toInteger($options.get("article_thumb_width")))
69: #end
70: #set ($headlineStyle = $options.get("article_headline_style"))
71: 
72: #***********************************************
73:  # GRAB RELATED ARTICLES
74:  # *********************************************#
75: #set ($relatedArticles = [])
76: #set ($relatedHeadline = "")
77: #foreach ($headline in $page.headlinesFeatured)
78:     #if ($headline.name == "news" && $relatedHeadline.length() == 0)
79:         #set ($relatedHeadline = $headline.url)
80:         #foreach ($article in $headline.allHeadlines)
81:             #if ($article.contentType == "loki/tinymce" && ($article.date && $article.title.length() > 0))
82:                 #set ($bool = $relatedArticles.add($article))
83:             #end
84:         #end
85:     #end
86: #end
87: 
88: #***********************************************
89:  # ONLY TURN ON INFINITY SCROLL WHEN
90:  # THE PAGE IS A STANDALONE PAGE AND
91:  # RELATED ARTICLES FOUND IN ABOVE BLOCK
92:  # *********************************************#
93: #if ($options.get("article_infinite_scroll") == true && !$website.isIncluded() && $relatedArticles.size() > 0)
94:     #set ($infiniteScroll = true)
95:     #set ($layoutStyle = "modern")
96: #end
97: 
98: #***********************************************
99:  # IF FRONTROW TURN OFF DECORATOR,
100:  # SHARE BUTTONS AND INFINITY SCROLL
101:  # *********************************************#
102: #if ($isFrontrow)
103:     $website.decorate("")
104:     #set ($infiniteScroll = false)
105:     #set ($shareButtons = false)
106: #end
107: 
108: #***********************************************
109:  # OVERRIDE OPTIONS FOR PRINTER FRIENDLY VIEW
110:  # *********************************************#
111: #if ($request.getParameter("dec") == "printer-decorator")
112:     #set ($infiniteScroll = false)
113:     #set ($layoutStyle = "standard")
114:     #set ($thumbWidth = 1200)
115:     #set ($showRelatedLinks = false)
116:     #set ($facebookLike = false)
117:     #set ($tweetButton = false)
118: #end
119: 
120: #***********************************************
121:  # WHEN THE FOLLOWING ATTRIBUTE IS SET,
122:  # TURN OFF THE RELATED LINKS
123:  # *********************************************#
124: #if ($request.getAttribute("disable_related_links") == "y")
125:     #set ($showRelatedLinks = false)
126: #end
127: 
128: #***********************************************
129:  # SHOW BODY ONLY
130:  # *********************************************#
131: #if ($showOnlyBody == true)
132:     $body
133: #stop
134: #end
135: 
136: #***********************************************
137:  # RELATED PAGES WHICH SUPPORTS
138:  # THE INFINATE RELEASE PAGE STYLE
139:  # *********************************************#
140: #set ($relatedPages = $page.relatedInSchedule)
141: #set ($hasSidebar = false)
142: #set ($boxscores = [])
143: #set ($relatedVideo = "")
144: #set ($relatedVideoType = "")
145: #set ($relatedGallery = "")
146: 
147: #if ($relatedPages.size() > 0)
148:     #foreach ($related in $relatedPages)
149:         #if ($showBoxscore)
150:             #if ($related.contentType.startsWith("statcrew") && $related.mapType ==
151:                 "BS" && $website.exists($related.url))
152:                 #set ($r = $boxscores.add($related.url))
153:                 #set ($hasSidebar = true)
154:             #end
155:         #end
156:         #if ($showVideo)
157:             #if (($related.contentType == "video/x-flv" || $related.contentType ==
158:                 "loki/video" || $related.contentType ==
159:                 "loki/youtube") && $related.id != $page.id && $website.exists($related.url) && $relatedVideo.length() == 0)
160:                 #if ($related.contentType == "video/x-flv")
161:                     #set ($relatedVideo = "${related.url}?dec=")
162:                     #set ($relatedVideoType = "video/x-flv")
163:                 #elseif ($related.contentType == "loki/video")
164:                     #set ($relatedVideo = "${related.url}?dec=")
165:                     #set ($relatedVideoType = "video/mp4")
166:                 #else
167:                     #set ($relatedVideo = "${related.dataAsString}")
168:                     #set ($relatedVideoType = "video/youtube")
169:                 #end
170: 
171:                 ## VIDEOJS PLAYER CSS
172:                 $website.addCss($website.cdn("/info/videojs/css/video-js.min.css"))
173:             #end
174:         #end
175: 
176:         #if ($showGallery)
177:             #if ($related.mapType ==
178:                 "GA" && !$website.isExternalLink($related.url) && $website.exists($related.url))
179:                 #set ($relatedGallery = $related)
180:             #end
181:         #end
182:     #end
183: #end
184: 
185: #***********************************************
186:  # MACROS
187:  # *********************************************#
188: #macro (capitalize $name)
189:     $name.substring(0,1).toUpperCase()$name.substring(1).toLowerCase()
190: #end
191: 
192: #macro (printTitle)
193:     #if (!$request.getAttribute("pageClass").contains('landing'))
194:         #if($request.getAttribute("pageTitle").length() > 0)
195:             #set ($pageTitle = $request.getAttribute("pageTitle"))
196:         #else
197:             #set ($pageTitle = "")
198:         #end
199:         #if ($page.title.length() > 0)
200:             #set ($pageTitle = $!page.title)
201:             #if ($headlineStyle == "none")
202:             <div class="article-title">$!pageTitle</div>
203:             #else
204:             <${headlineStyle} class="article-title">$!pageTitle</${headlineStyle}>
205:             #end
206:         #end
207:         #if($pageTitle.trim().length() == 0)
208:             #set ($pageTitle = "#capitalize($page.name.trim())")
209:         #end
210:         $!request.setAttribute("pageTitle", "${pageTitle}")
211: 
212:         #if ($body.length() > 150)
213:             $!request.setAttribute("pageDescription", "$body.substring(1, 150) ...")
214:         #else
215:             $!request.setAttribute("pageDescription", "$body")
216:         #end
217:     #end
218: #end
219: 
220: #macro (printLeadIn)
221:     #if($page.leadIn.length() > 0)
222:     <h2 class="article-sub-title my-3 fs-5">$page.leadIn</h2>
223:     #end
224: #end
225: 
226: #macro (articleDate)
227:     #if ($page.date && $showDate)
228:     <div class="article-date">
229:         <div class="date">$formatter.formatDate($page.date, $dateFormat)</div>
230:     </div>
231:     #end
232: #end
233: 
234: #macro (printSocialCounts)
235:     #* DISABLED 01/03/2024 DUE TO ADDTHIS MODULE BEING DEPRICATED
236:     #if ($shareButtons && ($facebookLike || $tweetButton) && !$website.isIncluded())
237:     <div class="article-social-counts">
238:         <div class="like-buttons d-flex justify-content-start" data-module="share-buttons">
239:             #if ($facebookLike)
240:                 <div class="fb-like-btn me-2"><a class="addthis_button_facebook_like"
241:                                                  fb:like:layout="button_count"></a></div>
242:             #end
243:             #if ($tweetButton)
244:                 <div class="tweet-btn me-2"><a class="addthis_button_tweet"></a></div>
245:             #end
246:         </div>
247:     </div>
248:     #end
249: 
250:      *#
251: #end
252: 
253: #macro (printPicture)
254:     #set ($thumbSrc = $page.thumbnailURL)
255:     #if ($layoutStyle == "standard" || ($layoutStyle == "classic"))
256:         #set ($thumbSrc = "${thumbSrc}?max_width=${thumbWidth}")
257:     #end
258:     #set ($thumbAlt = "$!page.title")
259:     #if ($page.thumbnailPage.altText.length() > 0)
260:         #set ($thumbAlt = "$page.thumbnailPage.altText")
261:     #end
262: 
263: <picture alt="$thumbAlt">
264:     <source media="(min-width:1200px)" srcset="${thumbSrc}?max_width=1920">
265:     <source media="(min-width:992px)" srcset="${thumbSrc}?max_width=1199">
266:     <source media="(min-width:578px)" srcset="${thumbSrc}?max_width=991">
267:     <source media="(min-width:0px)" srcset="${thumbSrc}?max_width=576">
268:     <img class="img-fluid  mx-auto" src="${thumbSrc}" alt="${thumbAlt}"/>
269: </picture>
270: #end
271: 
272: #macro (printThumbnail $figureClass)
273:     #if (!$videoOverlay && $relatedVideo.length() > 0)
274:     <figure class="article-image position-relative text-center ${figureClass}">
275:         <div data-module="init-video" data-file="$relatedVideo" data-type="$relatedVideoType"
276:              data-image="$!page.thumbnailURL"></div>
277:     </figure>
278:     #else
279:         #if ($showThumb && $page.thumbnailURL)
280:             #set ($buyPhotoURL = "")
281:             #set ($buyPhotoURL = $website.storeURL($page.thumbnailPage))
282: 
283:         <figure class="${figureClass}">
284:             #printPicture
285: 
286:             #if (($page.thumbnailPage.buyURL && $buyPhotoURL.length() > 0) || $demo)
287:                 <a href="${buyPhotoURL}" class="btn btn-success buynow-btn btn-sm"><span
288:                         class="fa fa-shopping-cart"></span> BUY</a>
289:             #end
290:             #if ($showCaption == true && $page.thumbnailPage.title.length() > 0)
291:                 <figcaption
292:                         class="p-2 figure-caption image-caption-overlay">$page.thumbnailPage.title</figcaption>
293:             #end
294:             #if ($relatedVideo.length() > 0 || $demo)
295:                 <a href="${relatedVideo}" class="play-btn video-btn-overlay"
296:                    data-module="bs-scripts/init-modal-video" data-module-binding="always" data-trigger="true"
297:                    data-overlay="true" data-file="$relatedVideo" data-type="$relatedVideoType">
298:                         <span class="center-icon-pre">
299:                             <span class="center-icon">
300:                                 <span class="sr-only">Play Video</span>
301:                                 <span class="fab fa-youtube"></span>
302:                             </span>
303:                         </span>
304:                 </a>
305:             #end
306:         </figure>
307:         #end
308:     #end
309: #end
310: 
311: #macro (printHeaderCard)
312:     #if (!$videoOverlay && $relatedVideo.length() > 0 || ($showThumb && $page.thumbnailURL))
313:         $!request.setAttribute("pageClass", "internal-page release-page")
314:         #if($page.contentType.equals("loki/tinymce"))
315:             $!request.setAttribute("container", "container-fluid p-0")
316:         #end
317:     <div class="article-header bg-primary position-relative mb-3">
318:         #if (!$infiniteScroll)
319:             <div class="article-header-bg mt-n3">
320:                 #printPicture
321:             </div>
322:         #end
323:         <div class="article-header-hero">
324:             <div class="container">
325:                 #printThumbnail("")
326:             </div>
327:         </div>
328:     </div>
329:     #end
330: #end
331: 
332: #macro (printLinkAriaLabel $event $label)
333:     #if (!$event)
334:         #set ($ariaLabel = $label)
335:     #else
336:         #set ($ariaLabel = "${event.sport} event: ${formatter.formatDate($event.date, 'MMMM d hh:mm a:')}")
337:         #if ($event.neutralSite.length() > 0 || $event.home)
338:             #set ($vsOrAt = "vs.")
339:         #else
340:             #set ($vsOrAt = "at")
341:         #end
342:         #if ($event.teams.size() > 1)
343:             #set ($ariaLabel = "${ariaLabel} ${event.teams.get(0).name} ${vsOrAt} ${event.teams.get(1).name}:")
344:         #elseif ($event.teams.size() == 1)
345:             #set ($ariaLabel = "${ariaLabel} ${event.teams.get(0).name}:")
346:         #end
347:         #if ($event.neutralSite.length() > 0)
348:             #set ($ariaLabel = "${ariaLabel} @ ${event.neutralSite}:")
349:         #end
350:         #set ($ariaLabel = "${ariaLabel} ${label}")
351:     #end
352: aria-label="$ariaLabel"
353: #end
354: 
355: #macro (printRelatedLinks)
356:     #if ($showRelatedLinks && $relatedPages.size() > 0)
357:         #set ($printedLinks = {})
358:         #set ($eventLinks = [])
359:         #set ($relatedEvents = $page.schedule.getEventsWithLink($page.url))
360:         #if (!$relatedEvents.isEmpty())
361:             #set ($relatedEvent = $relatedEvents[0])
362:             #if (!$relatedEvent.links.isEmpty())
363:                 #set ($eventLinks = $relatedEvent.links)
364:             #end
365:         #end
366:         $request.setAttribute("disable_related_links", "y")
367:     <div class="related-links mb-3">
368:         <div class="btn-group-vertical w-100 gap-1" role="group">
369:             #foreach ($related in $relatedPages)
370:                 #if ($related.id != $page.id)
371:                     #set ($linkText = $related.mapLabel)
372:                     #set ($linkUrl = $related.url)
373:                     #set ($linkMapType = $related.mapType)
374:                     #set ($linkFound = false)
375:                     #if (!$eventLinks.isEmpty())
376:                         #set ($link = $eventLinks[0])
377:                         #foreach ($l in $eventLinks)
378:                             #if ($related.url == $l.url)
379:                                 #set ($link = $l)
380:                                 #set ($linkFound = true)
381:                             #end
382:                         #end
383:                     #end
384:                     #if ($linkFound == true)
385:                         #set ($linkText = $link.name)
386:                         #set ($linkUrl = $link.url)
387:                         #set ($linkMapType = $link.mapType)
388:                     #end
389:                     #set ($linkTypeCounter = 1)
390:                     #set ($linkTypeLabel = $linkText)
391:                     #if ($printedLinks.containsKey("${linkText}"))
392:                         #set ($linkTypeCounter = $printedLinks.get("${linkText}") + 1)
393:                         #set ($linkTypeLabel = "${linkTypeLabel} ${linkTypeCounter}")
394:                     #end
395:                     #set ($ignore = $printedLinks.put($linkText, $linkTypeCounter))
396: 
397:                     <a class="btn btn-primary text-start d-flex align-items-center justify-content-between" #printLinkAriaLabel($relatedEvent, $linkTypeLabel)
398:                        href="$linkUrl" #if ($website.isExternalLink($linkUrl))target="_blank"#end>
399:                         #if ($linkMapType == "GA") ##gallery
400:                             <span class="far fa-images me-2"></span>
401:                         #elseif($linkMapType == "RC") ##recap
402:                             <span class="far fa-newspaper me-2"></span>
403:                         #elseif($linkMapType == "PR") ##preview
404:                             <span class="far fa-eye me-2"></span>
405:                         #elseif($linkMapType == "LS") ##live stats
406:                             <span class="fas fa fa-eye me-2"></span>
407:                         #elseif($linkMapType == "VI") ##video
408:                             <span class="far fa-play-circle me-2"></span>
409:                         #elseif($linkMapType == "DI") ##directions
410:                             <span class="fas fa-directions me-2"></span>
411:                         #elseif($linkMapType == "BS") ##box scores
412:                             <span class="far fa-chart-bar me-2"></span>
413:                         #elseif($linkMapType == "LI") ##custom links
414:                             <span class="fas fa-external-link-alt me-2"></span>
415:                         #end
416:                         <span class="recap-label flex-fill">${linkText}</span>
417:                         <span class="fa-solid fa-chevron-right"></span>
418:                     </a>
419:                 #end
420:             #end
421:         </div>
422:     </div>
423:     #end
424: #end
425: 
426: #macro (infinateArticles)
427:     #set ($relatedArticles = $tool.sorter.sort($relatedArticles, "date:desc"))
428: <div class="article-sidebar-for-related flex-grow-1 col-lg-4 col-xl-3 d-none d-lg-block my-n3 bg-light">
429:     <div class="sidebar-vertical-scroll">
430:         <div class="rel-articles">
431:             <div class="container p-0">
432:                 ## GLOBAL ADS SERVER
433:                 #if ($website.ads.isAdvertisingEnabled('ARTICLES'))
434:                     $website.includeAgain("global-adserver-slots?adSlot=articles_sidebar")
435:                 #end
436:                 #foreach ($article in $relatedArticles)
437:                     <div class="card my-3 preview #if($article.url == $page.url) active bg-primary text-light loaded #end">
438:                         <div class="card-body">
439:                             #if ($article.thumbnailURL.length() > 0)
440:                                 #set ($src = $article.thumbnailURL)
441:                             #elseif ($website.exists("/images/setup/default-thumbnail.png"))
442:                                 #set ($src = "/images/setup/default-thumbnail.png")
443:                             #elseif ($website.exists("/images/setup/thumbnail_default.jpg"))
444:                                 #set ($src = "/images/setup/thumbnail_default.jpg")
445:                             #else
446:                                 #set ($src = "/info/images/default-thumbnail.png")
447:                             #end
448:                             #set ($thumbnailURL = "${src}?max_width=576&max_height=324&crop=true")
449:                             <img data-src="$thumbnailURL" alt="$!article.title"
450:                                  class="lazyload img-fluid card-img-top"/>
451:                             <div class="card-contents">
452:                                 <p class="card-text text-muted m-0">
453:                                     <span class="date small">$formatter.formatLongDate($article.date)</span>
454:                                 </p>
455:                                 <h5 class="card-title m-0">
456:                                     <a href="$article.url" class="title">$article.title</a>
457:                                 </h5>
458:                             </div>
459:                         </div>
460:                     </div>
461:                 #end
462:             </div>
463:         </div>
464:     </div>
465: </div>
466: #end
467: 
468: #macro (relatedGallery)
469:     #if ($relatedGallery.url)
470:         ## RELATED PHOTO GALLERY
471:         #set ($photos = $relatedGallery.allHeadlines)
472:         #if ($photos.size() > 0)
473:         <div class="article-gallery related-gallery my-3 text-center row">
474:             <div class="no-gutters d-flex align-items-center">
475:                 <div class="flex-fill d-flex align-items-center justify-content-center">
476:                     <a class="btn btn-light" href="#carouselExampleIndicators" role="button" data-bs-slide="prev">
477:                         <span class="fa fa-angle-left" aria-hidden="true"></span>
478:                     </a>
479:                 </div>
480:                 <div class="flex-fill w-100 p-3">
481:                     <!--Start carousel-->
482:                     <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel" data-bs-interval="8000">
483:                         <div class="carousel-inner">
484:                             #foreach ($photo in $photos)
485:                                 #set ($maxWidth = 320)
486:                                 #set ($maxHeight = 180)
487:                                 #set ($imgSrc = $photo.url)
488:                                 #if ($maxWidth)#set ($imgSrc = "${photo.url}?max_width=${maxWidth}")#end
489:                                 #if ($maxHeight)#set ($imgSrc =
490:                                     "${photo.url}?max_height=${maxHeight}")#end
491: 
492:                                 #if ($maxWidth && $maxHeight)
493:                                     #set ($imgSrc =
494:                                         "${photo.url}?max_width=${maxWidth}&max_height=${maxHeight}&crop=true")
495:                                 #end
496: 
497:                                 #set ($imgAlt = "")
498:                                 #if (!$showLabel && $photo.altText.length() > 0)
499:                                     #set ($imgAlt = $photo.altText)
500:                                 #elseif (!$showLabel && $photo.title.length() > 0)
501:                                     #set ($imgAlt = $photo.title)
502:                                 #end
503: 
504:                                 #if($foreach.first)
505:                                 <div class="carousel-item #if($foreach.first)active#end">
506:                                 <div class="row">
507:                                 #elseif($foreach.index %4 == 0)
508:                                 </div></div>
509:                                 <div class="carousel-item #if($foreach.first)active#end">
510:                                 <div class="row">
511:                                 #end
512: 
513:                                 #set ($photoItemClass = "col-6 col-sm-6 col-md-3 col-lg-3")
514:                                 #if ($infiniteScroll)
515:                                     #set ($photoItemClass = "col-6 col-sm-6 col-md-3 col-lg-6")
516:                                 #end
517: 
518:                                 <div class="${photoItemClass} d-flex align-items-center justify-content-center">
519:                                     <a class="my-3 slide"
520:                                        href="${relatedGallery.url}" #if ($website.isExternalLink($relatedGallery.url))
521:                                        target="_blank" #end #if ($photo.title.length() > 0)
522:                                        aria-label="$photo.title" #end>
523:                                         <img src="${imgSrc}" alt="${imgAlt}" class="img-fluid"/>
524:                                         #if ($showLabel && $photo.title.length() > 0)<span
525:                                                 class="title">$photo.title</span>#end
526:                                     </a>
527:                                 </div>
528: 
529:                                 #if($foreach.last)
530:                                 </div></div>
531:                                 #end
532:                             #end
533:                         </div>
534:                     </div>
535:                     <!--End carousel-->
536:                 </div>
537:                 <div class="flex-fill align-items-center justify-content-center">
538:                     <a class="btn btn-light" href="#carouselExampleIndicators" role="button" data-bs-slide="next">
539:                         <div class="carousel-nav-icon">
540:                             <span class="fa fa-angle-right" aria-hidden="true"></span>
541:                         </div>
542:                     </a>
543:                 </div>
544:             </div>
545:         </div>
546:         #end
547:     #end
548: #end
549: 
550: #macro (tabbedBoxscore $linescore $extended)
551:     #if (($layoutStyle != "classic") && $showTeamLogo)
552:         #set ($showTeamLogo = true)
553:     #end
554: 
555:     #if ($extended == true)
556:         #set ($pos = "aside")
557:     #else
558:         #set ($pos = "top")
559:     #end
560: 
561: <div class="article-tabbed-boxscore mb-3">
562:     #if($boxscores.size() == 1)
563:         #foreach ($game in $boxscores)
564:             <div class="banner-score border-bottom mb-3">
565:                 $website.includeAgain("${game}?tmpl=brief-stats-template&showLinescore=${linescore}&extended=${extended}&showTeamLogo=${showTeamLogo}")
566:             </div>
567:         #end
568:     #else
569:         <div class="article-scores-tabbed-events">
570:             <ul class="nav nav-tabs mb-3" id="boxscore-tabs-${pos}" role="tablist">
571:                 #foreach ($game in $boxscores)
572:                     <li class="nav-item" role="presentation">
573:                         <button class="nav-link #if($foreach.first)active#end" id="boxscore-tab-${pos}-${foreach.count}" data-bs-toggle="tab" data-bs-target="#boxscore-tab-content-${pos}-${foreach.count}" type="button" role="tab" aria-controls="boxscore-tab-content-${pos}-${foreach.count}" #if($foreach.first) aria-selected="true"#end> Game ${foreach.count}</button>
574:                     </li>
575:                 #end
576:             </ul>
577:             <div class="tab-content" id="boxscore-tabs-content-${pos}">
578:                 #foreach ($game in $boxscores)
579:                     <div class="tab-pane fade #if($foreach.first)show active#end multi-boxscore-tab-${foreach.count}" id="boxscore-tab-content-${pos}-${foreach.count}" role="tabpanel" aria-labelledby="boxscore-tab-${pos}-${foreach.count}">
580:                         <div class="banner-score border-bottom mb-3">$website.includeAgain("${game}?tmpl=brief-stats-template&showLinescore=${linescore}&extended=${extended}&showTeamLogo=${showTeamLogo}")</div>
581:                     </div>
582:                 #end
583:             </div>
584:         </div>
585:     #end
586: </div>
587: #end
588: 
589: #macro (articleTabbedBannerScore)
590:     #if ($showBannerScore && $boxscores.size() > 0)
591:     <div class="article-tabbed-banner-score position-relative mb-3">
592:         #tabbedBoxscore(true, false)
593:     </div>
594:     #end
595: #end
596: 
597: #macro (articleTabbedBoxscore)
598:     #if ($boxscores.size() > 0)
599:     <section class="article-tabbed-boxscore position-relative mb-3">
600:         <h2 class="my-3 fs-5">Team Stats</h2>
601:         #if ($showBannerScore)
602:             #tabbedBoxscore(false, true)
603:         #else
604:             #tabbedBoxscore(true, true)
605:         #end
606:     </section>
607:     #end
608: #end
609: 
610: #macro (articleInfoSidebar $class)
611:     #if (($showRelatedLinks && $relatedPages.size() > 0) || $boxscores.size() > 0)
612:         <div class="article-info-sidebar $class">
613:             #printRelatedLinks
614:             #articleTabbedBoxscore
615:         </div>
616:     #end
617: #end
618: 
619: #macro (articleShareTools)
620:     #if ($shareButtons && $infiniteScroll && !$website.isIncluded())
621:         $!request.setAttribute("showBookmark", false)
622:         $website.include("share-buttons")
623:     #end
624: #end
625: 
626: #macro (articleFooter)
627:     #if (!$request.getAttribute("disable_article_footer"))
628:         $website.include("article-footer")
629:     #end
630: #articleShareTools
631: #end
632: 
633: #macro (globalAdSlot)
634:     ## GLOBAL ADS SERVER
635:     #if ($website.ads.isAdvertisingEnabled('ARTICLES'))
636:         $website.includeAgain("global-adserver-slots?adSlot=articles")
637:     #end
638: #end
639: 
640: #macro (articleDateAndSocial)
641: <div class="article-post-metrics d-flex justify-content-start">
642:     <div class="article-post-metrics-box-1">
643:         #articleDate
644:     </div>
645:     <div class="article-post-metrics-box-1">
646:         #printSocialCounts
647:     </div>
648: </div>
649: #end
650: 
651: 
652: 
653: #macro (articleModernCard)
654: #printHeaderCard
655: <div class="article-body clearfix">
656:     <div class="container p-0">
657:         <div class="article-data d-flex #if($infiniteScroll) flex-column #else flex-row flex-sm-row #end justify-content-between">
658:             <div class="article-data-inner position-relative w-100">
659:                 <div class="article-info d-flex flex-column flex-lg-row gap-4 position-relative">
660:                     <div class="article-info-main flex-fill">
661:                         <div class="article-details mb-3">
662:                             #articleDateAndSocial
663:                             #printTitle
664:                             #printLeadIn
665:                             #articleTabbedBannerScore
666:                         </div>
667:                         <div class="article-content">
668:                             $body.replace('src="//www.youtube.com', 'src="https://www.youtube.com')
669:                         </div>
670:                     </div>
671:                     #articleInfoSidebar("sidebar-lg-360px")
672:                 </div>
673:             </div>
674:         </div>
675:     </div>
676: </div>
677: #end
678: 
679: #macro (articleModern)
680: <div class="article-body clearfix">
681:     <div class="container-fluid p-0">
682:         <div class="article-data d-flex #if ($infiniteScroll) flex-column #else flex-row flex-sm-row #end justify-content-between">
683:             <div class="article-data-inner position-relative w-100">
684:                 #printThumbnail("")
685:                 <div class="article-info d-flex flex-column flex-lg-row gap-4 position-relative">
686:                     <div class="article-info-main flex-fill">
687:                         <div class="article-details mb-3">
688:                             #articleDateAndSocial
689:                             #printTitle
690:                             #printLeadIn
691:                             #articleTabbedBannerScore
692:                         </div>
693:                         <div class="article-content">
694:                             $body.replace('src="//www.youtube.com', 'src="https://www.youtube.com')
695:                         </div>
696:                     </div>
697:                     #articleInfoSidebar("sidebar-lg-360px")
698:                 </div>
699:             </div>
700:         </div>
701:     </div>
702: </div>
703: #end
704: 
705: #macro (articleClassic)
706: <div class="article-body clearfix">
707:     <div class="container p-0">
708:         <div class="article-data d-flex #if ($infiniteScroll) flex-column #else flex-row flex-sm-row #end justify-content-between">
709:             <div class="article-data-inner position-relative w-100">
710:                 <div class="article-top position-relative">
711:                     #printTitle
712:                     #printLeadIn
713:                     #articleTabbedBannerScore
714:                 </div>
715:                 <div class="article-info position-relative">
716:                     #articleInfoSidebar("sidebar-lg-360px float-lg-end clearfix clear ms-lg-4")
717:                     <div class="article-info-main flex-fill">
718:                         <div class="article-details mb-3">
719:                             <div class="article-sidebar-image d-flex">
720:                                 #if ($boxscores.size() > 0)
721:                                     #set($figureClass = "col-md-12")
722:                                 #else
723:                                     #set($figureClass = "float-md-end mw-100 col-md-12")
724:                                 #end
725:                                 #printThumbnail("${figureClass}")
726:                             </div>
727:                             #articleDateAndSocial
728:                         </div>
729:                         <div class="article-content">
730:                             $body.replace('src="//www.youtube.com', 'src="https://www.youtube.com')
731:                         </div>
732:                     </div>
733: 
734:                 </div>
735:             </div>
736:         </div>
737:     </div>
738: </div>
739: #end
740: 
741: #macro (articleStandard)
742: <div class="article-body clearfix">
743:     <div class="container p-0">
744:         <div class="article-data d-flex #if ($infiniteScroll) flex-column #else flex-row flex-sm-row #end justify-content-between">
745:             <div class="article-data-inner position-relative w-100">
746:                 <div class="article-top position-relative">
747:                     #printTitle
748:                     #printLeadIn
749:                     #articleTabbedBannerScore
750:                 </div>
751:                 <div class="article-info position-relative">
752:                     <div class="article-sidebar-image-float float-lg-end col-lg-6 ms-lg-4">
753:                         #if ($boxscores.size() > 0)
754:                             #set($figureClass = "col-md-12")
755:                         #else
756:                             #set($figureClass = "float-md-end mw-100 col-md-12 ps-lg-3")
757:                         #end
758:                         #printThumbnail("${figureClass}")
759:                     </div>
760:                     #articleInfoSidebar("sidebar-lg-360px float-lg-end clearfix clear ms-lg-4")
761:                     <div class="article-info-main flex-fill">
762:                         <div class="article-details mb-3">
763:                             #articleDateAndSocial
764:                         </div>
765:                         <div class="article-content">
766:                             $body.replace('src="//www.youtube.com', 'src="https://www.youtube.com')
767:                         </div>
768:                     </div>
769: 
770:                 </div>
771:             </div>
772:         </div>
773:     </div>
774: </div>
775: #end
776: 
777: #macro (articleLayout)
778: <div class="rich-v2 ${layoutStyle} #if($hasSidebar)has-sidebar#end clearfix" data-title="$!page.title" data-url="$page.url">
779:     #if ($layoutStyle == "modern-card")
780:         #articleModernCard
781:     #elseif ($layoutStyle == "modern")
782:         #articleModern
783:     #elseif ($layoutStyle == "standard")
784:         #articleStandard
785:     #else ## Classic
786:         #articleClassic
787:     #end
788:     #relatedGallery
789:     #articleFooter
790:     #globalAdSlot
791:     $wiki
792: </div>
793: #end
794: 
795: #***********************************************
796:  # HTML OUTPUT
797:  # *********************************************#
798: #if ($infiniteScroll && !$ajax)
799:     $!request.setAttribute("pageClass", "internal-page release-page")
800: <div class="infinite-articles row d-flex position-relative" data-module="bs-scripts/infinite-articles">
801:     <div class="articles flex-grow-1 col-lg-8 col-xl-9">
802:         #articleLayout
803:     </div>
804:     #infinateArticles
805: </div>
806: #else
807: #articleLayout
808: #end