<!-- We'd probably use Vue or something in 2020+ to keep the example tidy --- but this is handlebars // the details shouldn't matter as much as the concept -->
<!-- maybe I'll switch it up... -->
<!-- there's also some good grid stuff we might use too / but this was 2016 or something -->


<section class='list-view'>

	<main class='events'>
		<ul class='event-list' id='event-placeholder'>
			<!-- handlebars template -->
			<!-- this it just how the PHP would work / see below -->
		</ul>
	</main>

	<footer>
		<button>load more?</button>
	</footer>

</section>



<script id='event-template' type='text/template'>
{{#each events}}

	<li class='event {{status.type}}'>

		<section class='promotional-media'>
			<a href='{{link}}' class='poster-link'>
				<figure class='poster'>
					<img src='' alt=''
						data-small='{{poster.small}}'
						data-medium='{{poster.medium}}'
						data-large='{{poster.large}}'
					/>
				</figure>
			</a>
		</section>


		<section class='details'>
			
			{{#if emergencyNotice}}
			<div class='emergency-notice'>
				<h2>
					<span>{{emergencyNotice}}</span>
				</h2>
			</div>
			{{/if}}
			
			{{#if topline}}
			<div class='topline-info'>
				<h2>
					<span>{{topline}}</span>
				</h2>
			</div>
			{{/if}}
		
			{{#if title}}
			<div class='title'>
				<h1 class='copy'>
					<span>{{title}}</span>
				</h1>
			</div>
			{{/if}}

			<div class='acts'>
				
				{{#if headliners}}
				<ol class='act-list headliner-list'>
				{{#headliners}}
					<li class='act headliner'>
						<a class='link' href='{{link}}' target='{{name}}'>
							<h1 class='name'>
								<span>{{name}}</span>
							</h1>
						</a>
					</li>
				{{/headliners}}
				</ol>
				{{/if}}
				
				{{#if supports}}
				<ol class='act-list support-list'>
				{{#supports}}
					<li class='act support'>
						<a class='link' href='{{link}}' target='{{name}}'>
							<h2 class='name'>
								<span>{{name}}</span>
							</h2>
						</a>
					</li>
				{{/supports}}
				</ol>
				{{/if}}

				<div class='dates'>
					<h2 class='date'>
						<span>{{date}}</span>
					</h2>
				</div>

				<div class='times'>
					<ol class='time-list'>
						<li class='time doors'><span>{{times.doors}}</span></li>
						<li class='time start'><span>{{times.start}}</span></li>
						<li class='time end'><span>{{times.end}}</span></li>
					</ol>
				</div>

				{{#if ageRestriction.message}}
				<div class='age-restriction'>
					<h2 class='message {{ageRestriction.type}}'>
						<span>{{ageRestriction.message}}</span>
					</h2>
				</div>
				{{/if}}
			
			</section>


			<section class='call-to-action'>

				<div class='more-info'>
					<a href='/event-link' class='link'>
						<span>More info</span>
					</a>
				</div>

				<div class='ticketing'>
				
					{{#if status.available}}
						<a href='{{link}}' class='link status {{status.type}}'>
							<span>{{status.message}}</span>
						</a>
					{{else}}
						<h3 class='status {{status.type}}'>
							<span>{{status.message}}</span>
						</h3>
					{{/if}}

					<div class='price-range'>
						<span>{{price}}</span>
					</div>
				</div>
			
			</section>

	</li>

{{/each}}
</script>
// $variables
// ================

// $colors
$black = #111
$white = #efefef

$gray = #999
$gray-light = lighten($gray, 50%)
$gray-lighter = lighten($gray-light, 30%)
$gray-dark = darken($gray, 60%)

$color = lightgreen
$color-light = lighten($color, 30%)
$color-dark = darken($color, 30%)

$highlight = pink
$highlight-light = lighten($highlight, 30%)
$highlight-dark = darken($highlight, 30%)

$alternate = wheat
$alternate-light = lighten($alternate, 30%)
$alternate-dark = darken($alternate, 14%)

// $space
$pad = 10px
$thin = 1px
$thick = 4px
$corner = 6px

// $break-points
$break-point-1 = 'screen and (min-width: 700px)'
$break-point-2 = 'screen and (min-width: 1000px)'

// $font
body-font()
	font-family: 'Roboto Mono', monospace;

heading-font()
	font-family: 'Rubik', sans-serif;

// $font-style
uppercase()
	text-transform: uppercase
italic()
	font-style: italic
	
// $voice
whisper-voice()
	font-size: 8px

quite-voice()
	font-size: 12px

small-voice()
	font-size: 14px
	line-height: 1.3

standard-voice()
	font-size: 16px
	line-height: 1.3
	strong
		font-weight: 700
	em
		font-style: italic

medium-voice()
	headline-font()
	font-size: 16px
	font-weight: 700
	letter-spacing: .05em
	uppercase()

strong-voice()
	headline-font()
	font-size: 20px
	font-weight: 700
	letter-spacing: .05em
	uppercase()

loud-voice()
	font-size: 30px

// $mixins
responsive-image-wrapper()
	//
	img // probably just make this global setup
		display: block
		width: 100%
		height: auto

basic-transition()
	transition: .6s
	&:hover
		transition: 0s
		
// $box-model
html // https://www.paulirish.com/2012/box-sizing-border-box-ftw/
	box-sizing: border-box
	*, *:before, *:after
		box-sizing: inherit

a // $setup
	text-decoration: none
	color: inherit

figure
	margin: 0
	responsive-image-wrapper()

// $cursor-reset // https://gist.github.com/murtaugh/5247154
html,
body
	cursor: default
code
	cursor: text
a,
label,
button, 
input[type='radio'], 
input[type='submit'], 
input[type='checkbox'],
input[type='button']
	cursor: pointer

button[disabled], 
input[disabled]
	cursor: default



// $style
body
	background: rgba(0,0,0,.04)
	padding: $pad
	font-family: 'helvetica'
	body-font()
	standard-voice()
	background: $gray-dark

a
	display: block // is this reasonable can't tell yet?
p //
	a //
		display: inline-block

.events
	max-width: 1300px
	margin: 0 auto // center

.event-list
	// border: 3px solid blue
	// padding: $pad

.event
	display: flex
	flex-direction: column
	color: alpha($white, .8)
	// LOTS of ways 'grid' would be helpful here too! (But it wasn't out yet)
	@media $break-point-1
		flex-direction: row
		flex-wrap: wrap
	&:not(:first-of-type)
		margin-top: $pad*8
	.promotional-media
		// border: 2px solid lime
		@media $break-point-1
			flex-basis: 70%
			order: 1
		@media $break-point-2
			flex-basis: 25%
			order: 1
	.details
		// border: 2px solid red
		@media $break-point-1
			flex-basis: 100%
			order: 3
		@media $break-point-2
			flex-basis: 50%
			order: 2
			padding-left: $pad*2
	.call-to-action
		// border: 2px solid purple
		@media $break-point-1
			width: 30%
			order: 2
			display: flex
			flex-direction: column
			justify-content: center
			align-items: center
			padding: $pad
		@media $break-point-2
			flex-basis: 25%
			order: 3
			justify-content: flex-start
		
	.poster-link
		display: block
		overflow: hidden
		border-bottom: $thick solid $black
		figure
			transition: .2s
		&:hover
			figure
				transform: scale(1.1)
	.emergency-notice
		padding: $pad*.5 $pad
		background: $highlight-dark
		color: $highlight-light
	.topline-info // this has to have a better name...
		padding: $pad*.5
		small-voice()
		italic()
		background: $gray-dark
		color: $gray
		border-bottom: $thick solid $black
	.title
		//
		.copy
			display: inline-block
			padding: $pad
			strong-voice()
			background: $gray-lighter
			color: $gray-dark
	.acts // probably a better name...
		//
	.act-list
		display: flex
		flex-direction: row
		flex-wrap: wrap
	.act
		padding: 0
		.link
			padding: $pad*.5 0
			display: inline-block
			basic-transition()
			&:hover
				color: $color
		&:not(:last-of-type)
			span
				&:after
					display: inline-block
					content: ', '
					margin-right: $pad*.5
	.headliner-list
		display: flex
		flex-direction: row
		flex-wrap: wrap
		padding-top: $pad
	.headliner
		//
		&:not(:first-of-type)
			// margin-top: $pad
		&:nth-of-type(even)
			// opacity: .6
		&:not(:last-of-type)
			margin-right: $pad*.5
			margin-bottom: $pad*.5
			span
				&:after
					content: ''
		.link
			// why are these links? They don't really lead to information about this act... ?
			// should the entire list be one link instead?
			strong-voice()
			padding: $pad*.5 $pad
			background: black
			&:hover
				background: $color
				color: $black
			// background-color: $color
			// color: $color-dark
			
	.support-list
		// background: $highlight-light
	.support
		//
		.link
			// color: $highlight-dark
	.date
		medium-voice()
		margin-top: $pad
		background: $gray
		color: $white
		padding: $pad*.5 $pad
		display: inline-block
	.location
		// this should be obvious based on the venue site... but there may be multiple

	.times
		// background: $gray-lighter
		color: $gray
		padding: $pad*.5 0
	.time-list
		display: flex
		flex-direction: row
		flex-wrap: wrap
		.time
			//
			&:not(:last-of-type)
				margin-right: $pad
			// &:not(:first-of-type)
			// 	margin-left: $pad
		.doors
			span
				&:before
					content: 'Doors at '
		.start
			span
				&:before
					content: 'Starts at '
		.end
			span
				&:before
					content: 'Ends at '
	.age-restriction
		//
		.message
			display: inline-block
			background: $gray-lighter
			color: $gray
			padding: $pad*.5 $pad
		.twentyone-and-up
			background: $highlight-dark
			color: $highlight-light
		.eighteen-and-up
			background: $black
			color: $gray
	.custom
		//

	.more-info
		padding: $pad 0
		.link
			color: $gray
			basic-transition()
			&:hover
				color: $color
	.ticketing
		//
		display: flex
		flex-direction: column
	.link
		align-self: flex-start
	.price-range
		margin-top: $pad
		@media $break-point-1
			text-align: center

.event
	&.sold-out
		// border: 1px solid red
	&.active
		// border: 1px solid green
		
.status
	display: inline-block
	padding: $pad $pad*2
	min-width: 160px
	text-align: center
	align-self: flex-start
	@media $break-point-1
		align-self: center
	strong-voice()
	// if you need to be extra specific?
	// &.available
	// 	background: lightgreen
	// &.sold-out
	// 	background: red
	// &.in-flux
	// 	background: orange
		
.event
	//
	.status
		background: $gray-light
		color: $gray
		min-width: 180px
		// box-shadow: 0 $thick 0 0 $gray
	&.available
		.status
			background: $color
			color: $color-dark
			box-shadow: 0 $thick 0 0 $color-dark
			border-radius: $corner
			basic-transition()
			&:hover
				background: darken($color, 5%)
	&.not-available
		.status
			background: $gray
			color: $gray-dark
			// box-shadow: 0 $thick 0 0 $highlight-dark
	&.in-flux
		.status
			background: $alternate
			color: $alternate-dark
			// box-shadow: 0 $thick 0 0 $alternate-dark
			

footer
	margin: $pad*6 0
View Compiled
/* This is pretty old. I wouldn't use jQuery - and I'd probably use Vue.js - just to be really clean looking vs. handlbars here:  BUT - remember, this is about the markup - and the styles - and scaling and dealing with CMS stuff --- and NOT about the JavaScript stuff 😉 */

console.clear();

$(document).ready( function() {

	var eventPlaceholder = $('#event-placeholder');
	var markup = $('#event-template').html();
	var template = Handlebars.compile( markup );

	var data = {
		title: '???',
		events: [
			{
				title: '',
				link: 'http://ticketfly.com/events/event-id/',
				ticketLink: 'http://ticketfly.com/events/event-id/purchase',
				status: {
					available: true,
					type: 'available',
					message: 'Tickets',
				},
				date: 'Thursday, May 8th',
				times: {
					doors: '7:00pm',
					start: '9:00pm',
					end: '1:00am',
				},
				price: '$15.00',
				venue: 'The Echoplex',
				host: '',
				topline: 'Topline info / host sponsor? vs emergency?',
				emergencyNotice: '',
				ageRestriction: {
					type: 'twentyone-and-up',
					message: 'This event is 21 and over' // ?
				},
				specialNote: '',
				poster: {
					small: 'https://unsplash.it/1600/900?random',
					medium: 'https://unsplash.it/1600/900?random',
					large: 'https://unsplash.it/1600/900?random'
				},
				headliners: [
					{
						name: 'L.A. Takedown',
						link: 'https://latakedown.com'
					},
					{
						name: 'Marjorie fair',
						link: 'http://www.marjoriefair.com/'
					},
					{
						name: 'Stephen Heath',
						link: 'https://stephenheathguitar.com/'
					}
				],
				supports: [
					{
						name: 'SLFHLP',
						link: 'https://slfhlp.com'
					},
					{
						name: 'Monochromatic Colours',
						link: 'https://perpetual.education'
					},
					{
						name: 'Dylan Ryan',
						link: 'https://www.dylanryanmusic.com/discography.html'
					}
				]
			},
			{
				title: '',
				link: 'http://ticketfly.com/events/event-id/',
				ticketLink: 'http://ticketfly.com/events/event-id/purchase',
				status: {
					available: false,
					type: 'not-available',
					message: 'Sold out',
				},
				date: 'Thursday, May 8th',
				times: {
					doors: '7:00pm',
					start: '9:00pm',
					end: '1:00am',
				},
				price: '$12 general 40 - 82 for seats',
				venue: '',
				host: '',
				ageRestriction: {
					type: '',
					message: '' // ?
				},
				specialNote: '',
				poster: {
					small: 'https://unsplash.it/800/450?random',
					medium: 'https://unsplash.it/1600/900?random',
					large: 'https://unsplash.it/1600/900?random'
				},
				headliners: [
					{
						name: 'The main headliner\'s name',
						link: '/headliner-link?'
					},
					{
						name: 'liner\'shead name',
						link: '/headliner-link?'
					},
					{
						name: 'The main mainy',
						link: '/headliner-link?'
					},
				],
				supports: []
			},
			{
				title: 'Amazing event title',
				link: 'http://ticketfly.com/events/event-id/',
				ticketLink: 'http://ticketfly.com/events/event-id/purchase',
				status: {
					available: true,
					type: 'available',
					message: 'Tickets',
				},
				date: 'Thursday, May 8th',
				times: {
					doors: '7:00pm',
					start: '9:00pm',
					end: '1:00am',
				},
				venue: '',
				host: '',
				ageRestriction: {
					type: 'twentyone-and-up',
					message: 'This event is 21 and over' // ?
				},
				specialNote: '',
				poster: {
					small: 'https://unsplash.it/1600/900?random',
					medium: 'https://unsplash.it/1600/900?random',
					large: 'https://unsplash.it/2400/1350?random'
				},
				headliners: [
					{
						name: 'The main headliner\'s name',
						link: '/headliner-link?'
					}
				],
				supports: [
					{
						name: 'The main support\'s name',
						link: '/headliner-link?'
					}
				]
			},
			{
				title: 'Amazing event title',
				link: 'http://ticketfly.com/events/event-id/',
				ticketLink: 'http://ticketfly.com/events/event-id/purchase',
				status: {
					available: false,
					type: 'in-flux',
					message: 'In flux',
				},
				date: 'Thursday, May 8th',
				times: {
					doors: '7:00pm',
					start: '9:00pm',
					end: '1:00am',
				},
				venue: '',
				host: '',
				ageRestriction: {
					type: 'custom',
					message: 'All children must be accompanied by an adult' // ?
				},
				specialNote: '',
				poster: {
					small: 'https://unsplash.it/1600/900?random',
					medium: 'https://unsplash.it/1600/900?random',
					large: 'https://unsplash.it/1600/900?random'
				},
				headliners: [
					{
						name: 'The main headliner\'s name',
						link: '/headliner-link?'
					}
				],
				supports: [
					{
						name: 'The main support\'s name',
						link: '/headliner-link?'
					}
				]
			},
			{
				title: 'Amazing event title',
				link: 'http://ticketfly.com/events/event-id/',
				ticketLink: 'http://ticketfly.com/events/event-id/purchase',
				status: {
					available: false,
					type: 'not-available',
					message: 'Cancelled',
				},
				emergencyNotice: 'This event is totally cancelled.',
				date: 'Thursday, May 8th',
				times: {
					doors: '7:00pm',
					start: '9:00pm',
					end: '1:00am',
				},
				venue: '',
				host: '',
				ageRestriction: {
					type: 'eighteen-and-up',
					message: 'This event is 18 and up' // ?
				},
				specialNote: '',
				poster: {
					small: 'https://unsplash.it/1600/900?random',
					medium: 'https://unsplash.it/1600/900?random',
					large: 'https://unsplash.it/1600/900?random'
				},
				headliners: [
					{
						name: 'Golden Bull',
						link: '/headliner-link?'
					},
					{
						name: 'The Silver Lion',
						link: '/headliner-link?'
					},
						{
						name: 'Radio',
						link: '/headliner-link?'
					},
					{
						name: 'Ruby Room',
						link: '/headliner-link?'
					},
				],
				supports: [
					{
						name: 'Support number 1',
						link: '/support-link?'
					},
					{
						name: 'Two\'s two',
						link: '/support-link?'
					},
						{
						name: 'Three\'s a croud',
						link: '/support-link?'
					},
				]
			}
		]
	};

	eventPlaceholder.html( template(data) );



	// $global
	var $window = $(window);
	var windowWidth;
	var windowHeight;

	function getWindowDimentions() {
		windowWidth = $window.width();
		windowHeight = $window.height();
	}

	function setResponsibleImageSrc(imageAncestorElement, container) {
		var large = false; // innocent until proven guilty
		var medium = false; // "
		var context;
		if ( !container ) {
			context = windowWidth;	
		} else {
			context = $(container).outerWidth();
		}
		var large = context > 900;
		var medium = context > 550;

		$(imageAncestorElement).each( function() {
			var $this = $(this).find('img');
			var src = {};
			src.small = $this.data('small');
			src.medium = $this.data('medium');
			src.large = $this.data('large');
			if ( large ) {
				$this.attr('src', src.large);
			} else if ( medium ) {
				$this.attr('src', src.medium);
			} else {
				$this.attr('src', src.small);
			}
		});
	};

	$window.on('resize', function() { // this should jog a bit
		getWindowDimentions();
		setResponsibleImageSrc('.event-list .poster', '.event-list');
	}).trigger('resize');

});



/*

Current markup: Yikes...

<div class="list-view">

    <div class="list-view-item alt tfly-event-id-1063557 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/1063557-em-you-three-thirty-seven-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/45-atmd1.jpg" width="200" height="133" alt="Em-You-Three-Thirty-Seven, Ketchup Plug" title="Em-You-Three-Thirty-Seven, Ketchup Plug" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Sponsor Name + Image</h2> <h1 class="headliners summary"><a href="/event/1063557-em-you-three-thirty-seven-san-francisco/">Em-You-Three-Thirty-Seven</a></h1>
             <h1 class="headliners"><a href="/event/1063557-em-you-three-thirty-seven-san-francisco/">Ketchup Plug</a></h1>
            <h2 class="supports description"><a href=" /event/1063557-em-you-three-thirty-seven-san-francisco/ ">Matt Yard</a></h2>         <h2 class="dates">Fri 3.3</h2>
              <h2 class="times">
  <span class="doors">Doors: 8:30 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-03-03T21:00:00-08:00"></span>Show: 9:00 pm</span>  <span class="end dtend"><span class="value-title" title="2017-03-04T02:00:00-08:00"></span>(event ends at 2:00 am)</span></h2>
  
              <h2 class="age-restriction over-13">
      This event is 13 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1063557-em-you-three-thirty-seven-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$10.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-1342579 tfly-org-id-2439 tfly-venue-id-24785">
<a href="/event/1342579-fake-sewing-bootcamp-for-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/32/36/51-atmd1.jpg" width="200" height="133" alt="Fake Sewing Bootcamp For Beginners: All Day Sewing Camp &amp; Tote Bag Projects" title="Fake Sewing Bootcamp For Beginners: All Day Sewing Camp &amp; Tote Bag Projects" /></a>
      <div class="list-view-details vevent">
 <h1 class="headliners summary"><a href="/event/1342579-fake-sewing-bootcamp-for-san-francisco/">Fake Sewing Bootcamp For Beginners: All Day Sewing Camp & Tote Bag Projects</a></h1>
            <h2 class="supports description"><a href=" /event/1342579-fake-sewing-bootcamp-for-san-francisco/ ">Hayley Johnson</a></h2>         <h2 class="dates">Sat 3.11</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-03-11T11:00:00-10:00"></span>11:00 am</span>  <span class="end dtend"><span class="value-title" title="2017-03-11T18:00:00-10:00"></span>(event ends at 6:00 pm)</span></h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1342579-fake-sewing-bootcamp-for-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$100    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-1430633 tfly-org-id-7440 tfly-venue-id-3685">
<a href="/event/1430633-murder-mystery-dinner-theater-los-angeles/"><img src="//cdn.ticketfly.com/i/00/02/45/22/42-etmd1.png" width="200" height="133" alt="Murder Mystery Dinner Theater" title="Murder Mystery Dinner Theater" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">El Cid and Sharpo Entertainment Productions Presents:</h2> <h1 class="headliners summary"><a href="/event/1430633-murder-mystery-dinner-theater-los-angeles/">Murder Mystery Dinner Theater</a></h1>
                    <h2 class="dates">Sun 3.19</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-03-19T18:30:00-07:00"></span>6:30 pm</span> </h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1430633-murder-mystery-dinner-theater-los-angeles/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="https://www.ticketfly.com/purchase/event/1430633" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$53.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-1342539 tfly-org-id-2439 tfly-venue-id-24785">
<a href="/event/1342539-fake-watercolor-painting-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/32/35/93-atmd1.jpg" width="200" height="133" alt="Fake Watercolor Painting And Mixed Media" title="Fake Watercolor Painting And Mixed Media" /></a>
      <div class="list-view-details vevent">
 <h1 class="headliners summary"><a href="/event/1342539-fake-watercolor-painting-san-francisco/">Fake Watercolor Painting And Mixed Media</a></h1>
            <h2 class="supports description"><a href=" /event/1342539-fake-watercolor-painting-san-francisco/ ">Lana Kohn</a></h2>        <h2 class="dates">Tue 3.21</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-03-21T19:00:00-10:00"></span>7:00 pm</span>  <span class="end dtend"><span class="value-title" title="2017-03-21T21:30:00-10:00"></span>(event ends at 9:30 pm)</span></h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1342539-fake-watercolor-painting-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$48   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-821015 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/821015-vanishing-act-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/05/23/39-atmd1.jpg" width="200" height="133" alt="VANI$HING ACT" title="VANI$HING ACT" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Sponsor</h2> <h1 class="headliners summary"><a href="/event/821015-vanishing-act-san-francisco/">VANI$HING ACT</a></h1>
                    <h2 class="dates">Fri 3.31</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-03-31T22:00:00-07:00"></span>10:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/821015-vanishing-act-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="https://www.google.com" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$20.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-1342585 tfly-org-id-2439 tfly-venue-id-24785">
<a href="/event/1342585-fake-floral-design-bouquet-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/32/36/59-atmd1.jpg" width="200" height="133" alt="Fake Floral Design: Bouquet And Arrangement Basics" title="Fake Floral Design: Bouquet And Arrangement Basics" /></a>
      <div class="list-view-details vevent">
 <h1 class="headliners summary"><a href="/event/1342585-fake-floral-design-bouquet-san-francisco/">Fake Floral Design: Bouquet And Arrangement Basics</a></h1>
            <h2 class="supports description"><a href=" /event/1342585-fake-floral-design-bouquet-san-francisco/ ">Lorena Diane</a></h2>         <h2 class="dates">Tue 4.18</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-04-18T19:00:00-10:00"></span>7:00 pm</span>  <span class="end dtend"><span class="value-title" title="2017-04-18T21:00:00-10:00"></span>(event ends at 9:00 pm)</span></h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1342585-fake-floral-design-bouquet-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$56   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-1342595 tfly-org-id-2439 tfly-venue-id-24785">
<a href="/event/1342595-fake-screen-printing-for-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/32/36/73-atmd1.jpg" width="200" height="133" alt="Fake Screen Printing For Newbies" title="Fake Screen Printing For Newbies" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Instructor To Be Announced Soon!</h2> <h1 class="headliners summary"><a href="/event/1342595-fake-screen-printing-for-san-francisco/">Fake Screen Printing For Newbies</a></h1>
            <h2 class="supports description"><a href=" /event/1342595-fake-screen-printing-for-san-francisco/ ">To Be Announced</a></h2>        <h2 class="dates">Thu 4.27</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-04-27T19:00:00-10:00"></span>7:00 pm</span>  <span class="end dtend"><span class="value-title" title="2017-04-27T22:00:00-10:00"></span>(event ends at 10:00 pm)</span></h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1342595-fake-screen-printing-for-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$52   </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-1191131 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/1191131-bikini-body-suns-woooolves-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/51-atmd1.jpg" width="200" height="128" alt="The Bikini Body, Suns, Woooolves In The Chamber Hall" title="The Bikini Body, Suns, Woooolves In The Chamber Hall" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">So many support acts</h2> <h1 class="headliners summary"><a href="/event/1191131-bikini-body-suns-woooolves-san-francisco/">The Bikini Body</a></h1>
             <h1 class="headliners"><a href="/event/1191131-bikini-body-suns-woooolves-san-francisco/">Suns</a></h1>
             <h1 class="headliners"><a href="/event/1191131-bikini-body-suns-woooolves-san-francisco/">Woooolves In The Chamber Hall</a></h1>
            <h2 class="supports description"><a href=" /event/1191131-bikini-body-suns-woooolves-san-francisco/ ">MoO)))n, Punishers & Authors, A Place to Bury Strange Sandwiches, Six Organs Of Non-Entry Allowance, Black Calculus Horseman, Incorrect Apartments</a></h2>         <h2 class="dates">Wed 5.31</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-05-31T16:00:00-07:00"></span>4:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/1191131-bikini-body-suns-woooolves-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="sold-out">Sold Out</h3>    <h3 class="price-range">
$23   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-1063589 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/1063589-thunder-years-bottom-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/87/89/37-atmd1.jpg" width="200" height="130" alt="The Thunder Years, The Bottom Bottoms" title="The Thunder Years, The Bottom Bottoms" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Sponsor Name + Image</h2> <h1 class="headliners summary"><a href="/event/1063589-thunder-years-bottom-san-francisco/">The Thunder Years</a></h1>
             <h1 class="headliners"><a href="/event/1063589-thunder-years-bottom-san-francisco/">The Bottom Bottoms</a></h1>
            <h2 class="supports description"><a href=" /event/1063589-thunder-years-bottom-san-francisco/ ">Drypants</a></h2>         <h2 class="dates">Thu 6.1</h2>
              <h2 class="times">
  <span class="doors">Doors: 12:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-06-01T19:00:00-07:00"></span>Show: 7:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/1063589-thunder-years-bottom-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="sold-out">Sold Out</h3>    <h3 class="price-range">
$18-$22   </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-906063 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/906063-blackout-make-out-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/41-atmd1.jpg" width="200" height="133" alt="Blackout Make Out" title="Blackout Make Out" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Top Line Information Presents...</h2> <h1 class="headliners summary"><a href="/event/906063-blackout-make-out-san-francisco/">Blackout Make Out</a></h1>
                    <h2 class="dates">Thu 7.13</h2>
              <h2 class="times">
  <span class="doors">Doors: 8:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-07-13T21:00:00-07:00"></span>Show: 9:00 pm</span>  <span class="end dtend"><span class="value-title" title="2017-07-14T00:00:00-07:00"></span>(event ends at 12:00 am)</span></h2>
  
  <h2 class="more-info"><a class="url" href="/event/906063-blackout-make-out-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.tflycustomdomain.com/purchase/event/906063?utm_medium=api" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$20.00 - $25.00   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241705 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/241705-parents-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/51/87/59-atmd1.jpg" width="200" height="133" alt="Parents" title="Parents" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Additional Event Info on Event Detail Page (with HTML)</h2> <h1 class="headliners summary"><a href="/event/241705-parents-san-francisco/">Parents</a></h1>
            <h2 class="supports description"><a href=" /event/241705-parents-san-francisco/ ">Evander and James, Old Magic, Bang!Bang!</a></h2>         <h2 class="dates">Sat 7.15</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-07-15T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241705-parents-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$22.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-906869 tfly-org-id-2439 tfly-venue-id-24785">
<a href="/event/906869-fake-terrarium-workshop-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/55/69-atmd1.jpg" width="200" height="133" alt="Fake Terrarium Workshop" title="Fake Terrarium Workshop" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Topline Info That Can Say Things About Class</h2> <h1 class="headliners summary"><a href="/event/906869-fake-terrarium-workshop-san-francisco/">Fake Terrarium Workshop</a></h1>
            <h2 class="supports description"><a href=" /event/906869-fake-terrarium-workshop-san-francisco/ ">Shana Astrachan</a></h2>        <h2 class="dates">Sun 8.27</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-08-27T20:00:00-10:00"></span>8:00 pm</span>  <span class="end dtend"><span class="value-title" title="2017-08-28T02:00:00-10:00"></span>(event ends at 2:00 am)</span></h2>
  
              <h2 class="age-restriction over-18">
      This event is 18 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/906869-fake-terrarium-workshop-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$40.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241691 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241691-custom-event-title-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/32/03-etmd1.jpg" width="200" height="133" alt="Custom Event Title" title="Custom Event Title" /></a>
      <div class="list-view-details vevent">
            <h3 class="event-status-message">Event Rescheduled: Event will now occur on 9/30</h3>
<h2 class="topline-info">Custom Event Status: Rescheduled (with Custom Text)</h2><h1 class="headliners summary"><a href="/event/241691-custom-event-title-san-francisco/">Custom Event Title</a></h1><h2 class="supports description"><a href=" /event/241691-custom-event-title-san-francisco/ ">Cement Idols, Vile Vile Vanish, Malditerz</a></h2>        <h2 class="dates">Sun 9.3</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-03T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241691-custom-event-title-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
        <h3 class="rescheduled">Rescheduled</h3>
    <h3 class="price-range">
$19 / $15 Ages 30 & Under / $10 Students    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241675 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241675-chambers-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/86/23-atmd1.png" width="200" height="133" alt="Chambers" title="Chambers" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Multiple Support Acts</h2> <h1 class="headliners summary"><a href="/event/241675-chambers-san-francisco/">Chambers</a></h1>
            <h2 class="supports description"><a href=" /event/241675-chambers-san-francisco/ ">Sum Amber, Parents, Evander and James, Malditerz, Grimeys, Chelsea Fox, Moose in Heathen</a></h2>        <h2 class="dates">Sun 9.3</h2>
              <h2 class="times">
  <span class="doors">Doors: 9:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-09-03T21:00:00-07:00"></span>Show: 9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241675-chambers-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="future-sale"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">On Sale<br />Tue 3.14<br />9:30 pm PDT</a></h3>    <h3 class="price-range">
$25.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-253739 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/253739-chambers-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/86/23-atmd1.png" width="200" height="133" alt="Chambers" title="Chambers" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Duplicate + Additional Event Info</h2> <h1 class="headliners summary"><a href="/event/253739-chambers-san-francisco/">Chambers</a></h1>
            <h2 class="supports description"><a href=" /event/253739-chambers-san-francisco/ ">Sum Amber, Parents, Evander and James, Malditerz, Grimeys, Chelsea Fox</a></h2>        <h2 class="dates">Mon 9.4</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-04T17:00:00-07:00"></span>5:00 pm</span>  <span class="end dtend"><span class="value-title" title="2017-09-04T19:00:00-07:00"></span>(event ends at 7:00 pm)</span></h2>
  
  <h2 class="more-info"><a class="url" href="/event/253739-chambers-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="sold-out">Sold Out</h3>    <h3 class="price-range">
$25.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241693 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241693-matz-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/67/22/89-atmd1.jpg" width="200" height="133" alt="Matz" title="Matz" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Custom Event Status: Postponed</h2> <h1 class="headliners summary"><a href="/event/241693-matz-san-francisco/">Matz</a></h1>
            <h2 class="supports description"><a href=" /event/241693-matz-san-francisco/ ">Talk Irregular</a></h2>        <h2 class="dates">Tue 9.5</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-05T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241693-matz-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
        <h3 class="postponed">Postponed</h3>
    <h3 class="price-range">
$19.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241695 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241695-fearist-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/86/99-atmd1.jpg" width="200" height="133" alt="Fearist" title="Fearist" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Custom Event Status: Cancelled</h2> <h1 class="headliners summary"><a href="/event/241695-fearist-san-francisco/">Fearist</a></h1>
            <h2 class="supports description"><a href=" /event/241695-fearist-san-francisco/ ">Cold Ghost, Youz</a></h2>         <h2 class="dates">Thu 9.7</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-07T20:00:00-07:00"></span>8:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241695-fearist-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
        <h3 class="cancelled">Cancelled</h3>
    <h3 class="price-range">
$15.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-240889 tfly-org-id-2439 tfly-venue-id-15829">
<a href="/event/240889-tamarind-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/14/76/71-atmd1.jpg" width="200" height="133" alt="Tamarind" title="Tamarind" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Custom Event Status: Free</h2> <h1 class="headliners summary"><a href="/event/240889-tamarind-san-francisco/">Tamarind</a></h1>
                    <h2 class="dates">Sun 9.10</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-10T09:00:00-07:00"></span>9:00 am</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/240889-tamarind-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
        <h3 class="free">Free</h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241699 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241699-blessthedoll-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/91-atmd1.jpg" width="200" height="133" alt="blessthedoll" title="blessthedoll" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Custom Event Status</h2> <h1 class="headliners summary"><a href="/event/241699-blessthedoll-san-francisco/">blessthedoll</a></h1>
            <h2 class="supports description"><a href=" /event/241699-blessthedoll-san-francisco/ ">Dance Kevin Dance, Crown The Centaur, Aplesana</a></h2>        <h2 class="dates">Mon 9.11</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-11T20:30:00-07:00"></span>8:30 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241699-blessthedoll-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="custom"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Free Before 9pm with Canned Food Donation</a></h3>    <h3 class="price-range">
$35.50    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241777 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241777-cement-idols-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/63-atmd1.jpg" width="200" height="133" alt="Cement Idols" title="Cement Idols" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Event Not On Sale Yet</h2> <h1 class="headliners summary"><a href="/event/241777-cement-idols-san-francisco/">Cement Idols</a></h1>
            <h2 class="supports description"><a href=" /event/241777-cement-idols-san-francisco/ ">Bang!Bang!</a></h2>        <h2 class="dates">Tue 9.12</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-12T22:00:00-07:00"></span>10:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241777-cement-idols-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="future-sale"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">On Sale<br />Wed 8.16<br />12:00 pm PDT</a></h3>   <h3 class="price-range">
$15.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241703 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241703-evander-james-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/86/37-atmd1.png" width="200" height="133" alt="Evander and James" title="Evander and James" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Additional Event Info on Event Detail Page</h2> <h1 class="headliners summary"><a href="/event/241703-evander-james-san-francisco/">Evander and James</a></h1>
            <h2 class="supports description"><a href=" /event/241703-evander-james-san-francisco/ ">Parents</a></h2>        <h2 class="dates">Fri 9.15</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-09-15T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241703-evander-james-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$25.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-1216397 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/1216397-skyler-destroyer-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/38/53-atmd1.jpg" width="200" height="133" alt="Skyler The Destroyer" title="Skyler The Destroyer" /></a>
      <div class="list-view-details vevent">
 <h1 class="headliners summary"><a href="/event/1216397-skyler-destroyer-san-francisco/">Skyler The Destroyer</a></h1>
            <h2 class="supports description"><a href=" /event/1216397-skyler-destroyer-san-francisco/ ">Delicious Tacos</a></h2>        <h2 class="dates">Sat 9.30</h2>
              <h2 class="times">
  <span class="doors">Doors: 8:30 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-09-30T21:00:00-07:00"></span>Show: 9:00 pm</span> </h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1216397-skyler-destroyer-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$30 / $32   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241685 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241685-cement-idols-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/63-atmd1.jpg" width="200" height="133" alt="Cement Idols" title="Cement Idols" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Custom Event Status: Sold Out</h2> <h1 class="headliners summary"><a href="/event/241685-cement-idols-san-francisco/">Cement Idols</a></h1>
            <h2 class="supports description"><a href=" /event/241685-cement-idols-san-francisco/ ">Redheaded Blonde, Chelsea Fox</a></h2>         <h2 class="dates">Mon 10.2</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-02T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241685-cement-idols-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="sold-out">Sold Out</h3>    <h3 class="price-range">
$20   </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-240903 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/240903-bang-bang-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/71-atmd1.jpg" width="200" height="133" alt="Bang!Bang!" title="Bang!Bang!" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Externally Ticketed</h2> <h1 class="headliners summary"><a href="/event/240903-bang-bang-san-francisco/">Bang!Bang!</a></h1>
                    <h2 class="dates">Tue 10.3</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-03T20:00:00-07:00"></span>8:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/240903-bang-bang-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$15   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241781 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241781-malditerz-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/86/41-atmd1.jpg" width="200" height="133" alt="Malditerz" title="Malditerz" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Event Not On Sale Yet</h2> <h1 class="headliners summary"><a href="/event/241781-malditerz-san-francisco/">Malditerz</a></h1>
            <h2 class="supports description"><a href=" /event/241781-malditerz-san-francisco/ ">And You Will Know Us By The Crust of the Bread</a></h2>         <h2 class="dates">Wed 10.4</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-04T22:00:00-07:00"></span>10:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241781-malditerz-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$17.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-240905 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/240905-religious-women-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/87/31-atmd1.jpg" width="200" height="133" alt="Religious Women" title="Religious Women" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Externally Ticketed: bad price range</h2> <h1 class="headliners summary"><a href="/event/240905-religious-women-san-francisco/">Religious Women</a></h1>
            <h2 class="supports description"><a href=" /event/240905-religious-women-san-francisco/ ">Fearist, Water Boulders, Sum Amber</a></h2>         <h2 class="dates">Thu 10.5</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-05T20:00:00-07:00"></span>8:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/240905-religious-women-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
buy tickets http://www.ticketfly.com    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241709 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/241709-impurity-ring-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/77-atmd1.jpg" width="200" height="133" alt="Impurity Ring" title="Impurity Ring" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Sponsors on Event Detail Page</h2> <h1 class="headliners summary"><a href="/event/241709-impurity-ring-san-francisco/">Impurity Ring</a></h1>
            <h2 class="supports description"><a href=" /event/241709-impurity-ring-san-francisco/ ">Evander and James, Grimeys</a></h2>         <h2 class="dates">Sat 10.7</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-07T21:30:00-07:00"></span>9:30 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241709-impurity-ring-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
        <h3 class="postponed">Postponed</h3>
    <h3 class="price-range">
$20.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241681 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241681-loud-pop-you-will-know-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/70/94/63-atmd1.jpg" width="200" height="133" alt="Loud Pop Presents: ...And You Will Know Us By The Trail of the Dead" title="Loud Pop Presents: ...And You Will Know Us By The Trail of the Dead" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Long Custom Event Title</h2><h1 class="headliners summary"><a href="/event/241681-loud-pop-you-will-know-san-francisco/">Loud Pop Presents: ...And You Will Know Us By The Trail of the Dead</a></h1><h2 class="supports description"><a href=" /event/241681-loud-pop-you-will-know-san-francisco/ ">Matz</a></h2>        <h2 class="dates">Sun 10.8</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-08T20:00:00-07:00"></span>8:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241681-loud-pop-you-will-know-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="custom"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Nothing to see here</a></h3>    <h3 class="price-range">
$45.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241775 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241775-liceage-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/48/01/39-atmd1.jpg" width="200" height="132" alt="Liceage" title="Liceage" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Event Not On Sale Yet</h2> <h1 class="headliners summary"><a href="/event/241775-liceage-san-francisco/">Liceage</a></h1>
            <h2 class="supports description"><a href=" /event/241775-liceage-san-francisco/ ">Chelsea Fox</a></h2>        <h2 class="dates">Sun 10.8</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-08T22:00:00-07:00"></span>10:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241775-liceage-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="sold-out">Sold Out</h3>    <h3 class="price-range">
$15.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241771 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/241771-sneaking-lights-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/87/49-atmd1.jpg" width="200" height="133" alt="Sneaking Lights" title="Sneaking Lights" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Age Limit: 21 and Over</h2> <h1 class="headliners summary"><a href="/event/241771-sneaking-lights-san-francisco/">Sneaking Lights</a></h1>
            <h2 class="supports description"><a href=" /event/241771-sneaking-lights-san-francisco/ ">Talk Irregular, Malditerz</a></h2>        <h2 class="dates">Mon 10.9</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-09T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/241771-sneaking-lights-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$20.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241679 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/241679-you-will-know-us-by-crust-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/70/94/63-atmd1.jpg" width="200" height="133" alt="And You Will Know Us By The Crust of the Bread" title="And You Will Know Us By The Crust of the Bread" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Long Headliner Name</h2> <h1 class="headliners summary"><a href="/event/241679-you-will-know-us-by-crust-san-francisco/">And You Will Know Us By The Crust of the Bread</a></h1>
            <h2 class="supports description"><a href=" /event/241679-you-will-know-us-by-crust-san-francisco/ ">Redheaded Blonde, Evander and James</a></h2>        <h2 class="dates">Tue 10.10</h2>
              <h2 class="times">
  <span class="doors">Doors: 7:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-10-10T21:00:00-07:00"></span>Show: 9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241679-you-will-know-us-by-crust-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="future-sale"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">On Sale<br />Thu 9.14<br />12:00 pm PDT</a></h3>   <h3 class="price-range">
$30.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241773 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241773-soft-sun-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/31-atmd1.jpg" width="200" height="133" alt="Soft Sun" title="Soft Sun" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Age Limit: All Ages</h2> <h1 class="headliners summary"><a href="/event/241773-soft-sun-san-francisco/">Soft Sun</a></h1>
            <h2 class="supports description"><a href=" /event/241773-soft-sun-san-francisco/ ">Cement Idols</a></h2>        <h2 class="dates">Wed 10.11</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-11T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
              <h2 class="age-restriction all-ages">
      This event is all ages            </h2>
      <h2 class="more-info"><a class="url" href="/event/241773-soft-sun-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$22.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241677 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241677-we-butter-corn-butter-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/82/98/93-atmd1.jpg" width="200" height="133" alt="We Butter the Corn With Butter" title="We Butter the Corn With Butter" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Door Time</h2> <h1 class="headliners summary"><a href="/event/241677-we-butter-corn-butter-san-francisco/">We Butter the Corn With Butter</a></h1>
            <h2 class="supports description"><a href=" /event/241677-we-butter-corn-butter-san-francisco/ ">Impurity Ring</a></h2>        <h2 class="dates">Thu 10.12</h2>
              <h2 class="times">
  <span class="doors">Doors: 8:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-10-12T21:00:00-07:00"></span>Show: 9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241677-we-butter-corn-butter-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="future-sale"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">On Sale<br />Tue 9.12<br />9:32 pm PDT</a></h3>    <h3 class="price-range">
$25   </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-337301 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/337301-iwrestledagoattwice-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/65/86/75-atmd1.jpg" width="200" height="133" alt="Iwrestledagoattwice" title="Iwrestledagoattwice" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Long single word band name</h2> <h1 class="headliners summary"><a href="/event/337301-iwrestledagoattwice-san-francisco/">Iwrestledagoattwice</a></h1>
                    <h2 class="dates">Fri 10.13</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-13T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/337301-iwrestledagoattwice-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$22.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241673 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241673-evander-james-sum-amber-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/86/37-atmd1.png" width="200" height="133" alt="Evander and James, Sum Amber, Parents, Chambers, Malditerz, Grimeys, Moose in Heathen" title="Evander and James, Sum Amber, Parents, Chambers, Malditerz, Grimeys, Moose in Heathen" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Multiple Headliners</h2> <h1 class="headliners summary"><a href="/event/241673-evander-james-sum-amber-san-francisco/">Evander and James</a></h1>
             <h1 class="headliners"><a href="/event/241673-evander-james-sum-amber-san-francisco/">Sum Amber</a></h1>
             <h1 class="headliners"><a href="/event/241673-evander-james-sum-amber-san-francisco/">Parents</a></h1>
             <h1 class="headliners"><a href="/event/241673-evander-james-sum-amber-san-francisco/">Chambers</a></h1>
             <h1 class="headliners"><a href="/event/241673-evander-james-sum-amber-san-francisco/">Malditerz</a></h1>
             <h1 class="headliners"><a href="/event/241673-evander-james-sum-amber-san-francisco/">Grimeys</a></h1>
             <h1 class="headliners"><a href="/event/241673-evander-james-sum-amber-san-francisco/">Moose in Heathen</a></h1>
                    <h2 class="dates">Sun 10.15</h2>
              <h2 class="times">
  <span class="doors">Doors: 9:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-10-15T21:00:00-07:00"></span>Show: 9:00 pm</span> </h2>
  
              <h2 class="age-restriction over-13">
      This event is 13 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/241673-evander-james-sum-amber-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
        <h3 class="postponed">Postponed</h3>
    <h3 class="price-range">
$20.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-439167 tfly-org-id-2439 tfly-venue-id-9245">
<a href="/event/439167-crying-forever-ever-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/83/09/67-etmd1.jpg" width="200" height="133" alt="Crying Forever &amp; Ever" title="Crying Forever &amp; Ever" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Set Times and Custom Event Image</h2><h1 class="headliners summary"><a href="/event/439167-crying-forever-ever-san-francisco/">Crying Forever & Ever</a></h1><h2 class="supports description"><a href=" /event/439167-crying-forever-ever-san-francisco/ ">Heyday Parade</a></h2>        <h2 class="dates">Mon 10.16</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-16T20:00:00-07:00"></span>8:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/439167-crying-forever-ever-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com/event/418007" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$20 Adv, $30 DOS    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-372829 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/372829-streetlight-antipasti-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/81-atmd1.jpg" width="200" height="133" alt="Streetlight Antipasti" title="Streetlight Antipasti" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Grouped Event - 4 Nights</h2> <h1 class="headliners summary"><a href="/event/372829-streetlight-antipasti-san-francisco/">Streetlight Antipasti</a></h1>
            <h2 class="supports description"><a href=" /event/372829-streetlight-antipasti-san-francisco/ ">Chambers</a></h2>         <h2 class="dates">Sat 10.28</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-28T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/372829-streetlight-antipasti-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://ticketfly.com" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$18   </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-696087 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/696087-moms-disputing-things-san-francisco/"><img src="//cdn.ticketfly.com/i/00/01/82/99/25-atmd1.jpeg" width="200" height="133" alt="Moms, The Disputing Things" title="Moms, The Disputing Things" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Status: On Sale Soon</h2> <h1 class="headliners summary"><a href="/event/696087-moms-disputing-things-san-francisco/">Moms</a></h1>
             <h1 class="headliners"><a href="/event/696087-moms-disputing-things-san-francisco/">The Disputing Things</a></h1>
            <h2 class="supports description"><a href=" /event/696087-moms-disputing-things-san-francisco/ ">Very Large Moving Parts, Paid Throw</a></h2>        <h2 class="dates">Sat 10.28</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-28T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/696087-moms-disputing-things-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="custom"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">First 100 People Get In Free!</a></h3>    <h3 class="price-range">
$12   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-1276383 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/1276383-cool-kids-music-festival-2016-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/21/75/65-etmd1.png" width="200" height="133" alt="Cool Kids Music Festival 2016" title="Cool Kids Music Festival 2016" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Lots of Scoring Presents</h2><h1 class="headliners summary"><a href="/event/1276383-cool-kids-music-festival-2016-san-francisco/">Cool Kids Music Festival 2016</a></h1>         <h2 class="dates">Sun 10.29<span class="endate dtend"><span class="value-title" title="2017-10-30T23:00:00-07:00"></span> - Mon 10.30 </span></h2>
              <h2 class="times">
  <span class="doors">Doors: 12:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-10-29T12:00:00-07:00"></span>Show: 12:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/1276383-cool-kids-music-festival-2016-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$98.50 - $399.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-372831 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/372831-streetlight-antipasti-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/81-atmd1.jpg" width="200" height="133" alt="Streetlight Antipasti" title="Streetlight Antipasti" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Grouped Event - 4 Nights</h2> <h1 class="headliners summary"><a href="/event/372831-streetlight-antipasti-san-francisco/">Streetlight Antipasti</a></h1>
            <h2 class="supports description"><a href=" /event/372831-streetlight-antipasti-san-francisco/ ">Chambers</a></h2>         <h2 class="dates">Sun 10.29</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-29T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/372831-streetlight-antipasti-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://ticketfly.com" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$18   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-241707 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241707-old-magic-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/87/19-atmd1.jpg" width="200" height="133" alt="Old Magic" title="Old Magic" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Longer Price Range</h2> <h1 class="headliners summary"><a href="/event/241707-old-magic-san-francisco/">Old Magic</a></h1>
            <h2 class="supports description"><a href=" /event/241707-old-magic-san-francisco/ ">Youth Lake</a></h2>         <h2 class="dates">Mon 10.30</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-30T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241707-old-magic-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$20 in advance, $25 at the door.    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-372833 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/372833-streetlight-antipasti-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/81-atmd1.jpg" width="200" height="133" alt="Streetlight Antipasti" title="Streetlight Antipasti" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Grouped Event - 4 Nights</h2> <h1 class="headliners summary"><a href="/event/372833-streetlight-antipasti-san-francisco/">Streetlight Antipasti</a></h1>
            <h2 class="supports description"><a href=" /event/372833-streetlight-antipasti-san-francisco/ ">Chambers</a></h2>         <h2 class="dates">Mon 10.30</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-30T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/372833-streetlight-antipasti-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="sold-out">Sold Out</h3>    <h3 class="price-range">
$18   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-717859 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/717859-old-magic-san-francisco/"><img src="//cdn.ticketfly.com/i/00/00/47/87/19-atmd1.jpg" width="200" height="133" alt="Old Magic" title="Old Magic" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Break in Price Range</h2> <h1 class="headliners summary"><a href="/event/717859-old-magic-san-francisco/">Old Magic</a></h1>
            <h2 class="supports description"><a href=" /event/717859-old-magic-san-francisco/ ">Youth Lake, Break in Price Range</a></h2>         <h2 class="dates">Mon 10.30</h2>
              <h2 class="times">
  <span class="doors">Doors: 8:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-10-30T21:00:00-07:00"></span>Show: 9:00 pm</span> </h2>
  
              <h2 class="age-restriction minors-under-21-with-parent-or-legal-guardian">
      This event is minors under 21 with parent or legal guardian           </h2>
      <h2 class="more-info"><a class="url" href="/event/717859-old-magic-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$20 in advance <br />$25 at the door.   </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-372835 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/372835-streetlight-antipasti-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/81-atmd1.jpg" width="200" height="133" alt="Streetlight Antipasti" title="Streetlight Antipasti" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Grouped Event - 4 Nights</h2> <h1 class="headliners summary"><a href="/event/372835-streetlight-antipasti-san-francisco/">Streetlight Antipasti</a></h1>
            <h2 class="supports description"><a href=" /event/372835-streetlight-antipasti-san-francisco/ ">Chambers</a></h2>         <h2 class="dates">Tue 10.31</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-10-31T21:00:00-07:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/372835-streetlight-antipasti-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://ticketfly.com" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$18   </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-1220243 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/1220243-smiley-syruss-sun-flux-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/13/16/81-atmd1.jpg" width="200" height="100" alt="Smiley Syruss, Sun Flux" title="Smiley Syruss, Sun Flux" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Videos For Every Artist</h2> <h1 class="headliners summary"><a href="/event/1220243-smiley-syruss-sun-flux-san-francisco/">Smiley Syruss</a></h1>
             <h1 class="headliners"><a href="/event/1220243-smiley-syruss-sun-flux-san-francisco/">Sun Flux</a></h1>
            <h2 class="supports description"><a href=" /event/1220243-smiley-syruss-sun-flux-san-francisco/ ">Grimeys</a></h2>        <h2 class="dates">Sat 11.11</h2>
              <h2 class="times">
  <span class="doors">Doors: 6:00 pm</span> / <span class="start dtstart"><span class="value-title" title="2017-11-11T19:00:00-08:00"></span>Show: 7:00 pm</span> </h2>
  
              <h2 class="age-restriction over-21">
      This event is 21 and over           </h2>
      <h2 class="more-info"><a class="url" href="/event/1220243-smiley-syruss-sun-flux-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$42.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241689 tfly-org-id-2439 tfly-venue-id-15829">
<a href="/event/241689-vile-vile-vanish-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/32/07-atmd1.jpg" width="200" height="125" alt="Vile Vile Vanish" title="Vile Vile Vanish" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Custom Event Status: Tickets at the Door</h2> <h1 class="headliners summary"><a href="/event/241689-vile-vile-vanish-san-francisco/">Vile Vile Vanish</a></h1>
                    <h2 class="dates">Fri 12.1</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-12-01T09:00:00-08:00"></span>9:00 am</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241689-vile-vile-vanish-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
        <h3 class="tickets-at-the-door">Tickets at the Door</h3>
    <h3 class="price-range">
$10.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-650977 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/650977-chelsea-fox-vanishing-act-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/96/19-atmd1.jpg" width="200" height="132" alt="Chelsea Fox, VANI$HING ACT" title="Chelsea Fox, VANI$HING ACT" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Audio Embed on EDP</h2> <h1 class="headliners summary"><a href="/event/650977-chelsea-fox-vanishing-act-san-francisco/">Chelsea Fox</a></h1>
             <h1 class="headliners"><a href="/event/650977-chelsea-fox-vanishing-act-san-francisco/">VANI$HING ACT</a></h1>
            <h2 class="supports description"><a href=" /event/650977-chelsea-fox-vanishing-act-san-francisco/ ">The Local Distillery</a></h2>         <h2 class="dates">Fri 12.1</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-12-01T12:00:00-08:00"></span>12:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/650977-chelsea-fox-vanishing-act-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$15.00    </h3>
      </div>
    </div>
    <div class="list-view-item tfly-event-id-241701 tfly-org-id-2439 tfly-venue-id-7769">
<a href="/event/241701-water-boulders-san-francisco/"><img src="//cdn.ticketfly.com/i/00/02/12/31/83-atmd1.jpg" width="200" height="133" alt="Water Boulders" title="Water Boulders" /></a>
      <div class="list-view-details vevent">
<h2 class="topline-info">Custom Event Status: Custom</h2> <h1 class="headliners summary"><a href="/event/241701-water-boulders-san-francisco/">Water Boulders</a></h1>
            <h2 class="supports description"><a href=" /event/241701-water-boulders-san-francisco/ ">Fearist, Sum Amber</a></h2>        <h2 class="dates">Thu 12.14</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2017-12-14T21:30:00-08:00"></span>9:30 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/241701-water-boulders-san-francisco/">More Info</a></h2>
          </div>
    <div class="ticket-price">
<h3 class="future-sale"><a href="http://www.ticketfly.com" onclick="return tfly_openWindowGA(this);" target="_blank">On Sale<br />Fri 4.14<br />10:49 pm PDT</a></h3>   <h3 class="price-range">
$10.00    </h3>
      </div>
    </div>
    <div class="list-view-item alt tfly-event-id-1325183 tfly-org-id-2439 tfly-venue-id-24565">
<a href="/event/1325183-church-corndogs-philadelphia/"><img src="//cdn.ticketfly.com/i/00/02/30/35/93-atmd1.jpeg" width="200" height="112" alt="Church of the Corndogs" title="Church of the Corndogs" /></a>
      <div class="list-view-details vevent">
 <h1 class="headliners summary"><a href="/event/1325183-church-corndogs-philadelphia/">Church of the Corndogs</a></h1>
            <h2 class="supports description"><a href=" /event/1325183-church-corndogs-philadelphia/ ">Mama Loves Pizza</a></h2>         <h2 class="dates">Fri 2.2</h2>
              <h2 class="times">
  <span class="start dtstart"><span class="value-title" title="2018-02-02T21:00:00-05:00"></span>9:00 pm</span> </h2>
  
  <h2 class="more-info"><a class="url" href="/event/1325183-church-corndogs-philadelphia/">More Info</a></h2>
          </div>
    <div class="ticket-price">
      <h3 class="ticket-link primary-link"><a class="tickets" href="http://www.tflycustomdomain.com/purchase/event/1325183?utm_medium=api" target="_blank">Tickets</a></h3>
    <h3 class="price-range">
$50.00 - $60.00   </h3>
      </div>
    </div>
    <div class="clearer"></div>
</div>

*/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js
  2. https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.js