<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>A Summer POC Poetry Festival Sampler</title>
<meta name="twitter:title" content="A Summer POC Poetry Festival Sampler" />
<meta property="og:title" content="A Summer POC Poetry Festival Sampler" />
<meta name="description" content="">
<meta name="twitter:description" content="" />
<meta property="og:description" content="" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@versedotpress" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" href="../static/build/main.1e40cbd6451bc85b98db.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/7126156/6205372/css/fonts.css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link rel="icon" type="image/png" href="../static/img/favicon.384d64b0645f.png">
<meta name="google-site-verification" content="iV_RUDR8PEzmdM1tnL3n7azcLNk8WC51Ol2RzMkNeeU" />
<style>
audio {
background-color: #181030;
-webkit-appearance: none;
width: 100%;
}
audio::-webkit-media-controls-enclosure {
background-color: #ddd;
border-radius: 0;
}
#audiowrap {
margin:0 auto;
}
#plwrap {
margin:0 auto;
}
#tracks {
min-height:65px;
position:relative;
text-align:center;
text-decoration:none;
top:13px;
}
#nowPlay {
display:inline;
}
#npTitle {
margin:0;
padding:21px;
text-align:right;
}
#npAction {
padding:21px;
position:absolute;
}
#plList {
margin:0;
list-style: none;
padding: 0;
}
#plList li {
display: block;
cursor:pointer;
margin:0;
padding: 1em;
}
#plList li:hover {
background-color: #ddd;
}
.plItem {
position:relative;
}
.plNum {
display: inline-block;
color: #666;
margin-right: .2em; /* needed in prod due to HTML compression */
}
.plTitle {
display: inline-block;
}
.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}
.plSel,.plSel:hover {
background-color: #eee;
cursor:default!important;
}
a[id^="btn"] {
cursor:pointer;
font-size:50px;
margin:0;
padding:0 27px 11px;
text-decoration:none;
}
a[id^="btn"]:last-child {
margin-left:-4px;
}
a[id^="btn"]:hover,a[id^="btn"]:active {
}
a[id^="btn"]::-moz-focus-inner {
border:0;
padding:0;
}
.audio-profile-pic {
max-width: 200px;
max-height: 200px;
border: 1px solid #d0d8e8;
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
.audio-profile-pic img {
max-width: 100%;
}
.audio-playlist-description {
clear: both;
}
.audio-playlist-by-info {
margin: 1em;
}
.audio-playlist-by {
padding-top: 2em;
}
.audio-playlist-by.curator {
padding-top: 1em;
}
.audio-playlist-by-name {
font-weight: bold;
}
#btnPrev, #btnNext {
color: #181030;
}
#nowPlay {
display: none;
}
</style>
</head>
<body class="">
<div class="topbar">
<div class="topbar-left searchbox-outer"></div>
<a class="hero-title" href="../index.html"><img src="../static/thea/verse_white.0cb24a33c88b.svg"></a>
<div class="topbar-right">
<div style="display:none" class="topnav anon">
<div class="topnav-link">
<a href="../me/playlist/create">Create Playlist</a>
</div>
<div class="topnav-link">
<a href="../account/login/index.html?next=%252Faudio%252Fa-summer-poc-poetry-festival-sampler-8982528185829812792">Log In</a>
</div>
<div class="topnav-link">
<a href="../register?next=%252Faudio%252Fa-summer-poc-poetry-festival-sampler-8982528185829812792">Sign Up</a>
</div>
<div class="topnav-link mobile-only dropdown">
<i class='material-icons'>menu</i>
<div class="dropdown-content">
<a href="../me/playlist/create">Create Playlist</a>
<a href="../account/login/index.html">Log In</a>
<a href="../register">Sign Up</a>
</div>
</div>
</div>
</div>
</div>
<div class="container clearfix">
<div class="content-card content-card-main">
<h1>A Summer POC Poetry Festival Sampler</h1>
<div class="audio-playlist-info">
<div class="audio-profile-pic">
<img src="https://s3.amazonaws.com/verse-production/uploads/user_profile_pics/20e04c691d9b48cda200a1de0896f825.jpg"></img>
</div>
<div class="audio-playlist-by-info">
<div class="audio-playlist-by">Playlist by:</div>
<div class="audio-playlist-by-name">We (Too) Are Philly</div>
<div class="audio-playlist-by curator">Curator:</div>
<div class="audio-playlist-by-name">Raena Shirali</div>
</div>
</div>
<div class="audio-playlist-description">
<p><a href="http://www.raenashirali.com/we-too-are-philly/">We (Too) Are Philly</a> is a summer poetry festival organized by the 2018-2019 Poet Laureate of Philadelphia, <a href="https://raquelsalasrivera.com/">Raquel Salas Rivera</a>, and poets <a href="https://www.ashleydavisart.com/">Ashley Davis</a>, <a href="https://kirwynsutherland.wordpress.com/">Kirwyn Sutherland</a>, and <a href="http://www.raenashirali.com">Raena Shirali</a>. It is inspired by Langston Hughes’ poem “<a href="https://www.poetryfoundation.org/poems/47558/i-too">I, Too</a>” and features a line-up of poets of color who have a strong commitment to fighting white supremacy and collaborating with local communities to create shared creative spaces. Poets will come from all over, but each featured poet will be from Philadelphia. We believe that highlighting local authors will serve to raise and respect the histories of those who have built this city. Each reading will also feature at least one poet that works in more than one language. Philadelphia is a sanctuary city; & so our festival is a sanctuary space. ICE and fascism have no right to terrorize our loved ones; our authors’ works maintain that truth. This playlist is just a small sample of the works that will be (& have been) featured at WTAP over the summer. With love, we hope you enjoy.</p>
</div>
<div>
<div id="nowPlay">
<span class="left" id="npAction"></span>
<span class="right" id="npTitle"></span>
</div>
<div id="audiowrap">
<div id="audio0">
<audio preload id="audio1" controls="controls">Sorry, your browser does not support HTML5 Audio!</audio>
</div>
</div>
<div id="plwrap">
<ul id="plList">
<li>
<div class="plItem">
<div class="plNum">1.</div>
<div class="plTitle">In Theory, We Are All Human</div>
<div class="plAuthor">
<a href="../author/cortney-lamar-charleston-3287410205164375879">Cortney Lamar Charleston</a>
</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">2.</div>
<div class="plTitle">In a Men's Museum</div>
<div class="plAuthor">
<a href="../author/marissa-johnson-valenzuela-6103964248598936629">Marissa Johnson-Valenzuela</a>
</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">3.</div>
<div class="plTitle">Driving to York Prison in a Thunderbird</div>
<div class="plAuthor">
<a href="../author/cynthia-dewi-oka-2977154131911698937">Cynthia Dewi Oka</a>
</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">4.</div>
<div class="plTitle">The Last Chance</div>
<div class="plAuthor">
<a href="../author/warren-longmire-7236753011935971636">Warren Longmire</a>
</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">5.</div>
<div class="plTitle">the Orishas spend a day as humans</div>
<div class="plAuthor">
<a href="../author/irene-mathieu-4731166261867274193">Irène Mathieu</a>
</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">6.</div>
<div class="plTitle">The Middle East is Missing</div>
<div class="plAuthor">
<a href="../author/marwa-helal-4875500334863570223">Marwa Helal</a>
</div>
</div>
</li>
<li>
<div class="plItem">
<div class="plNum">7.</div>
<div class="plTitle">benedición</div>
<div class="plAuthor">
<a href="../author/raquel-salas-rivera-8408669905915018924">Raquel Salas Rivera</a>
</div>
</div>
</li>
</ul>
</div>
<div id="tracks">
<a id="btnPrev">←</a>
<a id="btnNext">→</a>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
// html5media enables <video> and <audio> tags in all major browsers
// External File: http://api.html5media.info/1.1.8/html5media.min.js
// Add user agent as an attribute on the <html> tag...
// Inspiration: http://css-tricks.com/ie-10-specific-styles/
var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform );
jQuery(function ($) {
var supportsAudio = !! document.createElement('audio').canPlayType;
if (supportsAudio) {
var index = 0,
playing = false;
mediaPath = 'https://archive.org/download/mythium/',
tracks = [{"name": "In Theory, We Are All Human", "file": "https://s3.amazonaws.com/verse-production/uploads/poem_audio/97bea6e921bf4d418a134a1cb5765bf5.mp3"}, {"name": "In a Men's Museum", "file": "https://s3.amazonaws.com/verse-production/uploads/poem_audio/e113eebc9c40491d83e1500af8b15df8.mp3"}, {"name": "Driving to York Prison in a Thunderbird", "file": "https://s3.amazonaws.com/verse-production/uploads/poem_audio/10695157c2254b84afa7b6f8614b74d3.mp3"}, {"name": "The Last Chance", "file": "https://s3.amazonaws.com/verse-production/uploads/poem_audio/1d3e21789f39446a94d518c8395acf5b.mp3"}, {"name": "the Orishas spend a day as humans", "file": "https://s3.amazonaws.com/verse-production/uploads/poem_audio/6ecbb95338e04d0bb53ad3d62bd81914.mp3"}, {"name": "The Middle East is Missing", "file": "https://s3.amazonaws.com/verse-production/uploads/poem_audio/10669c8036fe49d8a0c2509b75c93b14.mp3"}, {"name": "benedici\u00f3n", "file": "https://s3.amazonaws.com/verse-production/uploads/poem_audio/6733109f094b467daaccc04100d0c5f2.mp3"}],
trackCount = tracks.length,
npAction = $('#npAction'),
npTitle = $('#npTitle'),
audio = $('#audio1').bind('play', function () {
playing = true;
npAction.text('Now Playing...');
}).bind('pause', function () {
playing = false;
npAction.text('');
}).bind('ended', function () {
npAction.text('');
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
audio.play();
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}).get(0),
btnPrev = $('#btnPrev').click(function () {
if ((index - 1) > -1) {
index--;
loadTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
btnNext = $('#btnNext').click(function () {
if ((index + 1) < trackCount) {
index++;
loadTrack(index);
if (playing) {
audio.play();
}
} else {
audio.pause();
index = 0;
loadTrack(index);
}
}),
li = $('#plList li').click(function () {
var id = parseInt($(this).index());
if (id !== index) {
playTrack(id);
} else {
audio.play();
}
}),
loadTrack = function (id) {
$('.plSel').removeClass('plSel');
$('#plList li:eq(' + id + ')').addClass('plSel');
npTitle.text(tracks[id].name);
index = id;
audio.src = tracks[id].file;
},
playTrack = function (id) {
loadTrack(id);
audio.play();
};
loadTrack(index);
}
});
</script>
</div>
<footer class="container">
<a href="../site/about">About</a>
<a href="../site/privacy">Privacy</a>
<a href="https://www.facebook.com/versedotpress/" target="_blank">Facebook</a>
<a href="https://twitter.com/versedotpress/" target="_blank">Twitter</a>
</footer>
<script type="text/javascript">
window.Verse = {
isErrorPage: false,
Config: {"ENVIRONMENT": "production", "ALGOLIA_INDEX_SUFFIX": "Production"},
loggedInUser: null
};
</script>
<script src="https://cdn.tinymce.com/4/tinymce.min.js"></script>
<script type="text/javascript" src="../static/build/ts-output.1e40cbd6451bc85b98db.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-75976706-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>