1<!--This is the header view for the public site--> 2<!DOCTYPE HTML> 3<html> 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1, charset=utf-8" /> 6 <title>Yale Guild of Carillonneurs</title> 7 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 8 <link rel="stylesheet" type="text/css" href="http://yalecarillon.org/assets/css/custom2.css"> 9 <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.11.4/themes/redmond/jquery-ui.css"> 10
10<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
10 11
11<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
11 12 <!--
12<script src="http://yalecarillon.org/public_assets/js/bootstrap.min.js"></script>
12--> 13
13<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
13 14</head> 15 16 17 18<body> 19 20<!--navbar: http://www.tutorialspoint.com/bootstrap/bootstrap_navbar.htm --> 21 22<div class="header-wrapper"> 23 <a href="http://yalecarillon.org"><div class="header-image"></div></a> 24</div> 25 26<!-- old navbar 27<nav class="navbar navbar-default navbar-static-top" role="navigation"> 28 <div class="container"> 29 <ul class="nav navbar-nav nav-tabs" style="float: center"> 30 <li class="active"> <a href="http://yalecarillon.org">Home</a></li> 31 <li class=""> <a href="http://yalecarillon.org/about-carillon">The Carillon</a></li> 32 <li class=""> <a href="http://yalecarillon.org/about-guild">The Guild</a></li> 33 <li class=""> <a href="http://yalecarillon.org/request-tour">Request Tour!</a></li> 34 <li class=""> <a href="http://yalecarillon.org/request-song">Request Song!</a></li> 35 <li class=""> <a href="http://yalecarillon.org/join">Join Us!</a></li> 36 <li class=""> <a href="http://yalecarillon.org/publications">Publications</a></li> 37 <li class=""> <a href="http://yalecarillon.org/alumni">Alumni</a></li> 38 <li class=""> <a href="http://carillon.sites.yale.edu/support-us">Support</a></li> 39 </ul> 40 </div> 41</nav> 42--> 43 44<nav class="navbar navbar-default" role="navigation"> 45 <div class = "navbar-header"> 46 <button type = "button" class = "navbar-toggle" 47 data-toggle = "collapse" data-target = "#example-navbar-collapse"> 48 <span class = "sr-only" >Toggle navigation</span> 49 <span class = "icon-bar" style="background-color:white;"></span> 50 <span class = "icon-bar" style="background-color:white;"></span> 51 <span class = "icon-bar" style="background-color:white;"></span> 52 </button> 53 <a class="icon navbar-brand" href = "home"> 54 <img src='/assets/images/bell_icon_low.png' height=20px> 55 </a> 56 </div> 57 58 <div class = "collapse navbar-collapse" id = "example-navbar-collapse"> 59 <ul class = "nav navbar-nav"> 60 61 <li class="icon"><a href = "home"> 62 <img src='/assets/images/bell_icon_low.png' height=20px> 63 </a> 64 </li> 65 <li class = "dropdown drop-hide"> 66 <a class = "dropdown-toggle" data-toggle = "dropdown"> 67 About 68 <b class = "caret"></b> 69 </a> 70 71 <ul class = "dropdown-menu"> 72 <li class=""><a href = "/about-carillon">The Carillon</a></li> 73 <li class=""><a href = "/about-guild">The Guild</a></li> 74 <li class=""><a href = "/about-handbells">Handbells</a></li> 75 <li class=""><a href = "/alumni">Alumni</a></li> 76 <!--<li><a href = "#">Handbells</a></li>--> 77 </ul> 78 79 </li> 80 <li class=" drop-show"><a href = "/about-carillon">The Carillon</a></li> 81 <li role="separator" class="nav-divider drop-show"></li> 82 <li class=" drop-show"><a href = "/about-guild">The Guild</a></li> 83 <li role="separator" class="nav-divider drop-show"></li> 84 <li class=" drop-show"><a href = "/about-handbells">Handbells</a></li> 85 <!--<li role="separator" class="nav-divider drop-show"></li> 86 <li class=" drop-show"><a href = "alumni">Alumni</a></li>--> 87 <li role="separator" class="nav-divider"></li> 88 <li class=""><a href = "/seniors">Seniors</a></li> 89 <li role="separator" class="nav-divider"></li> 90 <li class=""><a href = "/join">Join</a></li> 91 <li role="separator" class="nav-divider"></li> 92 <li class=""><a href = "/concerts">Concerts</a></li> 93 <li role="separator" class="nav-divider"></li> 94 <li class=""><a href = "/request-tour">Request Tour</a></li> 95 <li role="separator" class="nav-divider"></li> 96 <li class=""><a href = "/request-song">Request Song</a></li> 97 <li role="separator" class="nav-divider"></li> 98 <li class=""><a href = "/publications">Publications</a></li> 99 <li role="separator" class="nav-divider"></li> 100 <li class=""><a href = "/support">Support</a></li> 101 <!--li role="separator" class="nav-divider"></li> 102 <li class=""><a href = "/seniors">Seniors</a></li--> 103 104 </ul> 105 </div> 106</nav> 107<div class="container-fluid" id="main-container"> 108<!--<!DOCTYPE html> 109 <html lang="en"> 110 <head> 111 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 112 <link rel="stylesheet" type="text/css" href="public_assets/bootstrap/css/bootstrap.min.css"> 113 </head> 114 115 <ul class="nav nav-tabs" role="tablist"> 116 ... 117 <li class="dropdown"> 118 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 119 Dropdown <span class="caret"></span> 120 </a> 121 <ul class="dropdown-menu" role="menu"> 122 ... 123 </ul> 124 </li> 125 ... 126 </ul>--> 127<!-- Welcome Carousel
128 <div class="row"> 129 <div class="col-md-offset-1 col-md-10" style="align:center;"> 130 <div id="welcome-carousel" class="carousel slide" data-ride="carousel"> 131 <ol class="carousel-indicators"> 132 <li data-target="#welcome-carousel" data-slide-to="0" class="active"></li> 133 <li data-target="#welcome-carousel" data-slide-to="1"></li> 134 </ol> 135 136 <div class="carousel-inner" style="height: 590px"> 137 <div class="item active"> 138 <img src="public_assets/images/guild_banquet1.jpg" style="width:auto; height:auto"> 139 </div> 140 <div class="item"> 141 <img src="http://yalecarillon.org/public_assets/images/guild_banquet2.jpg" style="width: auto; height: auto;"> 142 </div> 143 </div> 144 145 <a class="left carousel-control" href="#welcome-carousel" role="button" data-slide="prev"> 146 <span class="glyphicon glyphicon-chevron-left"></span> 147 </a> 148 <a class="right carousel-control" href="#welcome-carousel" role="button" data-slide="next"> 149 <span class="glyphicon glyphicon-chevron-right"></span> 150 </a> 151 </div> 152 </div> 153
153<script> 154 $('.carousel').carousel() 155 </script>
155 156 </div> 157 --> 158 159<style> 160 .videoWrapper { 161 position: relative; 162 padding-bottom: 56.25%; /* 16:9 */ 163 padding-top: 25px; 164 height: 0; 165 } 166 .videoWrapper iframe { 167 position: absolute; 168 top: 0; 169 left: 0; 170 width: 100%; 171 height: 100%; 172 } 173</style> 174 175 176 177<!-- 178<div class="panel panel-default"> 179 <div class = "panel-heading"> 180 <b>Heel 2023</b> 181 </div> 182 183 <div class="panel-body"> 184 185 <p> 186 Thanks to everyone who completed heel, and congratulations to our newbies.<br> 187 We're so excited for this new year! 188 </p> 189 <img src="http://yalecarillon.org/assets/images/newbies2016.jpg" width=100%"> 190 <center> 191 <b>Back Row:</b> Milo Brandt, James Carrabino, Noah Kravitz, Vlad Nazarchuk, Anne Lu<br> 192 <b>Front Row:</b> John Mori, Kevin Chang, Erica Ho, Sarah Luckart 193 </center> 194 --> 195 196 <!-- 197 <p><b>Welcome Class of 2026/2027!</b></p> 198 <p> 199 The Yale University Guild of Carillonneurs is a student-run
200 organization that rings the bells of Harkness Tower. We are excited to 201 welcome new students into the Guild! 202 </p> 203 204 <p> 205 <b>How do you play the bells of Harkness?</b><br> 206 The bells are rung by playing the carillon, a keyboard instrument using 207 both the hands and feet. 208 </p> 209 210 <p> 211 <b>When can you hear us play?</b><br> 212 Every day at 12:30pm and 5:30pm. 213 </p> 214 215 <p> 216 <b>How do I join?</b><br> 217 The Heel Process, our 5-week audition process, begins on September 10th! 218 Auditions will be on Sunday, October 15th, 2023. For more information, click 219 <a href="join">here!</a> 220 </p> 221 222 --> 223 <!-- 224 <p> 225 <b>Want to know more?</b><br> 226 Come to an info session and see the inside of Harkness Tower! Meet at the 227 base of Harkness Tower in Branford Courtyard:</p> 228 <ul> 229 <li>7pm on Tuesday September 5th</li> 230 <li>7pm on Wednesday September 6th</li> 231 </ul> 232 233 234 <p> 235 For questions, contact 236 <a href="mailto:[email protected]" target="_top"> 237 [email protected]</a> 238 </p> 239 240 </div> 241</div> 242 243--> 244 245<!--<div class="panel panel-default"> 246 <div class="panel-heading"> 247 <b>Congratulations Class of 2020!</b> 248 </div> 249 <div class="panel-body"> 250 Click <a href="/seniors">here</a> for recordings of our seniors playing their favorite pieces. We wish you all the very best
250! <br><br> 251 <center> 252 <img src="http://yalecarillon.org/assets/images/2020.jpg" width=66%> 253 </center> 254 </div> 255</div> 256 257<div class="panel panel-default"> 258 <div class="panel-heading"> 259 <b>Welcome Newbie Class of 2019</b> 260 </div> 261 <div class="panel-body"> 262 Congratulations to the Guild's seven newest members! 263 We look forward to getting to know you all and seeing you all grow as carillonneurs. Here's to a great year ahead! 264 <br><br> 265 266 <center> 267 <p><img src="http://yalecarillon.org/assets/images/2019Newbies.jpg" width=66%></p> 268 <b>Back Row:</b> Janine Tu, Adam Chen, Kimie Han, Julia Zheng<br> 269 <b>Front Row:</b> Maggy Lambo, Lea Kim, Daniel Pak 270 </center> 271</div> --> 272 273<div class="panel panel-default"> 274 <div class="panel-heading"> 275 <b>Summer Concert Series 2026</b> 276 </div> 277 <div class="panel-body"> 278 279 <p>Every year we host a Summer Concert Series, where we invite carillonneurs from all over the world to come play the bells at Harkness Tower. 280 This year's summer concert series will be from <b>June 12th</b> to <b>July 31st, 2026</b>! More information under the Concerts tab! 281 <p> Our summer carillonneurs are Eric Gan and Parker Verran! 282 Please contact <a href="mailto:[email protected]" target="_top">[email protected]</a> with any questions or requests.</p> 283 </div> 284</div> 285 286<div class="panel panel-default"> 287 <div class="panel-heading"> 288 <b>Current Guild Leadership, 2026-2027</b> 289 </div> 290 <div class="panel-body"> 291 292 <p> Our current co-chairs are Cecilia Sun and Jewon Im! They are now the primary contacts for the guild, and can be reached at 293 <a href="mailto:[email protected]" target="_top">[email protected]</a> or <a href="mailto:[email protected]" target="_top">[email protected]</a>. </p> 294 </div> 295</div> 296 297 <div class="panel panel-default"> 298 <div class="panel-heading"> 299 <b>Interesting Read</b> 300 </div> 301 <div class="panel-body"> 302 Check out <a href="https://newcriterion.com/blogs/dispatch/the-bells-ring-on">this fantastic article</a> about the coronavirus pandemic and carillons, written by out very own Adam Chen! 303 </div> 304 </div> 305 306<!-- 307 <div class="panel panel-default"> 308 <div class="panel-heading"> 309 <b>Carillon Concert by Geert D'hollander Friday February 24th, 2017</b> 310 </div> 311 <div class="panel-body"> 312 <center> 313 <p> 314 <a href="http://yalecarillon.org/assets/images/geert-17-program.pdf"> 315 <img src="http://yalecarillon.org/assets/images/geert-17.png" width="100%" style="max-width: 600px"> 316 </a> 317 </p> 318 <p> <a href="http://yalecarillon.org/assets/images/geert-17-program.pdf"> 319 Click here 320 to read the program. 321 </p> </a> 322 </center> 323 </div> 324 </div> 325 326 --> 327 328 329<!-- 330 <div class="panel panel-default"> 331 <div class="panel-heading"> 332 <b>GCNA Congress 2016</b> 333 </div> 334 <div class="panel-body"> 335 <p>The Yale Guild hosted the 2016 Congress of the Guild of Carillonneurs in North America from June 16 to June 20.</p> 336 337 <p>See our <a href="http://congress.yalecarillon.org">congress website</a> for more information.</p> 338 </div> 339 </div> 340 --> 341 342<!-- 343 <div class="panel panel-default"> 344 <div class="panel-heading" onclick="window.location='concerts';"> 345 <b>Concerts</b> 346 </div> 347 <div class="panel-body"> 348 <p><b>Summer Concert Series 2016</b></p> 349 <p>Every year we host a Summer Concert Series, where the Guild invites 350 carillonneurs from all over the world to come perform at Harkness Tower. 351 This year's Summer Concert Series was organized by Tommy Kilmer, Heather 352 Wang, and Agata Sorotokin.</p> 353 <p>Below is a list of concerts held this summer</p> 354 <table class="table"> 355 <tr> 356 <th>Date</th> 357 <th>Performer</th> 358 </tr> 359 <tr> 360 <td>June 24th</td> 361 <td>Eddy Mariën</td> 362 </tr> 363 <tr> 364 <td>July 1st</td> 365 <td>Ellen Dickinson</td> 366 </tr> 367 <tr> 368 <td>July 8th</td> 369 <td>Kymberly Stone</td> 370 </tr> 371 <tr> 372 <td>July 15th</td> 373 <td>Mathieu Polak</td> 374 </tr> 375 <tr> 376 <td>July 22nd</td> 377 <td>Summer Carillonneurs (Thomas Kilmer, Agata Sorotokin, Heather Wang)</td> 378 </tr> 379 <tr> 380 <td>July 29th</td> 381 <td>Lisa Lonie and Janet Tebbel</td> 382 </tr> 383 <tr> 384 <td>August 5th</td> 385 <td>Andy Zhang</td> 386 </tr> 387 </table> 388 <hr> 389 <p><b>CLOCK'N'ROLL</b><br /> 390 Newbie concert on March 5, 2016</p> 391 <div class="videoWrapper"> 392 <iframe width="560" height="349" src="https://www.youtube.com/embed/videoseries?list=PLo-Qpd4oo9EIZ1-clbigDtJYN6s7ngpWK" frameborder="0" allowfullscreen></iframe>
393 </div> 394 </div> 395 </div> 396 --> 397 398<div class="panel panel-default"> 399 <div class="panel-heading"> 400 <b>Who is playing now?</b> 401 </div> 402 <div class="panel-body"> 403 Check out our <a href="about-guild">ring schedule</a> to find out! 404 </div> 405</div> 406 407<div class="row row-space"> 408 <div class="col-md-4"> 409 <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/yaleguild" data-widget-id="507651228952571905" data-chrome="nofooter noheader" height="120px">Tweets by @yaleguild</a> 410
410<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
410 411 </div> 412 413 <div class="text-center col-md-8"> 414 <iframe src="https://mixlr.com/yaleguild/embed" width="100%" height="200px" scrolling="no" frameborder="no" marginheight="0" marginwidth="0" style="border: 1px solid #E8E8E8; border-radius: 5px;"></iframe><small><a href="http://mixlr.com/yaleguild" style="color:#1a1a1a;text-align:left; font-family:Helvetica, sans-serif; font-size:11px;"></a></small> 415 </div> 416</div> 417 418</div> 419<div class="container" id="footer"> 420 <p class="text-info text-centered" style="text-align: center">© 2021 Yale University Guild of Carillonneurs 421 <br/> 422 <a href="mailto:[email protected]" id="email" tabindex="0">[email protected]</a> | 423 <a href="https://twitter.com/yaleguild" target="_blank">Twitter</a> | 424 <a href="https://www.facebook.com/yale.carillon" target="_blank">Facebook</a> | 425 <a href="#" id="mail" tabindex="0" data-trigger="focus" data-toggle="popover" title="Mailing Address" type="button" data-content="Yale University Guild of Carillonneurs <br/> P.O. Box 201964 <br /> New Haven, CT 06520">Mailing Address</a> 426 </p> 427</div>
428<script> 429$("#mail").popover({ html: true, placement: 'top' }).click(function(e) { e.preventDefault(); }); 430$("#email").click(function(e) { e.preventDefault(); }); 431</script>
431 432
433<script>
vendor: 355 bytes, lines 433-439
433 434 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 435 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 436 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 437 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 438 439 ga('create', '
439UA-104946355-1
vendor: 41 bytes, lines 439-441
439', 'auto'); 440 ga('send', 'pageview'); 441
442</script>
442 443 444</body> 445</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.