1<!DOCTYPE html> 2<html> 3<head> 4 <title>About Us</title> 5 <meta name="keywords" content="About Us" /> 6 <meta name="description" content="About Us" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 9 <meta name="apple-mobile-web-app-capable" content="yes"> 10 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 11 12 13 <!-- Open Graph Meta Data by WP-Open-Graph plugin--> 14 <meta property="og:site_name" content="African American Art Song Alliance" /> 15 <meta property="og:locale" content="en_us" /> 16 <meta property="og:type" content="article" /> 17 <meta property="og:title" content="About Us" /> 18 <meta property="og:url" content="https://artsongalliance.org/pages/about-us" /> 19 <meta property="og:description" content="About Us" /> 20 21 <!-- /Open Graph Meta Data --> 22 23 24 25 <!--Font Family--> 26 <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,800,900' rel='stylesheet' type='text/css'> 27 <link href=' https://fonts.googleapis.com/css?family=Open Sans:300,400,500,700,800,900' rel='stylesheet' type='text/css'> 28 29 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 30 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 31 32
32<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
32 33
33<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
33 34 <link href="/favicon.ico" type="image/x-icon" rel="icon"/><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"/> <link rel="stylesheet" href="/js/fancybox215/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 35
35<script type="text/javascript" src="/js/fancybox215/source/jquery.fancybox.pack.js?v=2.1.5"></script>
35 36 37 <link type="text/css" rel="stylesheet" href="/admin-panel/bootstrap/css/bootstrap.min.css" /> 38 <link type="text/css" rel="stylesheet" href="/css/style.css" /> 39 40 <link rel="stylesheet" href="/js/tabber/responsive-tabs.css"> 41
41<script src="/js/tabber/responsiveTabs.js"></script>
41 42
42<script> 43 $(document).ready(function() { 44 RESPONSIVEUI.responsiveTabs(); 45 }) 46 </script>
46 47</head> 48<body> 49 <div class="main"> 50 <div class="container"> 51 <div class="row"> 52 <link type="text/css" rel="stylesheet" href="/audiojs/includes/index.css">
53<script src="/audiojs/audiojs/audio.min.js"></script>
53 54 55<div class="col-xs-4 col-sm-3 col-md-3 logo"> 56 <a href="/pages" target="_self"><img src="/img/logo.png" alt="" class="img-responsive" border="0"/></a></div> 57 58<div class="col-xs-8 col-sm-9 col-md-9 top_nav pull-right text-right"> 59 <div> 60 <a href="/users/login" target="_self">Login</a> | <a href="/users/register" target="_self" class="hidden-360">Register</a> </div> 61 62 <div class="col-sm-12 col-md-9 followus pull-right nopadding"> 63 Follow Us: 64 <a href="https://www.facebook.com/groups/artsongalliance/" target="_blank"><img src="/img/facebook.png" alt="Facebook" border="0"/></a> 65 <a href="https://twitter.com/ArtSongAlliance" target="_blank"><img src="/img/twitter.png" alt="twitterurl" border="0"/></a> 66 <a href="https://www.youtube.com/user/ArtSongAlliance" target="_blank"><img src="/img/youtube.png" alt="youtubeurl" border="0"/></a> </div> 67</div> 68 69<div class="clearfix"></div> 70 71 <nav class="navbar navbar-default"> 72 <div class=""> 73 <!-- Brand and toggle get grouped for better mobile display --> 74 <div class="navbar-header"> 75 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 76 <span class="sr-only">Toggle navigation</span> 77 <span class="icon-bar"></span> 78 <span class="icon-bar"></span> 79 <span class="icon-bar"></span> 80 </button> 81 </div> 82 83 <!-- Collect the nav links, forms, and other content for toggling --> 84 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 85 <ul class="nav navbar-nav"> 86 <li ><a href="/pages" target="_self" class="">Home</a></li> 87 <li class="dropdown"> 88 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span> 89 </a> 90 <ul class="dropdown-menu"> 91 <li ><a href="/pages/mission-statement" target="_self">Mission</a></li> 92 <li class='current_page_item'><a href="/pages/about-us" target="_self">About</a></li> 93 <li ><a href="/pages/discography" target="_self">Discography</a></li> 94 <li ><a href="/pages/chronology " target="_self">Chronology </a></li> 95 <li ><a href="/galleries" target="_self">Gallery</a></li> 96 <li ><a href="/contacts" target="_self">Contact</a> </li> 97 <li ><a href="/faqs" target="_self">FAQ</a></li> 98 99 </ul> 100 </li> 101 102 <li ><a href="/composers" target="_self">Composers</a></li> 103 <li ><a href="/performers" target="_self">Performers</a></li> 104 <li ><a href="/scholars" target="_self">Scholars</a></li> 105 <li ><a href="/publishers" target="_self">Publishers</a></li> 106 107 108 <li class="dropdown"> 109 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Conference <span class="caret"></span> 110 </a> 111 <ul class="dropdown-menu"> 112 <li><a href="https://music.arts.uci.edu/sites/default/files/AASA_program_2007.pdf" target="_blank">2007 Conference <br>A Time for Reflection</a></li> 113 <li><a href="https://music.arts.uci.edu/sites/default/files/AASA_program_2012.pdf" target="_blank">2012 Conference <br>Roots and Branches</a></li> 114 <li><a href="https://music.arts.uci.edu/sites/default/files/AASA_program_2017.pdf" target="_blank">2017 Conference <br>20th Anniversary Celebration</a></li> 115 </ul> 116 </li> 117 118 119 120 121 <li ><a href="/pages/links" target="_self">Links</a></li> 122 123 <li ><a href="/userPublishedWorks" target="_self">Published Work</a></li> 124 125 126 127 </ul> 128 </div><!-- /.navbar-collapse --> 129 </div><!-- /.container-fluid --> 130</nav> 131 132 133 134 <!--Banner Part Start Here--> 135 <div class="bannerbox"> 136 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 137 <div class="carousel-inner" role="listbox"> 138 <img src="/uploads/banners/20160827175019_1.jpg" class="item active img-responsive" /> 139 <img src="/uploads/banners/20160827175029_2.jpg" class="item img-responsive" /> 140 <img src="/uploads/banners/20160827175041_3.jpg" class="item img-responsive" /> 141 <img src="/uploads/banners/20161118220307_4.jpg" class="item img-responsive" /> 142 <img src="/uploads/banners/20161118220622_7.jpg" class="item img-responsive" /> 143 <img src="/uploads/banners/20161118220354_5.jpg" class="item img-responsive" /> 144 <img src="/uploads/banners/14691646762.png" class="item img-responsive" /> 145 <img src="/uploads/banners/20161118220120_1.jpg" class="item img-responsive" /> 146 <img src="/uploads/banners/14691646481.png" class="item img-responsive" /> 147 <img src="/uploads/banners/20161118220601_6.jpg" class="item img-responsive" /> 148 <img src="/uploads/banners/20161118220711_9.jpg" class="item img-responsive" /> 149 <img src="/uploads/banners/20160827175108_4.jpg" class="item img-responsive" /> 150 <img src="/uploads/banners/20160827175121_5.jpg" class="item img-responsive" /> 151 <img src="/uploads/banners/20161118220734_10.jpg" class="item img-responsive" /> 152 <img src="/uploads/banners/20161118220241_3.jpg" class="item img-responsive" /> 153 <img src="/uploads/banners/20161118220807_8.jpg" class="item img-responsive" /> 154 <img src="/uploads/banners/20161118220202_2.jpg" class="item img-responsive" /> 155 </div> 156 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-sli
156de="prev"> 157 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"> </span> 158 <span class="sr-only">Previous</span> 159 </a> 160 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 161 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 162 <span class="sr-only">Next</span> 163 </a> 164 </div> 165</div> 166 167 168 <!--Containtent Left Side--> 169 <div class="col-xs-12 col-sm-8 pull-left"> 170 <h1 class="pull-left">About Us</h1> 171<div class="clearfix"> </div> 172<div class="border_bold"></div> 173<div class="border"></div> 174<p>Founded in 1997, this is the home of interchange between performers and scholars interested in art song by African-American composers. Here you will find information and links to assist with your discovery of our contribution to song.</p> 175 176 177 178 </div> 179 180 <!--Containtent Right Side / Sidebar--> 181 <div class="col-xs-12 col-sm-4 pull-right"> 182
182<script language="javascript"> 183 function verifyFormElements(objForm) { 184 if(objForm.UserQstr.value.trim() == "") { 185 alert("Please fill search to continue."); 186 objForm.UserQstr.focus(); 187 return false; 188 } 189 return true; 190 } 191</script>
191 192 193 194 195<div class="row"> 196 <!-----------------Search----------------> 197 <div class="col-xs-12 col-md-12"> 198 <h1 class="pull-left">Search</h1> 199 <div class="clearfix"> </div> 200 <div class="col-xs-12 col-md-12 sidebar pull-right nopadding paddingright"> 201 202 <form action="/Users/search" onsubmit="javascript: return verifyFormElements(this);" id="UserSearchForm" method="get" accept-charset="utf-8"> <div class="input-group"> 203 <input name="qstr" maxlength="100" class="form-control srchbx" placeholder="Search this site" type="text" id="UserQstr"/> <span class="input-group-btn"> 204 <button type="submit" class="btn btn-default glyphicon glyphicon-search"></button> </span> 205 </div> 206 </form> </div> 207 </div> 208 209 <!-----------------Audio List----------------> 210 <div class="col-xs-12 col-md-12"> 211 212 <h1 class="pull-left">Audio Playlist</h1> 213 <span class="viewmoreaudios pull-right"> 214 <a href="/UserAudios/allaudios"> 215 View all audios <i class="fa fa-angle-double-right"></i> 216 </a> 217 </span> 218 219 220 <div class="clearfix"> </div> 221 <div class="panel" style="border:1px solid #ADACAC;"> 222 <audio preload></audio> 223 <ol class="panel-body list-group nopadding audioselect"> 224 <li class="list-group-item" style=""> 225 <a href="#" data-src="/uploads/useraudios/"> 226 Herz, Mein Herz sei nicht beklommen" from A Love Cycle</a> 227 </li> 228 <li class="list-group-item" style=""> 229 <a href="#" data-src="/uploads/useraudios/20160915170059_4_21.mp3"> 230 âIn time of silver rainâ from Fields of Wonder </a> 231 </li> 232 <li class="list-group-item" style=""> 233 <a href="#" data-src="/uploads/useraudios/20160915170202_4_25.mp3"> 234 âManâ from Fields of Wonder </a> 235 </li> 236 <li class="list-group-item" style=""> 237 <a href="#" data-src="/uploads/useraudios/20160915165747_4_08.mp3"> 238 âOh snatched away in beautyâs bloomâ from Stanzas for Music </a> 239 </li> 240 <li class="list-group-item" style=""> 241 <a href="#" data-src="/uploads/useraudios/20160915161626_2_09.mp3"> 242 Jump Back</a> 243 </li> 244 </ol> 245 </div> 246 </div> 247 248 249 <!---------------------Photo Gallery--------> 250 <div class="col-xs-12 col-md-12"> 251 <h1 class="pull-left">Photo Gallery</h1> 252 <span class="pull-right viewmoreg"> 253 <a href="/galleries">View all <i class="fa fa-angle-double-right"></i></a> 254 </span> 255 <div class="clearfix"> </div> 256 <div class = "col-xs-2 col-sm-4 col-md-4"> 257 <div class="row photo_gallery"> 258 <a href="/users/details/adolphus-hailstork" title="Adolphus Hailstork"> 259 <img src="/uploads/users/20160806172607_HailstorkAdolphus.jpg" border="0" class="img-responsive" /> 260 </a> 261 </div> 262 </div> 263 <div class = "col-xs-2 col-sm-4 col-md-4"> 264 <div class="row photo_gallery"> 265 <a href="/users/details/randye-jones" title="Randye Jones"> 266 <img src="/uploads/users/20161003054339_20160919044838_randyjones.jpg" border="0" class="img-responsive" /> 267 </a> 268 </div> 269 </div> 270 <div class = "col-xs-2 col-sm-4 col-md-4"> 271 <div class="row photo_gallery"> 272 <a href="/users/details/richard-thompson" title="Richard Thompson"> 273 <img src="/uploads/users/20200628003612_thompsonrichard.jpg" border="0" class="img-responsive" /> 274 </a> 275 </div> 276 </div> 277 <div class = "col-xs-2 col-sm-4 col-md-4"> 278 <div class="row photo_gallery"> 279 <a href="/users/details/susheel-bibbs" title="Susheel Bibbs"> 280 <img src="/uploads/users/20200628054841_IMG_0727.JPG" border="0" class="img-responsive" /> 281 </a> 282 </div> 283 </div> 284 <div class = "col-xs-2 col-sm-4 col-md-4"> 285 <div class="row photo_gallery"> 286 <a href="/users/details/zenobia-powell-perry" title="Zenobia Powell Perry"> 287 <img src="/uploads/users/20160806172211_zenobia.jpg" border="0" class="img-responsive" /> 288 </a> 289 </div> 290 </div> 291 <div class = "col-xs-2 col-sm-4 col-md-4"> 292 <div class="row photo_gallery"> 293 <a href="/users/details/daniel-washington" title="Daniel Washington"> 294 <img src="/uploads/users/20160806172011_danielwash.jpg" border="0" class="img-responsive" /> 295 </a> 296 </div> 297 </div> 298 </div> 299 300 <!---------------------Upcoming Awards--------> 301 <div class="col-xs-12 col-md-12"> 302 <h1 class="pull-left">Upcoming Awards</h1> 303 <div class="clearfix"> </div> 304 <div class="row"> 305 306 <div class="col-xs-12 col-sm-12 col-md-12 upcoming_award"> 307 <div class="col-xs-2 col-sm-3 col-md-3 nopadding"> 308 <a href="/awards/details/1"> 309 <img src="/uploads/awards/20160802113827_george_shirley.png" class="img-responsive"> 310 </a> 311 </div> 312 <div class="col-xs-9 col-sm-7 col-md-9"> 313 <a href="/awards/details/1"> 314 <span>George Shirley Performance Award</span> 315 </a> 316 <!--<div class="startdate">Start On : </div> 317 <div class="startdate">Ends On : </div>--> 318 </div> 319 </div> 320 <div class="col-xs-12 col-sm-12 col-md-12 upcoming_award"> 321 <div class="col-xs-2 col-sm-3 col-md-3 nopadding"> 322 <a href="/awards/details/3"> 323 <img src="/uploads/awards/20160827154112_Patterson.Willis.jpg" class="img-responsive"> 324 </a> 325 </div> 326 <div class="col-xs-9 col-sm-7 col-md-9"> 327 <a href="/awards/details/3"> 328 <span>Willis C. Patterson Research Award</span> 329 </a> 330 <!--<div class="startdate">Start On : </div> 331 <div class="startdate">Ends On : </div>--> 332 </div> 333 </div> 334 <div class="col-xs-12 col-sm-12 col-md-12 upcoming_award"> 335 <div class="col-xs-2 col-sm-3 col-md-3 nopadding"> 336 <a href="/awards/details/2"> 337 <img src="/uploads/awards/20160827160404_adams-owens.jpg" class="img-responsive"> 338 </a> 339 </div> 340 <div class="col-xs-9 col-sm-7 col-md-9"> 341 <a href="/awards/details/2"> 342 <span>Adams-Owens Prize</span> 343 </a> 344 <!--<div class="startdate">Start On : </div> 345 <div class="startdate">Ends On : </div>--> 346 </div> 347 </div> 348 </div> 349 </div> 350 351 <!---------------------Facebook Like!----------> 352 <div class="col-xs-12 col-md-12"> 353 <h1 class="pull-left">Facebook Discussion Page</h1> 354 <div class="clearfix"> </div>
355 <a href="https://www.facebook.com/groups/artsongalliance/" target="_blank"><img src="/img/facebook.jpg" alt="Facebook" border="0"/></a> 356 357 </div> 358 359 360 <!---------------------Our Newsletter----------> 361 <div class="col-xs-12 col-md-12 Newsletter"> 362 <div class="clearfix"> </div> 363 <h1 class="pull-left">Our Newsletter</h1> 364 365 <form action="/Newsletters/add" class="form-horizontal" id="NewsletterAddForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> <input name="firstNumber" type="hidden" value="1" /> 366 <input name="secondNumber" type="hidden" value="3" /> 367 368 <div class="form-group"> 369 <div class="col-sm-12"> 370 <div class="input text required"><input name="data[Newsletter][name]" class="form-control" placeholder="Full Name.." maxlength="255" type="text" id="NewsletterName" required="required"/></div> </div> 371 </div> 372 <div class="form-group"> 373 <div class="col-sm-12"> 374 <div class="input email required"><input name="data[Newsletter][email]" class="form-control" placeholder="Email.." maxlength="255" type="email" id="NewsletterEmail" required="required"/></div> </div> 375 </div> 376 377 <div class="form-group"> 378 <div class="col-sm-3" style="margin-top:8px;"><b>1 + 3 = </b></div> 379 <div class="col-sm-5"> 380 <div class="row"> 381 <div class="input text required"><input name="data[Newsletter][security]" value="" class="form-control" type="text" id="NewsletterSecurity" required="required"/></div> </div> 382 </div> 383 </div> 384 385 <div class="form-group"> 386 <div class="col-sm-10"> 387 <button type="submit" class="btn btn-primary">subscribe</button> </div> 388 </div> 389 </form> 390 </div> 391 392 393</div><!--row--> 394 395 396
396<script> 397 $(function() { 398 // Setup the player to autoplay the next track 399 var a = audiojs.createAll({ 400 trackEnded: function() { 401 var next = $('ol li.playing').next(); 402 if (!next.length) next = $('ol li').first(); 403 next.addClass('playing').siblings().removeClass('playing'); 404 audio.load($('a', next).attr('data-src')); 405 audio.play(); 406 } 407 }); 408 409 // Load in the first track 410 var audio = a[0]; 411 first = $('ol a').attr('data-src'); 412 $('ol li').first().addClass('playing'); 413 audio.load(first); 414 415 // Load in a track on click 416 $('ol li').click(function(e) { 417 e.preventDefault(); 418 $(this).addClass('playing').siblings().removeClass('playing'); 419 audio.load($('a', this).attr('data-src')); 420 audio.play(); 421 }); 422 }); 423 </script>
423 424 </div> 425 426 </div><!--row--> 427 </div><!--container--> 428 <footer> 429 <div class="container"> 430 <div class="row"> 431 <div class="col-md-6 footerlinks"> 432 <a href="/pages" target="_self">Home</a> | 433 <a href="/news" target="_self">News</a> | 434 <a href="/events" target="_self">Events</a> | 435 <a href="/galleries" target="_self">Gallery</a> | 436 <a href="/faqs" target="_self">FAQ</a> | 437 <a href="/pages/links" target="_self">Links</a> | 438 <a href="/contacts" target="_self">Contact</a> <div class="copyright">© 2026 African American Art Song Alliance. All Rights Reserved.</div> 439 </div> 440 <div class="col-md-6 text-right powerdby">Powered by : evisualizers.com</div> 441 </div> 442 </div> 443</footer>
444<script src="/admin-panel/bootstrap/js/bootstrap.min.js" /></script>
vendor: 2 bytes, line 444
444
445<script type="text/javascript" src="/js/common.js"></script>
445 </div><!--main--> 446 </body> 447</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.