PageSourceSearch

https://eventsintuscaloosa.com/

html eventsintuscaloosa.com collected 2026-10-06 15:06:56 UTC 107,012 bytes, 2,030 lines download raw bytes

1<!DOCTYPE html>
2<html  class="" xmlns="http://www.w3.org/1999/xhtml"
3      xmlns:fb="http://ogp.me/ns/fb#">
4	<head>
5	<meta charset="utf-8">
6		<title>Events | Events In Tuscaloosa</title>
7	<link rel="icon" href="/assets/img/favicon.ico?123" type="image/x-icon"> 
8			<link rel="stylesheet" type="text/css" href="/assets/css/uploadify.css" />
9					<link rel="stylesheet" type="text/css" href="/assets/css/ui-lightness/jquery-ui-1.8.20.custom.css" />
10				<link rel="stylesheet" type="text/css" href="/assets/css/jquery.Jcrop.min.css" />
11		<link rel="stylesheet" type="text/css" href="/assets/css/spectrum.css" />
12				
12<script type="text/javascript">less = { env: 'development', poll: 1000 };</script>
12
13				<link rel="stylesheet" type="text/css" href="/assets/css/all.css" />
14		<!--[if lt IE 9]><link rel="stylesheet" type="text/css" href="/assets/css/ie.css" />
15<![endif]-->
16		<link rel="stylesheet" type="text/css" href="/assets/css/jquery.fancybox.css" />
17		<link rel="stylesheet" type="text/css" href="/assets/css/blue.monday/jplayer.blue.monday.css" />
18		<link rel="stylesheet" type="text/css" href="/assets/css/magnific_popup.css" />
19<link rel="stylesheet" type="text/css" href="//vjs.zencdn.net/4.6/video-js.css" />
20<link rel="stylesheet" type="text/css" href="https://everwondr.com/new/events/stylesheets/template-2018.css" />
21<link rel="stylesheet" type="text/css" href="https://everwondr.com/new/events/stylesheets/foundation-icons.css" />
22	
22<script type="text/javascript">
23		var ew_region_id = 144;
24		var ew_api_filter_id = 623;
25		var ew_base_url = window.location.origin;
26		var ew_user_cookie = 'f6b06168fe52de7fb8f2b905e235c829';
27		var ew_safe_domain = true;
28		var ew_push_state = true;
29		var domain_test = 'eventsintuscaloosa.com';
30		var test = 'test';
31	</script>
31
32	
32<script src="/assets/js/modernizr.js?t=2014082920" type="text/javascript"></script>
32
33	<meta name="keywords" content="Events, Calendars, Alabama, Things to do, Things to do in AL, Events in AL, Events in  Alabama, Things to do in Alabama, What's happening in Alabama, What's happening in AL, Visit AL, AL Department of Cultural Resources, AL Department ociof Commerce, Tourism, Convention and Visitors Bureaus, CVBs, TDAs, Tourism Destination Authority, Destination Marketing Assation International, Event Calendars, Cloud, WondrMail, WondrList, WondrWire, SocialWondr, EverWonder Network, EverWondr, EverWondr Network, Connect you calendars, Arts Councils, NC Arts Council, Easy upload, WondrMap, WondrLink, Directory, Hotels, Shops, Restaurants, Attractions, Connect your region, Connect your county, Art Market, Free artist gallery, artist portfolios, central database" />
34	<meta name="description" content="Find a full list of events, festivals and things to do in and around Tuscaloosa as recommended by local experts. Brought to you by the EverWondr Network, your local guide to the best art and entertainment, food and drink, film and things to do." />
35		<meta property="og:title" content="Events | Events In Tuscaloosa" />
36	<meta property="og:description" content="Find a full list of events, festivals and things to do in and around Tuscaloosa as recommended by local experts. Brought to you by the EverWondr Network, your local guide to the best art and entertainment, food and drink, film and things to do." />
37
38	<meta property="twitter:title" content="Events | Events In Tuscaloosa" />
39	<meta property="twitter:description" content="Find a full list of events, festivals and things to do in and around Tuscaloosa as recommended by local experts. Brought to you by the EverWondr Network, your local guide to the best art and entertainment, food and drink, film and things to do." />
40	
41
42	
43	
44
45	
45<script type="text/javascript">
46
47  var _gaq = _gaq || [];
48  _gaq.push(['_setAccount', 'UA-56618947-2']);
49  _gaq.push(['_trackPageview']);
50
51  (function() {
52    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
53    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
54    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
55  })();
56
57</script>
57
58
59		
60
61	
62</head>
63	<body class="  events  sss" 
64		 
65	>
66		<div class="hidden user-logged-info-pane">
67		<input type="hidden" data-param="logged-user-id" value="0" />
68	<input type="hidden" data-param="logged-user-level" value="" />
69	<input type="hidden" data-param="user-tw-enabled" value="no" />
70	<input type="hidden" data-param="user-fb-enabled" value="no" />
71</div> <!-- /user-logged-info-pane -->
72		<div class="tpl-container tpl-container-updated">
73						
74			<header class="tpl-header tpl-header-update"> 
75				<!-- Inline-styles being used below because of database dependence -->
76								<a style="margin-top:50px;" class="logo" href="/">
77					<img style="max-height:100px; height:auto; width:auto;" src="/uploads/logos/1456444391_events-in-tuscaloosa_o.jpg" alt="Explore Greensboro" 
78						height="100" 
79					/>
80					<h1 style="display:none;">Explore Greensboro</h1>
81					<h2 style="display:none;">Powered by EverWondr Network</h2>
82				</a>
83				
84				
85				
86			</header>
87			
88			
89			<nav class="tpl-nav-update">
90				<ul>
91	
92					<li class="events">
93						<a  class="events" href="/events">Events</a>
94					</li><li class="plan-your-visit">
95						<a  class="plan-your-visit" href="/visit">Directory</a>
96					</li>
97					<!--<li class="events"><a class="events" href="/events/update">Calendar</a></li>
98					<li class="venue visit"><a class="venue visit" href="/visit/update">Directory</a></li>
99					<li class="blog"><a class="blog" href="/blog/update">Blog</a></li>
100					<li class="disabled"><a class="disabled" href="javascript:void(0);">Offers</a></li>
101					<li class="galleries"><a class="galleries" href="/galleries/update">Gallery</a></li>
102					<li class="disabled"><a class="disabled" href="javascript:void(0);">Media</a></li>-->
103				</ul>
104				
105				<section class="login-pane">
106					<section class="login">
107						<div class="user-actions">
108															<a href="#" data-req-sign-in="1" class="sign-in-button">Sign In</a><span>|</span><a class="register-button" href="/register">Register</a>
109													</div> <!-- /user-actions -->
110					</section> <!-- /login -->
111					<div class="planner-dropdown hidden">
112						<a class="top mini-grid-attachment" data-minigrid-class="top-arrow" data-action="launch-planner" href="#"><i class="icon-th"></i></a>
113						<!-- <div class="middle-shadow"></div>
114						<div class="bottom">
115							<div class="bottom-slider">
116								<ul>
117									<li><a href="http://everwondr.com/admin/account">Profile</a></li>
118
119									<li><a href="http://everwondr.com/admin/ad_units">Ad Units</a></li>
120									<li><a href="http://everwondr.com/admin/account/purchases">Purchases</a></li>
121								</ul>
122								<i class="icon-caret-down"></i>
123							</div>
124							
125						</div> -->
126					</div><div class="cart-dropdown hidden">
127						<a class="top" href="/cart"><i class="icon-shopping-cart"></i> (<span data-param="cart-item-count">3</span>)</a>
128						<!-- <div class="middle-shadow"></div>
129						<div class="bottom">
130							<a href="/cart"></a>
131						</div> -->
132					</div>
133				</section> <!-- .login-pane -->
134
135			</nav>
136			<div class="tpl-content">
137				
137<script type="text/javascript">
138
139// Global everwondr object
140window.$everwondr = {};
141/* General loading */
142
143
144
145
146
147var ew_tracking_region_id =  144;
148
149function ew_api_link(link) {
150	return ['https://api.everwondr.com', link].join('');
151}
152
153var ew_tracking_domain = 'https://eventsintuscaloosa.com';
154
155/* Set the API key */
156var ew_api_key = "623";
157var ew_api_filter_id = 0;
158
159/* Just a marker for today's date */
160var ew_todays_date = "10/06/2026";
161
162var ew_hide_featured = "0";
163console.log('featured hide: '+ew_hide_featured);
164
165/* Search criteria */
166var ew_sc = {
167	'api_key': '623',
168	'start_date': ew_todays_date,
169	'end_date':'',
170	'zip_codes':'',
171	'per_page': 6*3,
172	'page':1,
173	'sort_by': 'upcoming',
174	'search_term': '',
175	'view_type': 'grid',
176	'show_featured': true,
177	'search_domain': window.location.href,
178	'pagination': 0,
179};
180
181
182ew_sc.date_listing = 'list-by-month';
183ew_sc.domain_analytics = null;
184ew_sc.enable_city = false;
185ew_sc.enable_regions = false;
186
187if (typeof ew_widget_defaults !== 'undefined' && ew_widget_defaults.display_count) {
188	ew_sc.display_count = ew_widget_defaults.display_count;
189}
190
191
192/* View type can be list, card, or map */
193ew_sc.view_type_default = 
194	(typeof ew_defaults !== 'undefined' && typeof ew_defaults.view_type !== 'undefined') ? 
195	ew_defaults.view_type : 
196	'card';
197
198if (ew_sc.view_type_default == 'card') {
199	ew_sc.view_type_default = 'grid';
200}
201
202ew_sc.view_type = 'list';
203
204var ew_api_data = {
205	'lat': '33.2168912',
206	'lng': '-87.56065710000001',
207	'radius':  '60'
208};
209
210var _$ = null;
211
212var $ew = {};
213
214
215</script>
215
216
217<input type="hidden" data-param="default-events-search-type" value="most viewed" />
218<!--<section class="top-content">
219					</section>-->
220<section class="bottom-content">
221
222
223		 <div ng-app="ewApi" ng-controller="EventController" style="margin-top:35px;">
224
225<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f51babf775a282f&async=1"></script>
225
226
227<iframe style="width:0;height:0;position:absolute;left:-9999px;top:0;" src="//eventsintuscaloosa.com/iframed/
228  event_frame_load"></iframe>
229
230<!--<div class="ew-framework ew-canvas remodal-bg" id="ew-framework" infinite-scroll="searchAgain()" infinite-scroll-disabled="holdLoad" ng-cloak>-->
231
232<div class="ew-framework ew-canvas remodal-bg" id="ew-framework" ng-class="loadingNewPage ? 'loading-results' : ''" infinite-scroll="searchAgain()" infinite-scroll-disabled="holdLoad" ng-cloak>
233
234
235
236<div class="contain-to-grid sticky" style="margin-bottom:9px;">
237  <div class="ew-top-content" role="navigation">
238
239    <div class="advanced-search simple">
240      <div id="datepicker"></div>
241    </div> 
242
243 
244
245    <div class="event-left-options" ng-if="data.api_key != 'a2e64689e624901be148f7ff6d3be4d6'">
246      <ul>
247                <li><a href="http://eventsintuscaloosa.com/events/create" data-req-sign-in="1" class="ew-add-event" target="_blank"><i class="ion-plus-round"></i> Add Event</a></li>
248        
249
250        <li><a href="javascript:void(0);" ng-click="reflow('grid')" class="grid {{ data.view_type_default == 'grid' ? 'active' : ''}}"><i class="fi-thumbnails"></i></a></li>
251        <li><a href="javascript:void(0);" ng-click="reflow('list')" class="list {{ data.view_type_default == 'list' ? 'active' : ''}}"><i class="fi-list-thumbnails"></i></a></li>
252      </ul>
253    </div>
254
255    <div class="event-right-options">
256      <div class="options-inner">
257        <a ng-if="data.date_listing == 'list-by-date'" class="ew-header" href="javascript:void(0);" data-action="toggle-date-picker" ng-init="headerDate = data.start_date" data-start-date="{{headerDate | moment:'MM/DD/YYYY'}}">{{headerDate | moment: 'dddd'}}, <span>{{headerDate | moment: 'MMM D' }}</span></a>
258
259         <a ng-if="data.date_listing == 'list-by-month'" class="ew-header" href="javascript:void(0);" data-action="toggle-date-picker" ng-init="headerDate = data.start_date" data-start-date="{{headerDate | moment:'MM/DD/YYYY'}}">{{headerDate | moment: 'MMMM'}} <span>{{headerDate | moment: 'YYYY' }}</span></a>
260
261        
262        <div class="ew-date-btn" style="display: block;"><a href="javascript:void(0);"><i class="ion-chevron-down"></i></a></div>
263        
264        
265
266        </div>
267        <div class="event-bottom-bar"></div>
268
269
270        <div class="event-search-area"></div>
271      </div>
272    </div>
273
274    <!--- NEW FILTERS -->
275    <div class="list-filters-wrapper" ng-style="dashboard.filtersOpen ? {height: 'auto'} : {height: '0', overflow:'hidden'}">
276
277      <div class="list-filters">
278        
279        <div class="results-count">
280            <span>{{events.length}} Results</span> <a href="javascript:void(0);" ng-click="reset()">RESET</a>
281        </div>
282
283        <div class="search-fields-grid">
284          
285          <div class="search-field search-keyword">
286              <label>Keyword Search</label>
287              <input type="text" ng-model="criteria.search_term" ng-enter="criteriaSearch()">
288          </div>
289
290
291          <div class="search-field">
292            <div class="search-field" style="padding-left:0; margin-left:0;">
293              
294              <label>Start Date</label>
295              <input type="text" id="datefield" class="start-date" ng-init="criteria.start_date =data.start_date" ng-model="criteria.start_date" ng-enter="criteriaSearch()">
296                
297            </div>
298
299            <div class="search-field">
300              <label>End Date</label>
301              <input type="text" id="datefield2" class="end-date" ng-init="criteria.end_date = data.end_date" ng-model="criteria.end_date" ng-enter="criteriaSearch()">
302            </div>
303          </div>
304
305
306          <!--<div class="search-field">
307            
308            <label>Region</label>
309            <div class="ew-dropdown">
310                <select ng-model="criteria.region" ng-options="region.id as region.name for region in regions" class="ew-dropdown-select" ng-disabled="!(!criteria.city || criteria.city == '')">
311                  <option value="">- Region -</option>
312                </select>
313            </div>
314          
315
316          </div>
317
318          <div class="search-field">
319            <label>City</label>
320            <div class="ew-dropdown">
321              <select ng-change="" ng-model="criteria.city"  class="ew-dropdown-select" ng-disabled="!(!criteria.region || criteria.region == '')">
322                <option value="">- City -</option>
323                <option ng-repeat="city in data.cities" value="{{city}}">{{city}}</option>
324              </select>
325            </div>
326          </div>-->
327
328          
329
330        </div>
331
332        <div class="list-filter-submit">
333          
334          <a class="left-search-submit" ng-click="criteriaSearch(); searchActive = true; hideFeatured = true;"><i class="fi-magnifying-glass"></i> Search</a>
335          <a class="left-search-clear" ng-if="(criteria.search_term && criteria.search_term != '') || (criteria.end_date && criteria.end_date != '') || data.search_term || data.end_date || (criteria.city && criteria.city != '') || (criteria.region && criteria.region != '')" ng-click="clearSearch(); searchActive = false;"><i class="fi-x"></i> Clear</a>
336
337        </div>
338            
339      </div>
340
341    </div>
342
343    <div class="package-filters-button-wrapper" ng-init="dashboard.filtersOpen = false">
344        <div class="package-filters-button" ng-click="dashboard.filtersOpen = !dashboard.filtersOpen">
345            <i class="fa {{ dashboard.filtersOpen ? 'fa-caret-up' : 'fa-caret-down'}}" aria-hidden="true"></i>
346                <span>{{dashboard.filtersOpen ? 'CLOSE' : 'OPEN'}} SEARCH</span>
347        </div>
348    </div>
349
350
351    <!-- NEW FILTERS -->
352
353</div>
354
355
356
357
358<div class="remodal event-remodal" data-remodal-id="eventModal" data-remodal-options="hashTracking: false" >
359
360    <div class="social-icons">
361      <ul>
362        <li><a class="facebook-color" href=""><i class="ion-social-facebook"></i></a></li>
363        <li><a class="twitter-color" href="http://twitter.com/share?url={{modal.share_domain}}"><i class="ion-social-twitter"></i></a></li>
364        <li><a class="google-plus-color" href="http://facebook.com/sharer/sharer.php?u={{modal.share_domain}}"><i class="ion-social-googleplus"></i></a></li>
365        <li ng-if="false"><a class="pinterest-color" href="http://pinterest.com/pin/create/link/?url={{modal.share_domain}}"><i class="ion-social-pinterest"></i></a></li>
366        <li><a class="other-color" href="mailto:?subject=Check out this event&body={{modal.share_domain}}"><i class="ion-email"></i></a></li>
367      </ul>
368    </div>
369
370    <div class="event-modal">
371    
372      <button data-remodal-action="close" class="remodal-close"></button>
373
374
375      <div class="ew-ico-wrapper">
376        <a class="ew-ico-icon"></a>
377        <div class="ew-ico-menu">
378          <div class="modal-social" ng-if="false">
379            <ul>
380              <li><a class="facebook-color" href="http://facebook.com/sharer/sharer.php?u={{data.search_domain}}#!/{{modal.url_title}}"><i class="fi-social-facebook"></i></a></li>
381              <li><a class="twitter-color" href="http://twitter.com/share?url={{data.search_domain}}#!/{{modal.url_title}}"><i class="fi-social-twitter"></i></a></li>
382              <li><a class="google-plus-color" href="http://facebook.com/sharer/sharer.php?u={{data.search_domain}}#!/{{modal.url_title}}"><i class="fi-social-google-plus"></i></a></li>
383              <li ng-if="false"><a class="pinterest-color" href="http://pinterest.com/pin/create/link/?url={{data.search_domain}}#!/{{modal.url_title}}"><i class="fi-social-pinterest"></i></a></li>
384              <li><a class="other-color" href="mailto:?subject=Check out this event&body={{data.search_domain}}#!/{{modal.url_title}}"><i class="fi-mail"></i></a></li>
385            </ul>
386          </div>
387          <ul>
388            <li ng-if="false"><a href="javascript:void(0);"><i class="ion-android-calendar"></i> Sync Calendar</a></li>
389            <li ng-if="false"><a href="javascript:void(0);"><i class="ion-email"></i> Opt-In to Email</a></li>
390            <li ng-if="favsActive"><a ng-click="toggleModalFavorite(modal.id, $index, modal.fav)" href="javascript:void(0);"><i class="{{modal.fav == true ? 'ion-ios-star' : 'ion-ios-star-outline'}}"></i> <span>{{modal.fav == true ? 'Remove From' : 'Save to'}}</span> Favorites</a></li>
391            <li><a target="_blank" href="http://everwondr.com/events/edit/{{modal.id}}"><i class="ion-compose"></i> Edit Page</a></li>
392            <li><a target="_blank" href="http://everwondr.com/events/promote/{{modal.id}}"><i class="ion-speakerphone"></i> Promote this Item</a></li>
393          </ul>
394        </div>
395      </div>
396      <header class="event-modal-header">
397        <div class="event-modal-date-badge"><span class="day">{{modal.dates[0].date | moment:'DD'}}</span><span class="month">{{modal.dates[0].date | moment:'MMM'}}</span></div>
398        <div class="event-modal-title">
399          <h3><span ng-bind-html="modal.name | unsafe"></span></h3>
400          <div class="event-modal-meta">
401            <span class="event-modal-date"><i class="ion-calendar"></i> {{ modal.dates[0].date | dateToISO }} to {{ modal.dates[modal.dates.length-1].date | dateToISO }}</span>
402            <span class="event-modal-address"><i class="ion-location"></i> <a style="color: #eb7d57; font-size:12px;" target="_blank" href="https://maps.google.com?daddr={{modal.venue.address_1+'+'+modal.venue.city+'+'+modal.venue.state | encodeURIComponent}}">{{modal.venue.address_1}} {{modal.venue.city}} {{modal.venue.state}}</a></span>
403          </div>
404        </div>
405      </header>
406
407
408      
409      <nav class="modal-tabs">
410        <ul>
411          <li>
411<a class="active click-details" href="#details"><i class="fi-layout"></i> <span>DETAILS</span></a></li>
412          <li ng-if="false"><a class="location-link" href="#location" ng-click="reload_map();"><i class="ion-map"></i> <span>MAP</span></a></li>
413          <li><a href="#directory" ng-click="reload_dir(); scrollLocation()"><i class="fi-book"></i> <span>NEARBY</span></a></li>
414          <li><a class="hide-mobile" href="#nearby" ng-click="equalize()"><i class="ion-android-locate"></i> <span>FEATURED</span></a></li>
415          <li ng-if="modal.signup_tab"><a class="hide-mobile" href="#signup"><i class="ion-clipboard"></i> <span>SIGNUP</span></a></li>
416          <li ng-if="modal.offer_tab"><a class="hide-mobile" href="#offer"><i class="ion-pricetag"></i> <span>OFFER</span></a></li>
417        </ul>
418      </nav>
419
420
421
422      <section id="details" class="open">
423        <div class="event-about row">
424          <div class="description small-12 medium-6 large-6 columns">
425            <h4><i class="fi-list"></i> DESCRIPTION</h4>
426            
427
428            <span ng-if="modal.description.length > 310">
429              <hm-read hmtext="{{modal.description}}" hmlimit="310" hm-more-text="read more" hm-less-text="read less"></hm-read>
430            </span>
431
432            <span ng-if="modal.description.length <= 310" ng-bind-html="modal.description | unsafe"></span>
433            
434            <div class="contact-info">
435            <div class="clearfix" style="width:100%;">
436              <a ng-if="modal.phone" class="phone" href="tel:{{modal.phone | linkTel}}"><i class="ion-ios-telephone"></i> {{modal.phone | tel}}</a>
437              <a ng-if="modal.phone" class="email" href="mailto:{{modal.email}}"><i class="ion-email"></i> Send Email</a>
438            </div>
439            <div class="clearfix" style="width:100%;">
440              <a target="_blank" class="website" ng-if="modal.website" href="{{modal.website | addLinkPrefix}}" class="visit-website" target="_blank"><i class="ion-link"></i> Visit Website</a>
441
442
443              <div class="ticket-area">
444                <a ng-if="modal.ticket_link || (modal.ticket_prices && modal.ticket_prices.length > 0)" target="_blank" href="{{ modal.ticket_link }}">
445                  <i class="fi-ticket"></i> Get Tickets
446                </a>
447                <div ng-if="modal.ticket_prices && modal.ticket_prices.length > 0" class="ticket-container">
448                  <ul>
449                    <li ng-repeat="price in modal.ticket_prices">
450                      <a target="_blank" href="{{ modal.ticket_link }}">
451                        <span class="left">{{price.label}}</span>
452                        <span class="right">{{price.price_range}}</span>
453                      </a>
454                    </li>
455                 </ul>
456                </div>
457              </div>
458
459            </div>
460              
461            </div>
462          </div>
463          
464
465          <div class="gallery small-12 medium-6 large-6 columns" style="padding-top:10px;">
466
467          
468            <ul ng-if="galleryOpen && (uploads.length > 0 || modal.venue_uploads.length > 0 || data.api_key == 'f35634e3c81cf540b33992f86329886b')" id="lightSlider">
469              <li ng-if="data.api_key == 'f35634e3c81cf540b33992f86329886b' && uploads.length < 1">
470               <div class="glide-image" style="background-image:url(//api.everwondr.com/assets/img/stockton-placeholder.png);"></div>
471              </li>
472              <li ng-if="upload.type == 'photo'" data-thumb="//api.everwondr.com{{upload.source}}" ng-repeat="upload in uploads track by $index">
473                  <!--<img style="max-width:100%; width:100%; height:auto;" src="//api.everwondr.com{{upload.source}}">-->
474                  <div class="glide-image" style="background-image:url(//api.everwondr.com{{upload.source}});"></div>
475              </li>
476              <li ng-if="upload.type == 'video'" ng-repeat="upload in uploads track by $index">
477                 <iframe width="355" height="220" src="{{upload.source | youtubeEmbed}}" frameborder="0" allowfullscreen></iframe>
478              </li>
479              <li class="glide__slide" ng-if="uploads.length < 1" ng-repeat="upload in modal.venue_uploads track by $index">
480              <!--<img src="//api.everwondr.com/t-{{upload}}" alt="slide {{$index}}" />-->
481              <div class="glide-image" style="background-image:url(//api.everwondr.com/t-{{upload}});"></div>
482              </li>
483            </ul>
484
485          </div>
486        
487
488        </div>
489
490
491
492        <div class="bottom-area row">
493          
494          <div class="location small-12  medium-6 large-6 columns" style="font-size:14px;">
495            <h4><i class="fi-marker"></i> LOCATION</h4>
496             <a style="color: #000; font-size:12px;" target="_blank" href="https://maps.google.com?daddr={{modal.venue.address_1+'+'+modal.venue.city+'+'+modal.venue.state | encodeURIComponent}}"><b>{{modal.venue.name | filterHtmlChars}}</b><br>
497            <i>{{modal.venue.address_1}}<br>
498              {{modal.venue.city}}, {{modal.venue.state}} {{modal.venue.zip}}</i></a><br>
499              <a style="color: #eb7d57; font-size:12px; margin-left:6px;" target="_blank" href="https://maps.google.com?daddr={{modal.venue.address_1+'+'+modal.venue.city+'+'+modal.venue.state | encodeURIComponent}}"><i class="ion-map"></i> Get Directions</a>
500              
501              
502
503
504          </div>
505
506          <div class="time small-12  medium-6 large-6  columns">
507            <div class="time-wrapper">
508            <div class="time-container">
509              <h4><i class="fi-clock"></i> TIME</h4>
510              <div class="time-item" ng-repeat="date in modal.dates">
511                <b class="orange-text">{{date.date | moment:'MM/DD/YYYY'}}</b> | {{date.start_time}} - {{date.end_time}} <br>
512{{date.start_time }}
513                <a style="font-style:italic;" href="http://www.google.com/calendar/event?action=TEMPLATE&dates={{date.date | moment:'YYYYMMDD'}}T{{date.start_time | moment24:'HHmmss'}}Z%2F{{date.date | moment:'YYYYMMDD'}}T{{date.end_time | moment24:'HHmmss'}}Z&text={{modal.name | encodeURL}}&details={{modal.description | encodeURL}}&location={{modal.venue.name | encodeURL}}"
514                target="_blank" rel="nofollow">Sync Calendar</a>
515
516              </div>
517            </div>
518          
519
520
521          </div>
522
523          </div>
524
525          
526        </div>
527
528        
529      </section>
530
531
532      <section  ng-if="false" id="location" style="overflow:hidden;" ng-click="reload_map();">
533          <div class="plan-right">
534            <ui-gmap-google-map center='map.center' zoom='map.zoom' refresh="refreshMap" control="mapControl">
535          
536          <ui-gmap-marker coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.id">
537        </ui-gmap-marker>
538
539        </ui-gmap-google-map>
540          </div>
541
542          <div class="plan-left">
543            <div class="plan-address">
544              <ul>
545              <li><i class="fi-marker"></i> 
546                <span><b>{{modal.venue.address_1}}</b> 
547                {{modal.venue.city}}, {{modal.venue.state}} 
548                {{modal.venue.zip}}<br>
549                <a target="_blank" href="https://maps.google.com?daddr={{selectedVenue.address_1+'+'+selectedVenue.city+'+'+selectedVenue.state | encodeURIComponent}}"><i class="ion-map"></i> Get Directions</a></span></li>
550                <li ng-if="modal.email"><i class="fi-mail"></i> {{modal.email}}</li>
551                <li ng-if="modal.phone"><i class="fi-telephone"></i> {{modal.phone | tel}}</li>
552              </ul>
553            </div>
554          </div>
555      </section>
556      <section id="directory">
557      <div class="directory-search">
558        <select ng-model="catSearch" ng-change="dirSelected = -1">
559         <option value="">- Choose a Category -</option>
560         <option value="attraction">Attraction</option>
561         <option value="recreation">Recreation</option>
562         <option value="dining">Dining</option>
563         <option value="lodging">Lodging</option>
564         <option value="arts and culture">Arts and Culture</option>
565         <option value="shop">Shops</option>
566       </select>
567      </div>
568      <div class="directory-items">
569      <div class="icon">
570        <img ng-if="catSearch" height="48" width="48" src="//api.everwondr.com/new/events/img/icons/{{catSearch == 'arts and culture' ? 'art' : catSearch}}.png">
571        <i ng-if="!catSearch" class="fi-list"></i>
572        <span>{{catSearch ? (catSearch == 'shop' ? 'Shops' : catSearch) : 'All'}}</span>
573      </div>
574        <div class="listing">
575          <a ng-class="dirSelected == $index ? 'dir-item active' : 'dir-item'" data-lat="{{item.lat}}" data-lng="{{item.lng}}" data-name="{{item.name}}" ng-click="setDirMarker($index);" ng-repeat="item in pyv_items | filter:catSearch track by $index"><span class="name">{{item.name}}</span> <span class="distance">{{item.distance | number:2}} miles</span></a>
576        </div>
577      </div>
578      <div ng-if="directory" style="position:relative;">
579      <ui-gmap-google-map center='directory.center' zoom='directory.zoom' control="dirControl">
580          
581       <ui-gmap-marker coords="dirmarker.coords" options="dirmarker.options" events="dirmarker.events" idkey="dirmarker.id">
582          
583          <ui-gmap-window isIconVisibleOnClick="true" options="directory.infoWindow.options" show="true">
584              <div class="info-window"> 
585
586              <style type="text/css" media=screen>
587                 .isolated-ew a {font-size: 12px; color: #eb7d57; margin-right:10px;}
588                 .isolated-ew a i { font-size:22px; }
589                 .isolated-ew h3 { font-size:16px; }
590                 .isolated-ew h4 { color: #eb7d57; font-size:15px; }
591              </style>
592              <div class="isolated-ew">
593                <h3 style="margin-bottom:{{item.name ? '5px;' : '0px;'}}">{{item.name ? item.name : modal.name}}</h3>
594                <h4 style="color:#111; {{item.name ? 'display:none;' : 'margin-bottom:5px;'}}">{{item.name ? '' : " at "+modal.venue.name}}</h4>
595              <p><b>{{item.address_1 ? item.address_1 : modal.venue.address_1}}</b><br>
596               {{item.city ? item.city : modal.venue.city }}, {{item.state ? item.state : modal.venue.state}}<br>
597                {{item.zip ? item.zip : modal.venue.zip}}</p>
598                
599                <h4>{{item.distance ? (item.distance | number:2) : ''}}</h4>
600              </div>
601
602              </div>
603          </ui-gmap-window>
604
605        </ui-gmap-marker>
606
607        </ui-gmap-google-map>
608      </div>
609      </section>
610      <section id="nearby" class="nearby-section">
611           <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-3" data-equalizer="venue-item">
612        
613              <div class="results-html"></div>
614
615              <li class="repeat-item" ng-repeat="venue in pyv_items track by $index">
616
617          <div class="venue-item" data-equalizer-watch="venue-item">
618            <a ng-click="openVenue(venue.id)" class="venue-image" style="background-image:url(//api.everwondr.com{{venue.upload_source}})">
619            </a>
620            <div class="venue-body">
621              <h4 class="venue-title">{{venue.name | filterHtmlChars}}</h4>
622              <div class="venue-teaser-details">
623                <div class="venue-media">
624                  <a ng-if="venue.type != 'brochure'" ng-click="openVenue(venue.id)" ng-disabled="venue.type == 'brochure'" href="javascript:void(0);">
625                    <!--<span data-tooltip aria-haspopup="true" class="has-tip" title="{{venue.type == 'brochure' ? 'Download Brochure' : (venue.type == 'video' ? 'Watch Video' : (venue.type == 'venue' ? 'View Venue' : (venue.type == 'gallery' ? 'View Gallery' : 'View Offer')))}}">-->
626                  <i ng-if="venue.type == 'gallery'" class="ion-ios-camera"></i>
627                  <i ng-if="venue.type == 'venue'" class="ion-android-map"></i>
628                  <i ng-if="venue.type == 'video'" class="ion-ios-film"></i>
629                  <i ng-if="venue.type == 'offer'" class="fi-dollar"></i>
630                   <!-- </span> -->
631                  </a>
632                  <a ng-if="venue.type == 'brochure'" target="_blank" href="https://everwondr.com/visit/download/'+venue.id">
633                    <!--<span data-tooltip aria-haspopup="true" class="has-tip" title="{{venue.type == 'brochure' ? 'Download Brochure' : (venue.type == 'video' ? 'Watch Video' : (venue.type == 'venue' ? 'View Venue' : (venue.type == 'gallery' ? 'View Gallery' : 'View Offer')))}}">-->
634                  <i class="ion-ios-book"></i>
635
636                   <!-- </span> -->
637                  </a>
638                  <!--<a href="#"><i class="fi-play"></i></a>
639                  <a href="#"><i class="ion-map"></i></a>
640                  <a href="#"><i class="fi-dollar"></i></a>-->
641                </div>
642                <div class="venue-teaser-address">
643                  <div class="addr">{{venue.address_1}}</div>
644                  {{venue.city}}, {{venue.state}}
645                </div>
646              </div>
647            </div>
648
649
650          </div>
651
652              </li>
653
654            </ul>
655      </section>
656
657      <section id="signup" class="signup-section" ng-if="modal.signup_tab">
658          
659            <div class="signup-top">
660              <h3>{{modal.signup_tab.title}}</h3>
661          <h4>{{modal.signup_tab.description}}
662            </div>
663
664          <div class="signup-form-wrapper">
665            
666               <div class="signup-complete">
667                Your signup is complete. Thank you!
668              </div>
669
670            <div class="signup-grid">
671            
672         
673
674            <div class="signup-left">
675              <img src="//everwondr.com{{modal.signup_tab.thumbnail.source}}" style="width: 100%; height:auto;">
676              <span>{{modal.signup_tab.beside_form}}</span>
677            </div>
678            <div class="signup-right">
679              <h3>{{modal.signup_tab.form_title}}</h3>
680              <h4>{{modal.signup_tab.over_form}}</h4>
681
682              <form class="signup-form">
683                <div class="form-half">
684                  <input type="text" name="signup[first]" ng-model="entry.first_name" value="" placeholder="First Name">
685                </div>
686                <div class="form-half">
687                  <input type="text" name="signup[last]" ng-model="entry.last_name" value="" placeholder="Last Name">
688                </div>
689                <div class="form-half">
690                  <input type="text" name="signup[email]" value="" ng-model="entry.email" placeholder="Email">
691                </div>
692                <div class="form-half">
693                  <input type="text" name="confirm[email]" class="confirm-signup-email" value="" placeholder="Confirm Email">
694                </div>
695                <div class="form-full">
696                  <input type="text" name="signup[phone]" value="" ng-model="entry.phone" placeholder="Phone #">
697                </div>
698                <div class="form-half">
699                  <input type="text" name="signup[city]" value="" ng-model="entry.city" placeholder="City">
700                </div>
701                <div class="form-quarter">
702                  <input type="text" name="signup[state]" value="" ng-model="entry.state" placeholder="State">
703                </div>
704                <div class="form-quarter">
705                  <input type="text" name="signup[zip]" value="" ng-model="entry.zip" placeholder="zip">
706                </div>
707                <div class="signup-controls">
708                  <button class="clear-button">CLEAR</button>
709                  <button class="submit-button" ng-click="submitSignup(entry)">SUBMIT</button>
710                </div>
711              </form>
712
713            </div>
714          </div>
715        </div>
716      </section>
717
718      <section id="offer" class="offer-section">
719        <div class="offer-left">
720          <img src="//everwondr.com{{modal.offer_tab.upload[0].source}}" style="width: 100%; height:auto;">
721            <a class="open-coupon-small" target="_blank" ng-href="http://everwondr.com/coupon/{{modal.offer_tab.id}}">
722              <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAsCAIAAACogXwNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzpJREFUeNrsmMtLMlEYxvPSxS5esoTuUZsEQQWVcFNWFF1o0ar/rj+gjYvAjZT7oEIXEoRSoGhhEV0pq+/3dfgG8cNpZpoRF74LmTmcOfPMc973eZ+j6evrq6P
7221wtzRktGGpSasv3n46urq5ubGbDabTCZp8OPjo7Ozc25urqurS/PKJm0p//j4eHh4mMvl7u/vLRaLBIvVPj8/uZ2amorFYhMTE02Ftb+/f3p6Ojw8DDG146wGJpA9Pz/39/dvbW1NT083L7cKhcLAwACY/v8qRtjW3t5ekJVKpaamvMPh4N1/2a7JKnErRvi1Wq3NrsTafGohgTC6N2iEJW1WW+XbsNqwWh+WkFxDHIRovXVapVAdcBM8XouSEaRYh1b98vKSTCZZnRUlQOVy+e3tTYYMYSWcTidtSvRvHmd+MBhU0rx/Zstms9nt9oODg5GREVYXn0GTlt8gZjLh7u6uUqkIlHwGnmJpaUm33FpYWIhEIjBE9+3u7gaTwk1kPmaQ+TDX09Ozvr4OeTr7LQg7OTkZHBwU2fYjMrF3XLy+vuKCwDQ5Oal/JeLpyAycVp31kw/2DnwbGxvKMan28nzx+/t7Op12u91SnjXKLVEusLu8vKzWPavTFXJlZ2cnGo1yuKCy5Pfx4eEBLVhbW9Pgm7XI3erqajgc5swjCJM4q70mn+Bpc3NzfHy8eUcM4ujoCD0bHR2tU1qun56eUCx49Xg8zW4+nLeogMvLy7rdJJ8QhcXFRc2YGrJ1e3vLGdDlcs3Ozso/n0gkjo+PqQChGtQd2kvdCRYbRbFYvL6+5oLyZK+VVmI+n9/b2/P7/T/CErUJMnRSIFtZWZHHRJydnaVSKRjZ3d1VAQtlIjn6+vqUEL69vT00NHR+fg6yUCikRJ9QfEgVL9L/Pwgpot9huN8y/QtD3ZjMK8yN2pnU0Qyyh3WapwgWNc8DSKLwWLpHtVoFWfU7VOQW1UHPxyrF43HSWTKovw/BEGrHLw1gZmZGBSyqCTGkuGArm80aYfBZORAIUO/qmg9UIZUXFxeW79DrTwfWAdDY2JjP55ufn9fYEzOZDGqpLyzyyev1YqANadXt42sblnz8EWAAYemefHN9hx4AAAAASUVORK5CYII=">
723              DOWNLOAD COUPON
724            </a>
725        </div>
726
727        <div class="offer-right">
728          <h4><span>{{modal.offer_tab.venue}}</span> | {{modal.offer_tab.city}}, {{modal.offer_tab.state}} {{modal.offer_tab.zip}}</h4>
729          <h3>{{modal.offer_tab.discount}}</h3>
730
731          <p>{{modal.offer_tab.description}}</p>
732        </div>
733      </section>
734       
735    </div>
736 
737</div>
738
739
740<div ng-show="searchActive == true || data.search_term != '' || (data.region && data.region != '') || (data.city && data.city != '') || (data.only_featured && data.only_featured == true)" class="view-bar">
741  <span ng-show="searchActive == true || data.search_term != '' || (data.region && data.region != '') || (data.city && data.city != '') || (data.only_featured && data.only_featured == true)" style="float:left; font-weight:normal;">
742    Showing results {{ data.search_term != '' || (data.region && data.region != '') || (data.city && data.city != '') || (data.only_featured && data.only_featured == true) ? 'for' : ''}}{{(data.only_featured && data.only_featured == true) ? ' Featured, ' : ''}}{{data.city ? (' '+data.city+((data.search_term && data.search_term != '') || (data.region && data.region != '') ? ', ' : '')) : ''}}<span ng-if="data.region && data.region != ''"><span ng-repeat="rgn in regions | filter:{id:criteria.region}"> {{rgn.name}} Region</span>{{data.search_term ? ', ' : ''}}</span> <i><b ng-if="data.search_term && data.search_term != ''">"{{data.search_term}}"</b></i> from {{data.start_date | moment:'MM/DD/YYYY'}}<span ng-if="data.end_date"> to {{data.end_date | moment:'MM/DD/YYYY'}}</span>. 
743  <a class="search-clear" ng-if="(criteria.search_term && criteria.search_term != '') || (criteria.end_date && criteria.end_date != '') || data.search_term != '' || data.end_date != '' || (data.region && data.region != '') || (data.city && data.city != '') || (data.only_featured && data.only_featured == true)" ng-click="clearSearch()"><i class="fi-x"></i> Clear Search</a>
744  </span>
745  <span ng-if="false" style="float:right; font-weight:normal;"><b class="ng-binding">{{events.length}} / {{numResults}}</b> <small>RESULTS</small></span>
746</div>
747
748<div ng-if="hide_featured == 1" style="width:100%; height:10px;">
749
750  </div>
751
752<div ng-if="hide_featured != 1" class="featured-area-padding">
753<div class="featured-area-wrapper" style="{{ hideFeatured == true ? 'height: 0; overflow: hidden;' : '' }}">
754
755<div id="featured-items" class="glide">
756
757    <div class="glide__arrows">
758        <button class="glide__arrow prev" data-glide-dir="<">&lsaquo;</button>
759        <button class="glide__arrow next" data-glide-dir=">">&rsaquo;</button>
760    </div>
761
762    <div class="glide__wrapper">
763        <ul class="glide__track">
764            <li class="glide__slide" ng-repeat="event in featured"><div class="box featured-slide">
765
766                  <div class="slide-holder" ng-if="event.data_sub_type != 'custom-feature'">
767
768                    <div ng-if="false" ng-style="event.is_highlighted == 'highlight' ? 'display:block;' : ''" class="event-badge featured">{{event.highlight_text ? event.highlight_text : 'Featured'}}</div>
769                    
770                     <div class="featured-slide-body">
771                        
772                      <div class="vcenter">
773
774                      <div class="event-title">
775                      <h3><span ng-bind-html="event.name | unsafe"></span></h3>
776                      
777
778
779                      </div>
780
781                     
782
783                      <div class="address">
784                      <h4><a class="open-map" target="_blank" style="color:#000;" href="http://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}"><span ng-bind-html="event.venue_name | unsafe"></span></a></h4>
785                        <h5 class="ew-city">{{event.city}}, {{event.state}}</h5>
786                         <!-- <a class="open-map" target="_blank" href="http://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}">View Map <i class="fi-marker"></i></a>-->
787                      </div>
788
789
790                      <h4 class="event-date">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }}<span ng-if="compareDates(event.raw_next_date, event.end.date) < 1">, {{ event.raw_next_date | momentISO: 'YYYY' | uppercase }}</span> <span ng-if="compareDates(event.raw_next_date, event.end.date) > 0">- {{ event.end.date | momentISO: 'MMM D, YYYY' | uppercase }}</span></h4>
791
792                      </div>
793
794                    </div>
795
796                    <a ng-click="openModal($index, event.url_title)" href="javascript:void(0);" class="featured-slide-image" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail ? event.thumbnail : '/assets/img/layout/placeholders/placeholder_t.png')+')'}">
797
798                    </a>
799                   
800                  </div>
801
802                  <div class="slide-holder" ng-if="event.data_sub_type == 'custom-feature'">
803                    
804                    <div class="custom-image-crop">
805                    <a ng-if="!event.is_video" target="_blank" href="{{event.sdata.url}}" class="custom-slide-image" data-index="{{$index}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.sdata.upload ? event.sdata.upload.source : '/assets/img/layout/placeholders/placeholder_t.png')+')'}">
806                    <a ng-if="event.is_video" ng-click="openVideoModal(event.sdata.url)" href="javascript:void(0);" class="custom-slide-image" data-index="{{$index}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.sdata.upload ? event.sdata.upload.source : '/assets/img/layout/placeholders/placeholder_t.png')+')'}">
807                    <span ng-if="event.is_video" class="video-indicator"><span><i class="ion-play"></i></span></span>
808                    </a>
809                    </div>
810                   
811                  </div>
812
813            </div></li>
814
815
816        </ul>
817    </div>
818
819    <div ng-if="false" class="glide__bullets"></div>
820
821</div>
822
823  </div>
824</div>
825
826
827    <!-- date view --> 
828    <!-- date view --> 
829    <!-- date view --> 
830<div class="day-holder" ng-if="data.date_listing != 'list-by-month'">
831
832<div data-date="{{ eventGroup[0].day_calc }}" class="group-day" ng-repeat="eventGroup in events | filter:{name:keyword} | groupBy: 'day'">
833  <div ng-show="data.api_key != '8906019917313f81491beee9f7b22a24'" class="ew-month-divider"> <span><strong>{{eventGroup[0].month_real}}</strong> {{eventGroup[0].day_real}}</span> </div> 
834
835<ul class="event-listing {{ data.view_type_default == 'list' && forceGrid == false ? 'list small-block-grid-1 medium-block-grid-1 large-block-grid-1' : 'small-block-grid-1 medium-block-grid-2 large-block-grid-3' }}" data-equalizer="event-item">
836      
837      <li ng-if="data.api_key == '8906019917313f81491beee9f7b22a24'" class="ew-date-tile"><div class="ew-month-divider"  data-equalizer-watch="event-item"> <span><strong>{{eventGroup[0].month_real}}</strong> {{eventGroup[0].day_real}}</span> </div> </li>
838      <li ng-repeat="event in eventGroup | filter:{name:keyword} track by $index" class="repeat-item">
839        <div class="event-item" id="event-{{$index}}" data-equalizer-watch="event-item" data-date="{{ event.raw_next_date | moment:'MM/DD/YYYY' }}">
840          <div class="event-badge new">NEW</div>
841          <div ng-if="event.is_highlighted == 'highlight'" ng-style="event.is_highlighted == 'highlight' ? 'display:block;' : ''" class="event-badge featured">{{event.highlight_text ? event.highlight_text : 'Featured'}}</div>
842          <a ng-if="data.api_key != 'f35634e3c81cf540b33992f86329886b'" ng-click="openModal($index, event.url_title)" href="javascript:void(0);" class="event-image" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail ? event.thumbnail : '/assets/img/layout/placeholders/placeholder_t.png')+')'}">
843            
844          </a>
845          <a ng-if="data.api_key == 'f35634e3c81cf540b33992f86329886b'" ng-click="openModal($index, event.url_title)" href="javascript:void(0);" class="event-image" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail == '/assets/img/layout/placeholders/placeholder_t.png' ? '/assets/img/stockton-placeholder.png' : event.thumbnail)+')'}">
846            
847          </a>
848          <div class="event-body">
849            <div class="event-title">
850            <h3><span ng-bind-html="event.name | unsafe"></span></h3>
851            
852            <h4 class="ew-venue-teaser" ng-if="event.venue_name.length > 0"><a  class="open-map" target="_blank" href="http://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}"><span ng-bind-html="event.venue_name | unsafe"></span></a></h4>
853            <h5 class="ew-city" style="{{ event.venue_name == null || event.venue_name.length < 1 ? 'margin-top: 12px;' : 'margin-top:0;' }}">{{event.city}}, {{event.state}}</h5>
854
855            <!--<h4 class="event-date">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }}<span ng-if="compareDates(event.raw_next_date, event.end.date) < 1">, {{ event.raw_next_date | momentISO: 'YYYY' | uppercase }}</span> <span ng-if="compareDates(event.raw_next_date, event.end.date) > 0">- {{ event.end.date | momentISO: 'MMM D, YYYY' | uppercase }}</span></h4>-->
856
857            <h4 class="event-date">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }} <span ng-if="compareDates(event.raw_next_date, event.end.date) > 0">- {{ event.end.date | momentISO: 'MMM D' | uppercase }}</span></h4>
858            </div>
859
860
861            <div class="address">
862            
863               <!-- <a class="open-map" target="_blank" href="http://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}">View Map <i class="fi-marker"></i></a>-->
864            </div>
865
866
867            <div class="ew-ico-wrapper">
868              <a class="ew-ico-icon"></a>
869              <div class="ew-ico-menu">
870                <ul>
871                  <li><a ng-click="openModal($index, event.url_title, 'dates')" href="javascript:void(0);"><i class="ion-android-calendar"></i> View All Dates</a></li>
872                  <li><a href="http://www.google.com/calendar/event?action=TEMPLATE&dates={{event.raw_next_date | moment:'YYYYMMDD'}}T{{event.raw_next_date | moment24:'HHmmss'}}Z%2F{{event.raw_next_date | moment:'YYYYMMDD'}}T{{event.raw_next_date | moment24:'HHmmss'}}Z&text={{event.name | encodeURL}}&details={{event.description | encodeURL}}&location={{event.venue_name | encodeURL}}"
873                  target="_blank" rel="nofollow"><i class="ion-android-add-circle"></i> Sync Calendar</a></li>
874                  <li ng-if="false"><a ng-click="openModal($index, event.url_title, 'location')" href="javascript:void(0);"><i class="ion-map"></i> View Map</a></li>
875                  <li ng-if="event.ticket_link && event.ticket_link != '' && event.ticket_link != 'http://'"><a href="{{event.ticket_link}}" target="_blank">Get Tickets</a></li>
876                  <li ng-if="false"><a href="#">View Offer</a></li>
877                  <li ng-if="favsActive"><a ng-click="toggleFavorite(event.object_id, $index, event.fav, 'event')" data-type="event" data-id="{{event.object_id}}" href=""><i class="{{event.fav == true ? 'ion-ios-star' : 'ion-ios-star-outline'}}"></i> <span>{{event.fav == true ? 'Remove From' : 'Save to'}}</span> Favorites</a></li>
878                  <li><a target="_blank" href="http://everwondr.com/events/edit/{{event.object_id}}"><i class="ion-compose"></i> Edit Page</a></li>
879                  <li><a target="_blank" href="http://everwondr.com/events/promote/{{event.object_id}}"><i class="ion-speakerphone"></i> Promote this Item</a></li>
880                </ul>
881              </div>
882            </div>
883          </div>
884        </div>
885      </li>
886  </ul>
887
888</div>
889
890</div>
891      <!-- date view --> 
892      <!-- date view --> 
893      <!-- date view --> 
894      
895      <!-- month view -->
896      <!-- month view -->
897<style ng-if="data.api_key == 8">
898  
899  
900  .event-item-new {
901    height: 300px;
902    position: relative;
903    webkit-font-smoothing: antialiased;
904    font-smoothing: antialiased;
905    -moz-osx-font-smoothing: grayscale;
906  }
907  .event-image-new {
908    height: 260px;
909    display: block;
910    cursor: pointer;
911  }
912  .event-image-new-inner {
913    height: 100%;
914    background-position: center;
915    background-size: cover;
916    background-repeat: no-repeat;
917  }
918  .event-image-new-inner:before {
919    content: '';
920    display: block;
921    height: 100%;
922    width: 100%;
923    background: rgb(0,0,0);
924    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 100%);
925    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 100%);
926    background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 100%);
927  }
928  .event-body-new {
929    width: 100%;
930    position: absolute;
931    padding: 0 10px;
932    
933    bottom: 0;
934  }
935  .event-body-new-inner {
936    
937    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.37);
938    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.37);
939    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.37);
940    background: #fefefe;
941    border-radius: 5px;
942  }
943  .event-body-new-inner .event-body-new-heading {
944
945    padding: 18px 18px 18px 0;
946
947  }
948  .event-body-new-inner h3 {
949    font-size: 17px!important;
950    font-weight: normal!important;
951    color: #0F141B!important;
952    text-shadow: 1px 1px #fff;
953    margin: 0!important;
954    line-height: 20px!important;
955  }
956  .event-body-new-inner h4 i {
957    font-size: 18px;
958
959    color: #A0A1A1!important;
960    margin-right: 4px;
961  }
962  .event-body-new-inner h4 span span {
963    white-space: nowrap;
964  }
965
966  .event-body-new-inner h4 > span {
967    margin-top: 3px;
968  }
969  .event-body-new-inner h4 {
970    color: #818080!important;
971    font-size: 11px!important;
972    line-height: 13px!important;
973    margin-top: 5px!important;
974    display: flex;
975    padding-top: 2px;
976
977
978
979  }
980  .trending-content {
981    height: 300px;
982    min-height: 300px;
983    max-height: 300px;
984  }
985
986
987
988</style>
989<div class="month-holder {{ data.api_key == 8 ? 'new-styles' : '' }}" ng-if="data.date_listing == 'list-by-month' && data.api_key != '8906019917313f81491beee9f7b22a24'">
990<div class="group-month" data-date="{{ eventGroup[0].day_calc }}" data-month="{{eventGroup[0].month}}" ng-repeat="eventGroup in events | filter:{name:keyword} | groupBy: 'month'">
991  <div ng-show="data.api_key != '8906019917313f81491beee9f7b22a24'" class="ew-month-divider"> <span><strong>{{eventGroup[0].month_real}}</strong> {{eventGroup[0].year_real}}</span> </div> 
992<ul class="event-listing {{ data.view_type_default == 'list' && forceGrid == false ? 'list small-block-grid-1 medium-block-grid-1 large-block-grid-1' : 'small-block-grid-1 medium-block-grid-2 large-block-grid-3' }}" data-equalizer="event-item"> 
993      
994      <li class="repeat-item" ng-if="data.api_key == '8906019917313f81491beee9f7b22a24'" class="ew-date-tile"><div class="ew-month-divider" data-equalizer-watch="event-item"> <span><strong>{{eventGroup[0].month_real}}</strong> {{eventGroup[0].year_real}}</span> </div> </li>
995
996      <li data-item-count="{{$index}}" ng-repeat="event in eventGroup | unique: 'id' track by $index" class="repeat-item">
997
998
999        <div ng-if="event.data_type != 'addon' && data.api_key == 8" class="event-item-new" data-equalizer-watch="event-item-new" id="event-{{$index}}" data-date="{{ event.raw_next_date | moment:'MM/DD/YYYY' }}" ng-click="openModal($index, event.url_title)">
1000            
1001          <div href="javascript:void(0);" class="event-image-new" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+'/assets/img/layout/placeholders/placeholder_t.png'+')'}">
1002            <div class="event-image-new-inner" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail == '/assets/img/layout/placeholders/placeholder_t.png' ? '/assets/img/stockton-placeholder.png' : event.thumbnail)+')'}">
1003
1004            </div>
1005
1006          </div>
1007
1008          <div class="event-date-new">
1009            <span class="event-date-new-start">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }} </span>
1010            <span class="event-date-separator">TO</span>
1011            <span class="event-date-new-end">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }} </span>
1012          </div>
1013
1014          <div class="event-body-new">
1015            <div class="event-body-new-inner">
1016
1017              <div class="event-body-new-heading">
1018                <h3><span ng-bind-html="event.name | unsafe"></span></h3>
1019                <h4><i class="fi-marker"></i> <span><strong ng-if="event.address_1">{{ event.address_1 }}, </strong><span>{{event.city}}, {{event.state}}</span></span></h4>
1020              </div>
1021            </div>
1022          </div>
1023
1024        </div>
1025        
1026        <div ng-if="event.data_type != 'addon' && data.api_key != 8" class="event-item" id="event-{{$index}}" data-equalizer-watch="event-item" data-date="{{ event.raw_next_date | moment:'MM/DD/YYYY' }}">
1027          <div class="event-badge new">NEW</div>
1028          <div ng-if="event.is_highlighted == 'highlight'" ng-style="event.is_highlighted == 'highlight' ? 'display:block;' : ''" class="event-badge featured">{{event.highlight_text ? event.highlight_text : 'Featured'}}</div>
1029          <a ng-if="data.api_key != 'f35634e3c81cf540b33992f86329886b'" ng-click="openModal($index, event.url_title)" href="javascript:void(0);" class="event-image" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail ? event.thumbnail : '/assets/img/layout/placeholders/placeholder_t.png')+')'}">
1030            
1031          </a>
1032          <a ng-if="data.api_key == 'f35634e3c81cf540b33992f86329886b'" ng-click="openModal($index, event.url_title)" href="javascript:void(0);" class="event-image" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail == '/assets/img/layout/placeholders/placeholder_t.png' ? '/assets/img/stockton-placeholder.png' : event.thumbnail)+')'}">
1033            
1034          </a>
1035          <div class="event-body">
1036            <div class="event-title">
1037            <h3><span ng-bind-html="event.name | unsafe"></span></h3>
1038            
1039            <h4 class="ew-venue-teaser" ng-if="event.venue_name.length > 0"><a  class="open-map" target="_blank" href="http://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}"><span ng-bind-html="event.venue_name | unsafe"></span></a></h4>
1040            <h5 class="ew-city" style="{{ event.venue_name == null || event.venue_name.length < 1 ? 'margin-top: 12px;' : 'margin-top:0;' }}">{{event.city}}, {{event.state}}</h5>
1041
1042            <!--<h4 class="event-date">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }}<span ng-if="compareDates(event.raw_next_date, event.end.date) < 1">, {{ event.raw_next_date | momentISO: 'YYYY' | uppercase }}</span> <span ng-if="compareDates(event.raw_next_date, event.end.date) > 0">- {{ event.end.date | momentISO: 'MMM D, YYYY' | uppercase }}</span></h4>-->
1043
1044            <h4 class="event-date">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }} <span ng-if="compareDates(event.raw_next_date, event.end.date) > 0">- {{ event.end.date | momentISO: 'MMM D' | uppercase }}</span></h4>
1045            </div>
1046
1047         
1048            <div class="address">
1049            
1050               <!-- <a class="open-map" target="_blank" href="http://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}">View Map <i class="fi-marker"></i></a>-->
1051            </div>
1052            
1053            <sn-addthis-toolbox
1054                class="addthis_custom_sharing"
1055                data-share="{
1056                    title: event.name,
1057                    url: data.search_domain + '/' + event.id,
1058                    description: ''
1059                }">
1060                <a href class="addthis_button_compact"></a>
1061            </sn-addthis-toolbox>
1062
1063
1064
1065            <div class="ew-ico-wrapper">
1066              <a class="ew-ico-icon"></a>
1067              <div class="ew-ico-menu">
1068                <ul>
1069                  <li><a ng-click="openModal($index, event.url_title, 'dates')" href="javascript:void(0);"><i class="ion-android-calendar"></i> View All Dates</a></li>
1070                  <li><a href="http://www.google.com/calendar/event?action=TEMPLATE&dates={{event.raw_next_date | moment:'YYYYMMDD'}}T{{event.raw_next_date | moment24:'HHmmss'}}Z%2F{{event.raw_next_date | moment:'YYYYMMDD'}}T{{event.raw_next_date | moment24:'HHmmss'}}Z&text={{event.name | encodeURL}}&details={{event.description | encodeURL}}&location={{event.venue_name | encodeURL}}"
1071                  target="_blank" rel="nofollow"><i class="ion-android-add-circle"></i> Sync Calendar</a></li>
1072                  <li ng-if="false"><a ng-click="openModal($index, event.url_title, 'location')" href="javascript:void(0);"><i class="ion-map"></i> View Map</a></li>
1073                  <li ng-if="event.ticket_link && event.ticket_link != '' && event.ticket_link != 'http://'"><a href="{{event.ticket_link}}" target="_blank">Get Tickets</a></li>
1074                  <li ng-if="false"><a href="#">View Offer</a></li>
1075                  <li ng-if="favsActive"><a ng-click="toggleFavorite(event.object_id, $index, event.fav, 'event')" data-type="event" data-id="{{event.object_id}}" href=""><i class="{{event.fav == true ? 'ion-ios-star' : 'ion-ios-star-outline'}}"></i> <span>{{event.fav == true ? 'Remove From' : 'Save to'}}</span> Favorites</a></li>
1076                  <li><a target="_blank" href="http://everwondr.com/events/edit/{{event.object_id}}"><i class="ion-compose"></i> Edit Page</a></li>
1077                  <li><a target="_blank" href="http://everwondr.com/events/promote/{{event.object_id}}"><i class="ion-speakerphone"></i> Promote this Item</a></li>
1078                </ul>
1079              </div>
1080            </div>
1081          </div>
1082        </div>
1083        
1084
1085        <!-- addon-->
1086          
1087          <div ng-if="event.data_type == 'addon' && event.data_sub_type == 'trending-solo'" data-equalizer-watch="{{ data.api_key == 8 ? 'event-item-new' : 'event-item' }}" class="trending-content" ng-class="event.data_sub_type">
1088            <a target="{{event.sdata.link_type == 'external' ? '_blank' : '_self'}}" ng-click="trendingLauncher(event.sdata.link_type, event.sdata.link);" href="{{event.sdata.link_type == 'external' ? event.sdata.link.url : 'javascript:void(0);'}}">
1089
1090              <div class="trending-image" ng-if="data.view_type_default == 'grid'" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload.source+')', 'min-height': '50px' }"> </div>
1091
1092              <div class="trending-image" ng-if="data.view_type_default == 'list'" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload_alt.source+')', 'min-height': '50px' }"></div>
1093
1094
1095              <div class="trending-body">
1096                <div class="trending-header">
1097                  <h3>TRENDING LOCALLY</h3>
1098                  <h4>{{event.sdata.title}}</h4>
1099                </div>
1100              </div>
1101            </a>
1102          </div>
1103
1104          <div ng-if="event.data_type == 'addon' && event.data_sub_type == 'trending-editorial'" data-equalizer-watch="{{ data.api_key == 8 ? 'event-item-new' : 'event-item' }}" class="trending-content" ng-class="event.data_sub_type">
1105            <a target="{{event.sdata.link_type == 'external' ? '_blank' : '_self'}}" ng-click="trendingLauncher(event.sdata.link_type, event.sdata.link);" href="{{event.sdata.link_type == 'external' ? event.sdata.link.url : 'javascript:void(0);'}}">
1106              <div class="trending-image" style="background-image: url(https://api.everwondr.com{{event.sdata.upload.source}}); {{ data.view_type_default == 'list' ? 'text-indent:0;' : 'height:0px; padding-top: 70%; min-height: 0; position:relative;'}}" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload.source+')', 'min-height': '50px' }">
1107                
1108              </div>
1109              <div class="trending-body" style="position:relative;">
1110                <div class="trending-header">
1111                  <h3>TRENDING LOCALLY</h3>
1112                  <h4>{{event.sdata.title}}</h4>
1113                  
1114                </div>
1115                <div class="trending-text">
1116                <p style="font-size:11px; color:#000;">{{event.sdata.teaser}}</p>
1117                  <span style="color:#000;" class="trending-sponsor-header">Sponsored By</span>
1118                  <span style="color:#000; font-size:12px;" class="trending-sponsor">{{event.sdata.sponsor}}</span>
1119                </div>
1120              </div>
1121            </a>
1122          </div>
1123
1124          <div ng-if="event.data_type == 'addon' && event.data_sub_type == 'trending-slideshow'" data-equalizer-watch="{{ data.api_key == 8 ? 'event-item-new' : 'event-item' }}" class="trending-content" ng-class="event.data_sub_type">
1125            <a target="{{event.sdata.link_type == 'external' ? '_blank' : '_self'}}" ng-click="trendingLauncher(event.sdata.link_type, event.sdata.link);" href="{{event.sdata.link_type == 'external' ? event.sdata.link.url : 'javascript:void(0);'}}">
1126              
1127              <div class="trending-slider glide" ng-if="data.view_type_default == 'grid'">
1128                <div class="glide__wrapper">
1129                  <ul class="glide__track">
1130                      <li class="glide__slide" ng-repeat="upload in event.sdata.upload">
1131                        <div class="trending-image" ng-style="{ 'background-image':'url(https://api.everwondr.com'+upload.source+')', 'min-height': '50px' }">
1132                        </div>
1133                      </li>
1134                  </ul>
1135                </div>
1136                <div class="glide__bullets"></div>
1137              </div>
1138
1139              <div class="trending-slider glide" ng-if="data.view_type_default == 'list'">
1140                <div class="glide__wrapper">
1141                  <ul class="glide__track">
1142                      <li class="glide__slide">
1143                        <div class="trending-image" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload_alt.source+')', 'min-height': '50px' }">
1144                        </div>
1145                      </li>
1146                      <li class="glide__slide">
1147                        <div class="trending-image" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload_alt_slideshow[0].source+')', 'min-height': '50px' }">
1148                        </div>
1149                      </li>
1150                      <li class="glide__slide">
1151                        <div class="trending-image" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload_alt_slideshow[1].source+')', 'min-height': '50px' }">
1152                        </div>
1153                      </li>
1154                  </ul>
1155                </div>
1156                <div class="glide__bullets"></div>
1157              </div>
1158
1159              <div class="trending-body">
1160                <div class="trending-header">
1161                  <h3>TRENDING LOCALLY</h3>
1162                  <h4>{{event.sdata.title}}</h4>
1163                </div>
1164              </div>
1165            </a>
1166          </div>
1167
1168
1169          <div ng-if="event.data_type == 'addon' && event.data_sub_type == 'offer-modal'" data-equalizer-watch="{{ data.api_key == 8 ? 'event-item-new' : 'event-item' }}" class="trending-content" ng-class="event.data_sub_type">
1170            <a ng-click="trendingLauncher('offer', event);" href="javascript:void(0);">
1171              <div class="trending-image" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload[0].source+')', 'min-height': '50px' }" style="{{ data.view_type_default == 'list' ? 'text-indent:0;' : 'height:0px; padding-top: 70%; min-height: 0; position:relative;'}} background-image: url(https://api.everwondr.com{{event.sdata.upload[0].source}});">
1172                
1173              </div>
1174              <div class="trending-body" style="{{ data.view_type_default == 'list' ? '' : 'position:relative; height: auto; text-align: center;'}}">
1175                <div class="trending-header">
1176                  <h3>LOCAL OFFER</h3>
1177                  <h4>{{event.sdata.title}}</h4>
1178                </div>
1179                <div class="trending-text">
1180                <p style="color:#666; text-align: left; font-size:16px; margin:20px 0 12px 0; font-style: normal; font-weight: bold;">{{event.sdata.discount}}</p>
1181
1182                <span style="color:#000; font-size:12px; text-align: left; max-width: none;" class="trending-sponsor">{{event.sdata.venue}}</span>
1183                <span style="color:#000; text-align: left; max-width: none;" class="trending-sponsor-header">{{event.sdata.city}}, {{event.sdata.state}}</span>
1184              </div>
1185                  
1186              </div>
1187            </a>
1188          </div>
1189
1190          <div ng-if="event.data_type == 'addon' && event.data_sub_type == 'signup-modal'" data-equalizer-watch="{{ data.api_key == 8 ? 'event-item-new' : 'event-item' }}" class="trending-content" ng-class="event.data_sub_type">
1191            <a ng-click="trendingLauncher('signup', event);" href="javascript:void(0);">
1192              <div class="trending-image" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload[0].source+')', 'min-height': '50px' }" style="background-image: url(https://api.everwondr.com{{event.sdata.upload[0].source}}); {{ data.view_type_default == 'list' ? 'text-indent:0;' : 'height:0px; padding-top: 70%; min-height: 0; position:relative;'}}">
1193                
1194              </div>
1195              <div class="trending-body" style="{{ data.view_type_default == 'list' ? '' : 'position:relative; height: auto; text-align: center;'}}">
1196                <div class="trending-header">
1197                  <h3>REGISTER NOW</h3>
1198                </div>
1199<div class="trending-text">
1200                <p style="color:#e27838; text-align: left; font-size:14px; margin:20px 0 12px 0; font-style: normal; font-weight: bold;">{{event.sdata.listing_title}}</p>
1201
1202                <p class="event-description" style="text-align: left;">{{event.sdata.listing_text}}</p>
1203
1204                <span style="color:#000; text-align: left;" class="trending-sponsor-header">Sponsored By</span>
1205                  <span style="color:#000; font-size:12px; text-align: left;" class="trending-sponsor">{{event.sdata.sponsor}}</span>
1206                </div>
1207                  
1208              </div>
1209            </a>
1210          </div>
1211
1212          <div ng-if="event.data_type == 'addon' && event.data_sub_type == 'trending-list'" data-equalizer-watch="{{ data.api_key == 8 ? 'event-item-new' : 'event-item' }}" class="trending-content" ng-class="event.data_sub_type">
1213            
1214              <div class="trending-image" style="background-image: url(https://api.everwondr.com{{event.sdata.upload.source}}); {{ data.view_type_default == 'list' ? 'text-indent:0;' : 'height:0px; padding-top: 70%; min-height: 0; position:relative;'}}" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload.source+')' }">
1215                
1216              </div>
1217              <div class="trending-body" style="{{ data.view_type_default == 'list' ? '' : 'position:relative; height: auto; text-align: center;'}}">
1218                <div class="trending-header">
1219                  <h3>TRENDING LOCALLY</h3>
1220                  <h4>{{event.sdata.title}}</h4>
1221                </div>
1222                <div class="trending-text">
1223                <ol style="color:#000; text-align: left; display: inline-block; max-width: 190px; position:relative;">
1224                  <li style="font-style:italic; font-size:12px; position:relative; margin-bottom:12px;" ng-repeat="link in event.sdata.link track by $index">
1225                  <a target="{{link.type == 'external' ? '_blank' : '_self'}}" ng-click="trendingLauncher(link.type, link);" href="{{link.type == 'external' ? link.url : 'javascript:void(0);'}}">
1226                    <span style="left:-10px; position: absolute;" class="numeral">&bull; </span> {{link.title}} 
1227                  </a></li>
1228                </ol>
1229              </div>
1230              </div>
1231
1232          </div>
1233
1234          <div ng-if="event.data_type == 'addon' && event.data_sub_type == 'trending-video'" data-equalizer-watch="{{ data.api_key == 8 ? 'event-item-new' : 'event-item' }}" class="trending-content" ng-class="event.data_sub_type">
1235            <a target="{{event.sdata.link_type == 'external' ? '_blank' : '_self'}}" ng-click="trendingLauncher('video', event.sdata.link);" href="javascript:void(0);">
1236              <div class="trending-image" ng-style="{ 'background-image':'url(https://api.everwondr.com'+event.sdata.upload.source+')', 'min-height': '50px' }">
1237                <span class="video-indicator-trending"><span><i class="ion-play"></i></span></span>
1238              </div>
1239              <div class="trending-body">
1240                <div class="trending-header">
1241                  <h3>TRENDING LOCALLY</h3>
1242                  <h4>{{event.sdata.title}}</h4>
1243                </div>
1244              </div>
1245            </a>
1246          </div>
1247
1248
1249        <!-- addon-->
1250
1251      </li>
1252
1253
1254
1255
1256
1257    </ul>
1258  </div>
1259</div>
1260      <!-- month view -->
1261      <!-- month view -->
1262
1263
1264
1265<!-- month view test -->
1266      <!-- month view test -->
1267<div class="month-holder" ng-if="data.date_listing == 'list-by-month' && data.api_key == '8906019917313f81491beee9f7b22a24'">
1268<div class="group-month" data-month="{{eventGroup.month}}">
1269  <div ng-if="data.api_key != '8906019917313f81491beee9f7b22a24'" class="ew-month-divider"> <span><strong>{{eventGroup[0].month_real | limitTo: 3}}</strong></span> </div> 
1270<ul class="event-listing {{ data.view_type_default == 'list' && forceGrid == false ? 'list small-block-grid-1 medium-block-grid-1 large-block-grid-1' : 'small-block-grid-1 medium-block-grid-2 large-block-grid-3' }}" data-equalizer="event-item"> 
1271      
1272      <li ng-repeat-start="eventGroup in events | filter:{name:keyword} | groupBy: 'month'" class="repeat-item" ng-show="data.api_key == '8906019917313f81491beee9f7b22a24'" class="ew-date-tile"><div class="ew-month-divider" data-equalizer-watch="event-item"> <span><strong>{{eventGroup[0].month_real | limitTo: 3}}</strong></span> </div> </li>
1273      <li ng-repeat-end ng-repeat="event in eventGroup track by $index" class="repeat-item">
1274        <div class="event-item" id="event-{{$index}}" data-equalizer-watch="event-item" data-date="{{ event.raw_next_date | moment:'MM/DD/YYYY' }}">
1275          <div class="event-badge new">NEW</div>
1276          <a ng-if="data.api_key != 'f35634e3c81cf540b33992f86329886b'" ng-click="openModal($index, event.url_title)" href="javascript:void(0);" class="event-image" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail ? event.thumbnail : '/assets/img/layout/placeholders/placeholder_t.png')+')'}">
1277            
1278          </a>
1279          <a ng-if="data.api_key == 'f35634e3c81cf540b33992f86329886b'" ng-click="openModal($index, event.url_title)" href="javascript:void(0);" class="event-image" data-index="{{$index}}" data-url="{{event.url_title}}" ng-style="{'background-image':'url(//api.everwondr.com'+(event.thumbnail == '/assets/img/layout/placeholders/placeholder_t.png' ? '/assets/img/stockton-placeholder.png' : event.thumbnail)+')'}">
1280            
1281          </a>
1282          <div class="event-body">
1283            <div class="event-title">
1284            <h3><span ng-bind-html="event.name | unsafe"></span></h3>
1285            <h4 class="event-date">{{ event.raw_next_date | momentISO: 'MMM D' | uppercase }}<span ng-if="compareDates(event.raw_next_date, event.end.date) < 1">, {{ event.raw_next_date | momentISO: 'YYYY' | uppercase }}</span> <span ng-if="compareDates(event.raw_next_date, event.end.date) > 0">- {{ event.end.date | momentISO: 'MMM D, YYYY' | uppercase }}</span></h4>
1286            </div>
1287
1288            <p class="event-description">
1289            <span ng-bind-html="event.description | limitTo: 120 | unsafe"></span>
1290            {{event.description.length > 120 ? '&hellip;' : ''}}
1291            </p>
1292
1293            <div class="address">
1294            <h4><a class="open-map" target="_blank" style="color:#000;" href="https://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}"><span ng-bind-html="event.venue_name | unsafe"></span></a></h4>
1295              <h5 class="ew-city">{{event.city}}, {{event.state}}</h5>
1296               <!-- <a class="open-map" target="_blank" href="http://maps.google.com/?daddr={{event.address_1}}%20{{event.city}}%20{{event.state}}">View Map <i class="fi-marker"></i></a>-->
1297            </div>
1298            <div class="ew-ico-wrapper">
1299              <a class="ew-ico-icon"></a>
1300              <div class="ew-ico-menu">
1301                <ul>
1302                  <li><a ng-click="openModal($index, event.url_title, 'dates')" href="javascript:void(0);"><i class="ion-android-calendar"></i> View All Dates</a></li>
1303                  <li><a href="https://www.google.com/calendar/event?action=TEMPLATE&dates={{event.raw_next_date | moment:'YYYYMMDD'}}T{{event.raw_next_date | moment24:'HHmmss'}}Z%2F{{event.raw_next_date | moment:'YYYYMMDD'}}T{{event.raw_next_date | moment24:'HHmmss'}}Z&text={{event.name | encodeURL}}&details={{event.description | encodeURL}}&location={{event.venue_name | encodeURL}}"
1304                  target="_blank" rel="nofollow"><i class="ion-android-add-circle"></i> Sync Calendar</a></li>
1305                  <li ng-if="false"><a ng-click="openModal($index, event.url_title, 'location')" href="javascript:void(0);"><i class="ion-map"></i> View Map</a></li>
1306                  <li ng-if="event.ticket_link && event.ticket_link != '' && event.ticket_link != 'http://'"><a href="{{event.ticket_link}}" target="_blank">Get Tickets</a></li>
1307                  <li ng-if="false"><a href="#">View Offer</a></li>
1308                  <li ng-if="favsActive"><a ng-click="toggleFavorite(event.object_id, $index, event.fav, 'event')" data-type="event" data-id="{{event.object_id}}" href=""><i class="{{event.fav == true ? 'ion-ios-star' : 'ion-ios-star-outline'}}"></i> <span>{{event.fav == true ? 'Remove From' : 'Save to'}}</span> Favorites</a></li>
1309                  <li><a target="_blank" href="http://everwondr.com/events/edit/{{event.object_id}}"><i class="ion-compose"></i> Edit Page</a></li>
1310                  <li><a target="_blank" href="http://everwondr.com/events/promote/{{event.object_id}}"><i class="ion-speakerphone"></i> Promote this Item</a></li>
1311                </ul>
1312              </div>
1313            </div>
1314          </div>
1315        </div>
1316      </li>
1317    </ul>
1318  </div>
1319</div>
1320      <!-- month view test -->
1321      <!-- month view test -->
1322
1323
1324    </ul>
1325    
1326
1327  <div class="spinner" ng-if="pageLoad || loadingNewPage || data.pagination == 0">
1328  <span>Loading</span>
1329    <div class="bounce1"></div>
1330    <div class="bounce2"></div>
1331    <div class="bounce3"></div>
1332  </div>
1333
1334  <br><br><br><br>
1335
1336  <div class="pagination-controls" ng-if="!pageLoad && data.pagination == 1"><!-- remove false to fix -->
1337    <a class="prev-button" ng-if="data.page > 1" ng-click="prevPage()">PREV</a>
1338    <a class="next-button" ng-if="!end" ng-click="nextPage()">NEXT</a>
1339
1340    <span class="page-count"><span>Page</span> <input type="number" ng-change="watchPage()" ng-model="interface.tempPage" step="false" ng-enter="setPage()"> <span>of <strong>{{ numPages }}</strong></span></span>
1341    
1342
1343    <!--<div class="select-page">
1344      <span>Page:</span>
1345      <select ng-if="events.length > 0">
1346        <option value="" ng-repeat="i in range(numPages) track by $index">Page {{ i }}</option>
1347      </select>
1348    </div>-->
1349
1350  </div>
1351
1352  <style>
1353    .pagination-controls {
1354      display: flex;
1355      width: 100%;
1356      margin-top: 25px;
1357      padding: 0 10px;
1358      align-items: center;
1359    }
1360    .page-count {
1361      font-size: 11px;
1362      margin-left: auto;
1363      display: flex;
1364      align-items: center;
1365    }
1366    .page-count input {
1367        margin: 0 8px!important;
1368        height: 26px!important;
1369        width: 60px!important;
1370    }
1371    .select-page {
1372      margin-left: auto;
1373      width: 150px;
1374      display: flex;
1375      align-items: center;
1376      justify-content: flex-end;
1377    }
1378    .select-page span {
1379      font-size: 12px;
1380      margin-right: 10px;
1381    }
1382    .select-page select {
1383      font-size: 12px;
1384      height: 33px;
1385      border-radius: 4px;
1386      padding: 0 10px;
1387      width: 80px;
1388    }
1389    .next-button, .prev-button {
1390      border-radius: 3px!important;
1391      padding: 0 15px!important;
1392      line-height: 36px!important;
1393      color: #333!important;
1394      background-color: #f5f5f5!important;
1395      border: 1px solid #ddd!important;
1396      margin-right: 10px!important;
1397      font-size: 13px!important;
1398      display: inline-block;
1399    }
1400    .next-button:hover, .prev-button:hover {
1401      opacity: .8;
1402      color: #eb7d57!important;
1403    }
1404    .loading-results {
1405      
1406      position: relative;
1407    }
1408    .loading-results .repeat-item {
1409      opacity: .3;
1410    } 
1411    .loading-results .spinner {
1412      position: fixed!important;
1413      top: 50%!important;
1414      left: 50%!important;
1415      transform: translateX(-50%) translateY(-50%)!important;
1416      background: #f5f5f5!important;
1417      border-radius: 4px!important;
1418      width: 200px!important;
1419      display: flex!important;
1420      flex-wrap: wrap!important;
1421      justify-content: center!important;
1422      align-items: center!important;
1423      padding: 20px!important;
1424      z-index: 100;
1425    }
1426    .loading-results .spinner span {
1427      margin: 0 0 10px 0!important;
1428      width: 100%;
1429    }
1430  </style>
1431
1432  <br><br><br><br>
1433
1434<!-- video modal -->
1435<div class="remodal video-remodal" data-remodal-id="videoModal" data-remodal-options="hashTracking: false">
1436  
1437      <div class="video-modal">
1438
1439      <button data-remodal-action="close" class="remodal-close"></button>
1440
1441      <anguvideo ng-if="videoModalURL" ng-model="videoModalURL" width="800" height="450"></anguvideo>
1442
1443    </div>
1444</div>
1445<!-- video modal -->
1446
1447<!-- offer modal -->
1448<div class="remodal offer-remodal" data-remodal-id="offerModal" data-remodal-options="hashTracking: false">
1449  
1450      <div class="offer-modal-content">
1451
1452        <button data-remodal-action="close" class="remodal-close"></button>
1453
1454        <div class="offer-header" style="overflow: hidden;">
1455          <h4><span>{{offer.venue}}</span> | {{offer.city}}, {{offer.state}}</h4>
1456          <h3>{{offer.discount}}</h3>
1457          
1458          <a class="open-coupon" target="_blank" ng-href="http://everwondr.com/coupon/{{offer.id}}">
1459            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAsCAIAAACogXwNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzpJREFUeNrsmMtLMlEYxvPSxS5esoTuUZsEQQWVcFNWFF1o0ar/rj+gjYvAjZT7oEIXEoRSoGhhEV0pq+/3dfgG8cNpZpoRF74LmTmcOfPMc973eZ+j6evrq6P
14591wtzRktGGpSasv3n46urq5ubGbDabTCZp8OPjo7Ozc25urqurS/PKJm0p//j4eHh4mMvl7u/vLRaLBIvVPj8/uZ2amorFYhMTE02Ftb+/f3p6Ojw8DDG146wGJpA9Pz/39/dvbW1NT083L7cKhcLAwACY/v8qRtjW3t5ekJVKpaamvMPh4N1/2a7JKnErRvi1Wq3NrsTafGohgTC6N2iEJW1WW+XbsNqwWh+WkFxDHIRovXVapVAdcBM8XouSEaRYh1b98vKSTCZZnRUlQOVy+e3tTYYMYSWcTidtSvRvHmd+MBhU0rx/Zstms9nt9oODg5GREVYXn0GTlt8gZjLh7u6uUqkIlHwGnmJpaUm33FpYWIhEIjBE9+3u7gaTwk1kPmaQ+TDX09Ozvr4OeTr7LQg7OTkZHBwU2fYjMrF3XLy+vuKCwDQ5Oal/JeLpyAycVp31kw/2DnwbGxvKMan28nzx+/t7Op12u91SnjXKLVEusLu8vKzWPavTFXJlZ2cnGo1yuKCy5Pfx4eEBLVhbW9Pgm7XI3erqajgc5swjCJM4q70mn+Bpc3NzfHy8eUcM4ujoCD0bHR2tU1qun56eUCx49Xg8zW4+nLeogMvLy7rdJJ8QhcXFRc2YGrJ1e3vLGdDlcs3Ozso/n0gkjo+PqQChGtQd2kvdCRYbRbFYvL6+5oLyZK+VVmI+n9/b2/P7/T/CErUJMnRSIFtZWZHHRJydnaVSKRjZ3d1VAQtlIjn6+vqUEL69vT00NHR+fg6yUCikRJ9QfEgVL9L/Pwgpot9huN8y/QtD3ZjMK8yN2pnU0Qyyh3WapwgWNc8DSKLwWLpHtVoFWfU7VOQW1UHPxyrF43HSWTKovw/BEGrHLw1gZmZGBSyqCTGkuGArm80aYfBZORAIUO/qmg9UIZUXFxeW79DrTwfWAdDY2JjP55ufn9fYEzOZDGqpLyzyyev1YqANadXt42sblnz8EWAAYemefHN9hx4AAAAASUVORK5CYII=">
1460            DOWNLOAD COUPON
1461          </a>
1462
1463          <p class="offer-body">
1464            {{offer.description}}
1465          </p>
1466        </div>
1467
1468        <nav class="modal-tabs" ng-init="offerModalTab = 'images'">
1469          <ul>
1470            <li><a class="{{offerModalTab == 'images' ? 'active' : ''}} images" ng-click="offerModalTab = 'images'; refreshSlider()">IMAGES</a></li>
1471            <li><a class="{{offerModalTab == 'fine-print' ? 'active' : ''}} plan-visit" ng-click="offerModalTab = 'fine-print';">FINE PRINT</a></li>
1472          </ul>
1473        </nav>
1474
1475        <section id="images" class="image-slider-offer" style="position:relative; {{offerModalTab == 'images' ? 'height:467px;' : 'max-height:0;overflow:hidden;' }}">
1476
1477            <div id="Glide" class="glide glide-offer">
1478
1479                <div ng-if="offer.upload.length > 1" class="glide__arrows">
1480                  <span class="glide__arrow prev" data-glide-dir="<"><i class="ion-chevron-left"></i></span>
1481                  <span class="glide__arrow next" data-glide-dir=">"><i class="ion-chevron-right"></i></span>
1482                </div>
1483      
1484                <div class="glide__wrapper" ng-if="offer.upload">
1485                    <ul class="glide__track">
1486
1487                        <li class="glide__slide" ng-if="u.source != '' && u.source.length > 0" ng-repeat="u in offer.upload">
1488                          <img src="//api.everwondr.com{{u.source}}" alt="slide {{$index}}" />
1489                        </li>
1490
1491
1492                    </ul>
1493                </div>
1494                
1495              </div>
1496
1497
1498        </section>
1499
1500        <section id="fine-print" style="{{offerModalTab == 'fine-print' ? 'height:467px;' : 'max-height:0;overflow:hidden; padding:0;' }}" class="fine-print">
1501          <p>
1502            {{offer.fine_print}}
1503          </p>
1504        </section>
1505
1506    </div>
1507</div>
1508<!-- offer modal -->
1509
1510
1511<!-- signup modal -->
1512<div class="remodal signup-remodal" data-remodal-id="signupModal" data-remodal-options="hashTracking: false">
1513  
1514      <div class="signup-modal-content">
1515
1516        <button data-remodal-action="close" class="remodal-close"></button>
1517
1518        <div class="signup-header" style="overflow: hidden;">
1519          <h3>{{signup.title}}</h3>
1520          <h4>{{signup.city}}, {{signup.state}}</h4>
1521
1522          <p class="signup-body">
1523            {{signup.description}}
1524          </p>
1525        </div>
1526
1527        <nav class="modal-tabs" ng-init="signupModalTab = 'images'">
1528          <ul>
1529            <li><a class="{{signupModalTab == 'images' ? 'active' : ''}} images" ng-click="signupModalTab = 'images'; refreshSlider()">IMAGES</a></li>
1530            <li><a class="{{signupModalTab == 'signup-form' ? 'active' : ''}} plan-visit" ng-click="signupModalTab = 'signup-form';">SIGN UP</a></li>
1531          </ul>
1532        </nav>
1533
1534        <section id="images" class="image-slider-signup" style="position:relative; {{signupModalTab == 'images' ? 'height:467px;' : 'max-height:0;overflow:hidden;' }}">
1535
1536            <div id="Glide" class="glide glide-signup">
1537
1538                <div ng-if="signup.upload.length > 1" class="glide__arrows">
1539                  <span class="glide__arrow prev" data-glide-dir="<"><i class="ion-chevron-left"></i></span>
1540                  <span class="glide__arrow next" data-glide-dir=">"><i class="ion-chevron-right"></i></span>
1541                </div>
1542      
1543                <div class="glide__wrapper" ng-if="signup.upload">
1544                    <ul class="glide__track">
1545
1546                        <li class="glide__slide" ng-if="u.source != '' && u.source.length > 0" ng-repeat="u in signup.upload">
1547                          <img src="//api.everwondr.com{{u.source}}" alt="slide {{$index}}" />
1548                        </li>
1549
1550
1551                    </ul>
1552                </div>
1553                
1554              </div>
1555
1556
1557        </section>
1558
1559        <section id="signup-form" style="{{signupModalTab == 'signup-form' ? 'height:467px;' : 'max-height:0;overflow:hidden; padding:0;' }}" class="signup-form-wrapper">
1560            
1561             <div class="signup-complete">
1562                Your signup is complete. Thank you!
1563              </div>
1564
1565            <div class="signup-grid">
1566            <div class="signup-left">
1567              <img src="//api.everwondr.com{{signup.upload[0].source}}" style="width: 100%; height:auto;">
1568              <span>{{signup.beside_form}}</span>
1569            </div>
1570            <div class="signup-right">
1571              <h3>{{signup.form_title}}</h3>
1572              <h4>{{signup.over_form}}</h4>
1573
1574
1575             <form class="signup-form">
1576                <div class="form-half">
1577                  <input type="text" name="signup[first]" ng-model="entry.first_name" value="" placeholder="First Name">
1578                </div>
1579                <div class="form-half">
1580                  <input type="text" name="signup[last]" ng-model="entry.last_name" value="" placeholder="Last Name">
1581                </div>
1582                <div class="form-half">
1583                  <input type="text" name="signup[email]" value="" ng-model="entry.email" placeholder="Email">
1584                </div>
1585                <div class="form-half">
1586                  <input type="text" name="confirm[email]" class="confirm-signup-email" value="" placeholder="Confirm Email">
1587                </div>
1588                <div class="form-full">
1589                  <input type="text" name="signup[phone]" value="" ng-model="entry.phone" placeholder="Phone #">
1590                </div>
1591                <div class="form-half">
1592                  <input type="text" name="signup[city]" value="" ng-model="entry.city" placeholder="City">
1593                </div>
1594                <div class="form-quarter">
1595                  <input type="text" name="signup[state]" value="" ng-model="entry.state" placeholder="State">
1596                </div>
1597                <div class="form-quarter">
1598                  <input type="text" name="signup[zip]" value="" ng-model="entry.zip" placeholder="zip">
1599                </div>
1600                <div class="signup-controls">
1601                  <button class="clear-button">CLEAR</button>
1602                  <button class="submit-button" ng-click="submitSignup(entry)">SUBMIT</button>
1603                </div>
1604              </form>
1605
1606            </div>
1607          </div>
1608        </section>
1609
1610    </div>
1611</div>
1612<!-- signup modal -->
1613
1614<!-- VENUE MODAL -->
1615<!-- VENUE MODAL -->
1616<!-- VENUE MODAL -->
1617<!-- VENUE MODAL -->
1618<!-- VENUE MODAL -->
1619<div class="remodal venue-remodal" data-remodal-id="venueModal" data-remodal-options="hashTracking: false">
1620  
1621      <div class="venue-modal">
1622
1623      <button data-remodal-action="close" class="remodal-close"></button>
1624
1625        <div class="ew-ico-wrapper">
1626          <a class="ew-ico-icon"></a>
1627          <div class="ew-ico-menu">
1628            <ul>
1629            <li><a href="javascript:void(0);" ng-click="modalTab = 'plan'"><i class="ion-map"></i> VIEW MAP</a></li>
1630              <li ng-if="favesActive"><a data-action="toggle-favorite" data-type="venue" data-id="{{selectedVenue.id}}" href=""><i class="ion-ios-star-outline"></i> SAVE TO FAVORITES</a></li>
1631              <li ng-if="false"><a href="javascript:void(0);">UPGRADE LISTING</a></li>
1632              <li><a target="_blank" href="http://everwondr.com/directory/edit/{{selectedVenue.id}}"><i class="ion-compose"></i> EDIT PAGE</a></li>
1633            </ul>
1634          </div>
1635        </div>
1636
1637
1638        <header>
1639
1640         <div class="venue-downloads">
1641          <ul>
1642            <li ng-if="selectedVenue.brochure"><a target="_blank" href="http://everwondr.com{{selectedVenue.brochure[0].brochure_upl.source}}"><i class="ion-ios-book"></i> <span>Download<br> Brochure</span></a></li>
1643            <li ng-if="false"><i class="fi-ticket"></i> <span>View<br> Offer</span></li>
1644          </ul>
1645        </div>
1646
1647        <div class="venue-modal-title">
1648          <h3><span ng-bind-html="selectedVenue.name | unsafe"></span></h3>
1649          <span class="venue-location"><i class="ion-android-locate"></i> {{selectedVenue.city}} | {{selectedVenue.state}}</span>
1650        </div>
1651
1652
1653        <div ng-show="selectedVenue.description" class="venue-description">
1654        <hm-read hmtext="{{ selectedVenue.description }}" hmlimit="300" hm-more-text="read more" hm-less-text="read less"></hm-read>
1655        </div>
1656       
1657        </header>
1658        <nav class="modal-tabs">
1659          <ul>
1660            <li><a ng-show="selectedVenue.photos.length > 0 || selectedVenue.videos.length > 0" class="{{modalTab == 'images' ? 'active' : ''}} images" ng-click="modalTab = 'images'; refreshSlider()">IMAGES</a></li>
1661            <li><a class="{{modalTab == 'plan' ? 'active' : ''}} plan-visit" ng-click="modalTab = 'plan'; reload_map_venue()">PLAN YOUR VISIT</a></li>
1662          </ul>
1663        </nav>
1664        <section id="images" class="image-slider" style="{{modalTab == 'images' ? 'height:auto;' : 'max-height:0;overflow:hidden;' }}">
1665
1666            <div id="Glide" class="glide glide-venue">
1667
1668                <div ng-if="selectedVenue.photos.length > 1 || selectedVenue.videos > 1" class="glide__arrows">
1669                  <span class="glide__arrow prev" data-glide-dir="<"><i class="ion-chevron-left"></i></span>
1670                  <span class="glide__arrow next" data-glide-dir=">"><i class="ion-chevron-right"></i></span>
1671                </div>
1672      
1673                <div class="glide__wrapper">
1674                    <ul class="glide__track">
1675
1676                        <li class="glide__slide" ng-if="selectedVenue.photos" ng-repeat="upload in selectedVenue.photos">
1677                        <img src="//api.everwondr.com{{upload}}" alt="slide {{$index}}" />
1678                        </li>
1679                        <li class="glide__slide" ng-if="selectedVenue && selectedVenue.videos" ng-repeat="vid in selectedVenue.videos">
1680                        <iframe width="100%" height="100%" src="{{vid.video_upl.source | youtubeEmbed}}" frameborder="0" allowfullscreen></iframe>
1681                        </li>
1682
1683                    </ul>
1684                </div>
1685                
1686              </div>
1687
1688
1689        </section>
1690        <section id="plan-visit" style="overflow:hidden;" ng-if="modalTab == 'plan'" ng-init="reload_map_venue();" ng-click="reload_map_venue();">
1691          <div class="plan-right">
1692            <ui-gmap-google-map center='venueMap.center' zoom='venueMap.zoom' refresh="refreshMap" control="mapControl">
1693          
1694          <ui-gmap-marker coords="venueMarker.coords" options="venueMarker.options" events="venueMarker.events" idkey="venueMarker.id">
1695        </ui-gmap-marker>
1696
1697        </ui-gmap-google-map>
1698          </div>
1699
1700          <div class="plan-left">
1701            <div class="plan-address">
1702              <ul>
1703                <li><i class="fi-marker"></i> {{selectedVenue.address_1}}</li>
1704                <li><i class="fi-mail"></i> {{selectedVenue.email}}</li>
1705                <li><i class="fi-telephone"></i> {{selectedVenue.phone | tel}}</li>
1706              </ul>
1707            </div>
1708          </div>
1709        </section>
1710
1711
1712
1713      </div>
1714
1715</div> 
1716<!-- VENUE MODAL -->
1717<!-- VENUE MODAL -->
1718<!-- VENUE MODAL -->
1719<!-- VENUE MODAL -->
1720<!-- VENUE MODAL -->
1721
1722<!-- blog modal!! -->
1723<div class="remodal ew-blog-remodal" id="ew-blog-modal" data-remodal-id="blogModal" data-remodal-options="hashTracking: false">
1724
1725    <div class="social-icons">
1726      <ul>
1727        <li><a class="facebook-color" href=""><i class="ion-social-facebook"></i></a></li>
1728        <li><a class="twitter-color" href="http://twitter.com/share?url={{modal.share_domain}}"><i class="ion-social-twitter"></i></a></li>
1729        <li><a class="google-color" href="http://facebook.com/sharer/sharer.php?u={{modal.share_domain}}"><i class="ion-social-googleplus"></i></a></li>
1730        <li ng-if="false"><a class="pinterest-color" href="http://pinterest.com/pin/create/link/?url={{modal.share_domain}}"><i class="ion-social-pinterest"></i></a></li>
1731        <li><a class="other-color" href="mailto:?subject=Check out this event&body={{modal.share_domain}}"><i class="ion-email"></i></a></li>
1732      </ul>
1733    </div>
1734
1735    <div class="ew-ico-wrapper">
1736      <a class="ew-ico-icon"></a>
1737      <div class="ew-ico-menu">
1738        <ul>
1739          <li><a target="_blank" href="http://everwondr.com/community/edit/{{modal.id}}">EDIT PAGE</a></li>
1740          <li><a target="_blank" href="http://everwondr.com/blog/promote/{{modal.id}}">Promote this Item</a></li>
1741        </ul>
1742      </div>
1743    </div>
1744      
1745    <div class="ew-blog-modal">
1746      <button data-remodal-action="close" class="remodal-close"></button>
1747        
1748        <header class="ew-blog-header">
1749          <div class="ew-blog-badge" ng-if="!data.api_key == '99debd5ad94bd4e0a8d67331ac58c060'">
1750            <span class="day">{{modal.post_start_date | moment:'DD'}}</span><span class="month">{{modal.post_start_date | moment:'MMM'}}</span>
1751          </div>
1752           <div class="ew-blog-header-image">
1753               <div id="ew-slider" class="flexslider ew-blog-slider" ng-if="blogOpened == true">
1754                <ul class="slides">
1755                  <li ng-repeat="upload in modal.uploads">
1756                    <img src="https://everwondr.com{{upload.source}}" />
1757                  </li>
1758                  <!-- items mirrored twice, total of 12 -->
1759                </ul>
1760              </div>
1761              <div id="ew-carousel" class="flexslider ew-blog-slider-thumbs" ng-if="blogOpened == true">
1762                <ul class="slides">
1763                  <li ng-repeat="upload in modal.uploads">
1764                    <img src="https://everwondr.com{{upload.source}}" />
1765                  </li>
1766                  <!-- items mirrored twice, total of 12 -->
1767                </ul>
1768              </div>
1769          </div>
1770        </header>
1771        <section class="ew-blog-article">
1772          <article class="ew-blog-article-content">
1773            <h2>{{modal.title}}</h2>
1774            <h4>Posted by | {{modal.full_name}}</h4>
1775            <div ng-bind-html="modal.content | unsafe"></div>
1776          </article>
1777
1778          <div class="ew-blog-article-contact">
1779            <h3>Contact Information</h3>
1780            <div class="ew-contact-info">
1781
1782              <div class="ew-map">
1783                <a href="https://maps.google.com?q={{modal.address_1 +' '+ modal.city +' '+ modal.state +' '+ modal.zip | mapURL}}" target="_blank">
1784                  <img src="https://maps.googleapis.com/maps/api/staticmap?center={{modal.address_1 +' '+ modal.city +' '+ modal.state +' '+ modal.zip | mapURL}}&zoom=12&size=178x120&maptype=roadmap" />
1785                </a>
1786                </div>
1787                <div class="contact-items">
1788                  <div class="author-name">{{modal.full_name}}</div>
1789                  <span><a href="mailto:{{modal.email}}"><i class="ion-ios-email"></i> {{modal.email}}</a></span>
1790                  <span><a href="tel:{{modal.phone}}"><i class="ion-ios-telephone"></i> {{modal.phone}}</a></span>
1791                  <span><a target="_blank" href="{{modal.website | addLinkPrefix}}" target="_blank"><i class="ion-link"></i> Visit Website</a></span>
1792                </div>
1793              </div>
1794
1795          </div>
1796
1797        </section>
1798         <aside class="extra-info" ng-if="false">
1799          <ul class="extra-info-tabs" ng-init="extraTab = 'recent'">
1800            <li><a ng-click="extraTab = 'recent'" class="{{extraTab == 'recent' ? 'active' : ''}}" href="javascript:void(0);">Recent Posts</a></li>
1801            <li ng-show="modal.related_items.length > 0"><a ng-click="extraTab = 'related'" class="{{extraTab == 'related' ? 'active' : ''}}" href="javascript:void(0);">Related Items</a></li>
1802          </ul>
1803          <ul class="extra-info-content">
1804            <li id="recent" class="{{extraTab == 'recent' ? 'opened' : ''}}">
1805              <div class="grid-wrapper">
1806                <div class="ew-related-teaser-item" ng-repeat="item in items | limitTo:4">
1807                  <a class="ew-related-teaser-header-image" href="javascript:void(0);" ng-click="openNewModal(item.url_title)" ng-style="{'background-image':'url(http://everwondr.com'+item.upload.source+')'}"></a>
1808                  <a href="javascript:void(0);" ng-click="openNewModal(item.url_title)"><h4>{{item.title}}</h4></a>
1809                  <h5>{{item.posted | moment:'MMM, DD YYYY'}}</h5>
1810                </div>
1811              </div>
1812            </li>
1813            <li ng-show="modal.related_items.length > 0" id="related" class="{{extraTab == 'related' ? 'opened' : ''}}">
1814              <div class="grid-wrapper">
1815
1816                <div class="ew-related-teaser-item" ng-repeat="rel_item in modal.related_items">
1817                  <a ng-if="rel_item.type != 'custom' && rel_item.type != 'venue'" class="ew-related-teaser-header-image" href="javascript:void(0);" ng-click="openExtraModal(rel_item.type, $index)" style="background-image:url(http://everwondr.com{{rel_item.type == 'custom' ? rel_item.image_path : rel_item.upload.source}}"></a>
1818                  <a ng-if="rel_item.type == 'venue'" class="ew-related-teaser-header-image" href="javascript:void(0);" ng-click="openExtraModal(rel_item.type, $index)" style="background-image:url(https://maps.googleapis.com/ma
1818ps/api/staticmap?center={{rel_item.address_1 +' '+ rel_item.city +' '+ rel_item.state +' '+ rel_item.zip | mapURL}}&zoom=12&size=178x120&maptype=roadmap}});"></a>
1819                  <a ng-if="rel_item.type == 'custom'" class="ew-related-teaser-header-image" href="{{rel_item.ref_url}}" target="_blank" style="background-image:url(http://everwondr.com{{rel_item.type == 'custom' ? rel_item.image_path : rel_item.upload.source}})"></a>
1820                  <a ng-if="rel_item.type != 'custom'" href="javascript:void(0);" ng-click="openExtraModal(rel_item.type, $index)"><h4>{{rel_item.type == 'custom' ? rel_item.title : rel_item.name}}</h4></a>
1821                  <a ng-if="rel_item.type == 'custom'" href="{{rel_item.ref_url}}" target="_blank"><h4>{{rel_item.type == 'custom' ? rel_item.title : rel_item.name}}</h4></a>
1822                  <h5>{{rel_item.posted | moment:'MMM, DD YYYY'}}</h5>
1823                </div>
1824
1825
1826
1827              </div>
1828
1829            </li>
1830          </ul>
1831        </aside>
1832    </div>
1833  </div>
1834<!-- blog modal!! -->
1835
1836<div  ng-if="favesActive" class="ew-favorites-bar-spanner">
1837
1838   <div class="ew-favorites-container">
1839   <span class="close-favs"><i class="ion-close"></i></span>
1840     <div class="ew-favorites-container-header">
1841
1842      <div class="ew-favorites-nav">
1843        <div class="ew-button-nav">
1844          <a class="email-favorites" ng-click="toggleEmail();"><i class="ion-android-mail"></i> EMAIL</a>
1845        </div>
1846        <div class="ew-button-nav">
1847          <a class="print-friendly" target="_blank" href="http://everwondr.com/print_friendly_favs"><i class="ion-android-print"></i> PRINT</a>
1848        </div>
1849        <div class="ew-button-nav">
1850          <a class="clear-favs" target="_blank" ng-click="clearFavorites();"><i class="ion-trash-a"></i> CLEAR</a>
1851        </div>
1852      </div>
1853      <div class="ew-favorites-send-form">
1854        <div class="ew-email-field">
1855          <input type="text" placeholder="Enter your email..." ng-model="share.email">
1856        </div>
1857        <div class="ew-button-field">
1858          <a ng-click="emailFavorites();" target="_blank" href="javascript:void(0);"><i class="ion-android-mail"></i> SEND</a>
1859        </div>
1860      </div>
1861
1862     </div>
1863
1864     <div class="ew-favorites-container-body">
1865
1866        <p ng-if="favCount < 1">You currently have no saved favorites. Look for the starred icons in the listings to save favorites to this bar.</P>
1867
1868        <h3 ng-if="favorites.items.length > 0">EVENTS ({{favorites.items.length}})</h3>
1869        <div class="ew-favorites-items">
1870          
1871          <div class="ew-favorites-item" ng-repeat="fav in favorites.items">
1872            <div ng-click="toggleFavorite(fav.object_id, $index, true, 'event')" class="remove-fav-item"><i class="ion-android-cancel"></i></div>
1873            
1874            <div ng-if="fav.source && fav.source != ''" class="ew-favorite-image" style="background-image:url(http://everwondr.com{{fav.source}});"></div>
1875            <div ng-if="!fav.source || fav.source == ''" class="ew-favorite-image" style="background-image:url(http://everwondr.com/assets/img/layout/placeholders/placeholder_t.png);"></div>
1876            <h4>{{fav.fav_title}}</h4>
1877          </div>
1878        </div>
1879
1880<br>
1881        <h3 ng-if="favoritesVenues.items.length > 0">DIRECTORIES ({{favoritesVenues.items.length}})</h3>
1882        <div class="ew-favorites-items">
1883          
1884          <div class="ew-favorites-item" ng-repeat="fav in favoritesVenues.items">
1885            <div ng-click="toggleFavorite(fav.object_id, $index, true, 'venue')" class="remove-fav-item"><i class="ion-android-cancel"></i></div>
1886            
1887            <div ng-if="fav.source && fav.source != ''" class="ew-favorite-image" style="background-image:url(http://everwondr.com{{fav.source}});"></div>
1888            <div ng-if="!fav.source || fav.source == ''" class="ew-favorite-image" style="background-image:url(http://everwondr.com/assets/img/layout/placeholders/placeholder_t.png);"></div>
1889            <h4>{{fav.fav_title}}</h4>
1890          </div>
1891        </div>
1892
1893
1894     </div>
1895   </div>
1896  
1897  <div class="ew-favorites-bar">
1898    <div class="ew-favorites-logo"><img src="//api.everwondr.com/assets/img/logo-fav.png" alt="Everwondr Logo"></div>
1899
1900    <div class="ew-favorites-menu">
1901      <ul>
1902        <li><a href="javascript:void(0);" class="open-favs"><i class="ion-android-star"></i> FAVORITES <span class="fav-count">{{favCount ? favCount : 0}}</span></a></li>
1903      </ul>
1904
1905
1906    </div>
1907  </div>
1908
1909</div>
1910
1911
1912    </div>
1913
1914
1915
1916  </div>
1917
1918
1919
1920
1921</section> <!-- /bottom-content -->			</div> <!-- .tpl-content -->
1922		</div> <!-- .tpl-container -->
1923		<!-- <div class="ew-email-popup-wrapper">
1924	<form class="ew-email-popup">
1925		<div class="title">Emailing &ldquo;<span class="ew-title">Bippity bap blah blah</span>&rdquo;</div>
1926		<ul>
1927			<li><label>To</label><input type="text" /></li>
1928			<li><label>From</label><input type="text" /></li>
1929			
1930			<li class="ew-pu-controls">
1931				<input type="submit" value="Send" />	
1932				<input type="button" value="Cancel" />	
1933			</li>
1934		</ul>
1935	</form>
1936</div> --><!-- /ew-email-popup-wrapper -->
1937<div class="ew-favorites-bar-wrapper">
1938	<div class="ew-favorites-bar">
1939		<div class="ew-favorites-panel">
1940			<div class="ew-fav-header">
1941				<div class="ew-right-controls">
1942					<!-- <a href="#" data-action="send-to-email"><i class="icon-inbox"></i>Send To Email</a> -->
1943					<div class="ew-send-to-email">
1944						<input class="ew-email-address" type="text" placeholder="Enter your email address..." />
1945						<a href="#" data-action="send-to-email"><i class="icon-inbox"></i>Send To Email</a>
1946					</div>
1947					<a class="ew-close-favs" href="#" data-action="close-favorites"><i class="icon-remove"></i></a>
1948				</div>
1949				<h5><i class="icon-star"></i> Favorites <span class="ew-fav-count"></span></h5>
1950			</div> <!-- /ew-fav-header -->
1951			<div class="ew-user-favorites-info-wrapper">
1952				<div class="ew-user-favorites-info" id="ew-user-fav-info">
1953					
1954				</div><!-- /ew-user-favorites-info -->
1955			</div><!-- /ew-user-favorites-info-wrapper -->
1956		</div><!-- /ew-favorites-panel -->
1957
1958		<div class="ew-login-window">
1959			<div class="ew-fav-header">
1960				<h5><i class="icon-cloud"></i> Manage Content</h5>
1961			</div>
1962			<form class="ew-sign-in">
1963				<p>Sign in here to review and edit your content uploads. If you are not a registered user, <a href="#" class="ew-register-now">register now</a>. If you have forgotten your password, <a href="#" class="ew-forgot-password">click here</a> to reset it.</p>
1964				<ul>
1965					<li><label>Email</label><input class="ew-user-email" name="users[email]" type="text" /></li>
1966					<li><label>Password</label><input class="ew-user-password" name="users[password]" type="password" /></li>
1967					<li class="right-align"><input type="submit" value="Login" /></li>
1968				</ul>
1969			</form><!-- /ew-sign-in -->
1970		</div><!-- /ew-login-window -->
1971
1972		<div class="ew-favorites-content">
1973			<a class="ew-logo" href="http://everwondrnetwork.com" target="_blank">
1974				EverWondr Network
1975				<img src="//api.everwondr.com/assets/img/layout/icons/ew-gray.png" alt="Everwondr Logo" />
1976			</a>
1977			<ul class="ew-menu-icons">
1978				<li><a href="#" data-action="reveal-favorites"><i class="icon-star"></i><span class="ew-fav-count"></span></a></li>
1979				<li><a class="ew-fav-signin-link" href="#"><i class="icon-cloud"></i></a></li>
1980			</ul>
1981			<div style='clear:both;'></div>
1982		</div><!-- /ew-favorites-content -->
1983	</div><!-- /ew-favorites-bar -->
1984</div><!-- /ew-favorites-bar-wrapper --><div class="clear"></div>
1985<footer class="tpl-footer">
1986			<div class="boxes">
1987			<div class="box ew-coin">
1988				<a href="http://everwondrnetwork.com">
1989					<img style="padding-top: 16px;max-width: 140px;" 
1990						src="/assets/img/layout/ew-coin.png" alt="Everwondr" />
1991				</a>
1992				<!-- <div class="footer-choose-locale"><a href="javascript:void(0);" data-rel-action="choose-location">Choose New Location</a></div> -->
1993			</div><!-- /box --><div class="box">
1994				<a href="http://www.visittuscaloosa.com">
1995					<img src="/uploads/partner_logos/1417715319_tus-2_o.jpg" alt="" />
1996				</a>
1997			</div><!-- /box -->		</div> <!-- /boxes -->
1998		<div class="center-footer-links plus-pad">
1999			<ul>
2000				<li><a target="_blank" href="http://everwondrnetwork.com">Advertise With Us</a></li>
2001				<!--<li><a href="javascript:void(0);" data-rel-action="choose-location">View all Everwondr Sites</a></li>-->
2002				<li><a href="/helpdesk" >Help Desk</a></li>
2003				<li><a href="/p/privacy">Privacy</a></li>
2004				<li><a href="/p/terms">Terms</a></li>
2005				<li><a href="mailto:[email protected]">Contact Us</a></li>
2006				<li>&copy; 2026 Pursuit of Happiness, LLC</li>
2007			</ul>
2008			<ul>
2009				<li>Online events calendar and digital plug-ins powered by the <a href="http://everwondrnetwork.com">EverWondr Network</a></li>
2010			</ul>
2011		</div> <!-- /footer-links -->
2012	</footer>
2013<div class="notification-bar">
2014	<div class="content">
2015		<span class="message">Updating Profile Information</span>
2016		<span class="spinner"></span>
2017	</div>
2018</div>
2019<span class="ll-js"></span>
2020
2021<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2vhEoObzN0NvVyioxfFoASvRITWeJj2w&amp;sensor=false&amp;libraries=places" type="text/javascript"></script>
vendor: 1 bytes, line 2021
2021
2022<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 2022
2022
2023<script src="/assets/js/app.js?t=2014082920" type="text/javascript"></script>
vendor: 1 bytes, line 2023
2023
2024<script src="/assets/js/jquery.dotdotdot-1.4.2-packed.js?t=2014082920" type="text/javascript"></script>
vendor: 1 bytes, line 2024
2024
2025<script src="/assets/js/jquery.anythingslider.min.js?t=2014082920" type="text/javascript"></script>
vendor: 1 bytes, line 2025
2025
2026<script src="//vjs.zencdn.net/4.6/video.js" type="text/javascript"></script>
vendor: 1 bytes, line 2026
2026
2027<script src="/assets/js/components/video-player.js?t=2014082920" type="text/javascript"></script>
vendor: 1 bytes, line 2027
2027
2028<script src="https://everwondr.com/new/events/js/min/api-template-min.js" type="text/javascript"></script>
2028
2029	</body>
2030</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.