Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Venue maps #67

Merged
merged 4 commits into from
Aug 19, 2024
Merged

Venue maps #67

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
66c5c9f
steps to get clickable venue links
JacobDChamberlain Aug 19, 2024
68d8e10
clicking venue name opens google maps with directions
JacobDChamberlain Aug 19, 2024
4cded6c
message to users: click or tap venue name for directions
JacobDChamberlain Aug 19, 2024
21d63c6
Merge branch 'main' into venueMaps
JacobDChamberlain Aug 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions src/components/Pages/Shows/Shows.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,4 +43,17 @@
.show-description {
margin: 30px;
width: 350px;
}

.venue-map-link {
text-decoration: none;
color: white;
}

.venue-map-link:visited {
text-decoration: none;
color: white;
}
.venue-map-link:hover {
color: lime
}
118 changes: 105 additions & 13 deletions src/components/Pages/Shows/Shows.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,59 +14,109 @@ export default function Shows() {
return (
<div className="shows-wrapper">
<h2 className='shows-page-header'>Upcoming Shows:</h2>
<h4 className='shows-page-header'>(click or tap the venue name for directions)</h4>
<ul className='show-dates-ul'>
<li className='show-date-li'>
<img className='show-flyer' src={ may28th } alt='may_28th_2024_at_DoubleWide'></img>
<div className='show-description'>
May 28th, 2024<br />
@ DoubleWide<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('3510 Commerce St, Dallas, TX')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
DoubleWide
</a><br />
w/ ASCENDED DEAD, COGNIZANT, PSYCHIATRIC REGURGITATION
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer' src={ may31st } alt='may_31st_2024_at_RubberGloves'></img>
<div className='show-description'>
May 31st, 2024<br />
@ Rubber Gloves<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('411 E Sycamore St, Denton, TX 76205')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Rubber Gloves
</a><br />
w/ HERAKLEION, MORGUE MEAT,<br />KUDU
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ june4th } alt='june_4th_2024_at_SunshineBar'></img>
<div className='show-description'>
June 4th, 2024<br />
@ Sunshine Bar<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('902 W Division St, Arlington, TX 76012')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Sunshine Bar
</a><br />
w/ VIOGRESSION,<br />YOTUMA
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer' src={ june22nd } alt='june_22nd_2024_at_DoubleWide'></img>
<div className='show-description'>
June 22nd, 2024<br />
@ DoubleWide<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('3510 Commerce St, Dallas, TX')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
DoubleWide
</a><br />
w/ SPITER,<br />DESOLUS,<br />NOCTURNAL WOLF, HOFAKER
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ june27th } alt='june_27th_2024_at_RubberGloves'></img>
<div className='show-description'>
June 27th, 2024<br />
@ Haltom Theater<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('5601 E Belknap St, Haltom City, TX 76117')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Haltom Theater
</a><br />
w/ DISTAIN,<br />VOID,<br />ODIOUS,<br />KUDU
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ june30th } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
June 30th, 2024<br />
@ Charlie's Star Lounge<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('4319 Main St, Dallas, TX 75226')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Charlie's Star Lounge
</a><br />
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ august16h } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
August 16th, 2024<br />
@ DoubleWide<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('3510 Commerce St, Dallas, TX')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
DoubleWide
</a><br />
w/ OXYGEN DESTROYER,<br />
MORGUE MEAT
</div>
Expand All @@ -75,47 +125,89 @@ export default function Shows() {
<img className='show-flyer-0' src={ fm2m } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
September 13th, 2024<br />
@ Rubber Gloves<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('411 E Sycamore St, Denton, TX 76205')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Rubber Gloves
</a><br />
w/ PRIMAL TYRANT
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ fm2m } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
September 14th, 2024<br />
@ Growl Records<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('09 E Abram St, Arlington, TX 76010')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Growl Records
</a><br />
FESTIVAL
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ fm2m } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
September 27th, 2024<br />
@ Zounds B-Side<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('10050 Shoreview Rd, Dallas, TX 75238')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Zounds B-Side
</a><br />
FESTIVAL
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ fm2m } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
October 1st, 2024<br />
@ TBD<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('Area 51')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
TBD
</a><br />
w/ YOTUMA
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ fm2m } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
October 13th, 2024<br />
@ DoubleWide<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('3510 Commerce St, Dallas, TX')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
DoubleWide
</a><br />
w/ CIVIL SERPENTS
</div>
</li>
<li className='show-date-li'>
<img className='show-flyer-0' src={ fm2m } alt='june_30th_2024_at_CharliesStarLounge'></img>
<div className='show-description'>
December 7th, 2024<br />
@ Reno's Chop Shop<br />
@ <a
href={`https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent('210 N Crowdus St, Dallas, TX 75226')}`}
target='_blank'
rel='noopener noreferrer'
className='venue-map-link'
>
Reno's Chop Shop
</a><br />
FESTIVAL
</div>
</li>
Expand Down
Loading