1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="csrf-token" content="x5isNL9ocMq8azAEtlyI29AHEgEqdruDFZFpR2kD" /> 8 9 <title>Svensk Musik â First performance</title> 10 <meta name="description" content="It is a magnificent event when a musical work is performed for the very first time. We list the next opportunity here."> 11 12 <!-- Twitter Card data --> 13 <meta name="twitter:card" content="It is a magnificent event when a musical work is performed for the very first time. We list the next opportunity here."> 14 15 <!-- Open Graph data --> 16 <meta property="og:title" content="Svensk Musik" /> 17 <meta property="og:type" content="article" /> 18 <meta property="og:url" content="http://svenskmusik.mic.se/en/calendar" /> 19 <meta property="og:image" content="http://svenskmusik.se/images/jpg/og-image.jpg" /> 20 <meta property="og:site_name" content="Svensk Musik" /> 21 <meta property="og:locale" content="en_US" /> 22 <meta property="og:locale:alternate" content="sv_SE" /> 23 <meta property="og:description" content="It is a magnificent event when a musical work is performed for the very first time. We list the next opportunity here." /> 24 25 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 26 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 27 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 28 <link rel="manifest" href="/manifest.json"> 29 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 30 <meta name="theme-color" content="#ffffff"> 31 32 <link rel="stylesheet" href="/css/app.css?id=f20b65ff9cf90cfc8f97"> 33 34
34<script src="https://cdn-eu.cookietractor.com/cookietractor.js" data-lang="sv-SE" data-id="c1fb6c38-cb9d-4603-99a7-d025437da37b" type="f20b3e4e70902b2372988a20-text/javascript"></script>
34 35 36
36<script type="f20b3e4e70902b2372988a20-text/javascript"> 37 window.appConf = {"locale":"en","baseUrl":"https:\/\/www.svenskmusik.org","netsDibsPaymentUrl":"https:\/\/www.svenskmusik.org\/nets-dibs\/payment"}; 38 </script>
38 39 40 </head> 41 <body> 42 <a href="#main-content" class="c-skipLink u-visuallyHidden u-focusable"> 43 Go to main content 44 </a> 45 46 47 <aside class="c-cmsAlert"> 48 <div class="c-cmsAlert__alert"> 49 <img src="/images/svg/icon-cms-alert.svg" alt="icon" width="20" height="20"> 50 <p role="alert">Want to order the Edition Suecia Tranströmer edition? Write "Tranströmerutgåvan" in the search field.</p> 51 </div> 52 </aside> 53 54 <header class="c-header"> 55 <a href="/" class="c-header__logo"> 56 <img src="/images/svg/logo-black.svg" alt="Svensk Musik" width="220" height="15" /> 57 </a> 58 59 60 <nav class="c-nav--primary"> 61 <ul class="c-nav--primary__menu"> 62 <li class="c-nav--primary__item"> 63 <a class="c-nav--primary__link" href="https://www.svenskmusik.org/en/search"> 64 <span class="c-nav--primary__link__text">Search works</span> 65 </a> 66 </li> 67 <li class="c-nav--primary__item"> 68 <a class="c-nav--primary__link" href="https://www.svenskmusik.org/en/about"> 69 <span class="c-nav--primary__link__text">About Svensk Musik</span> 70 </a> 71 </li> 72 </ul> 73</nav> </header> 74 75 <div id="cart-container"> 76 <div id="cart" class="c-cartDialog js-dialog" aria-hidden="true"> 77 78 <div class="c-cartDialog__overlay" tabindex="-1" data-a11y-dialog-hide="cart"></div> 79 80 <div role="dialog" class="c-cartDialog__inner" aria-labelledby="cart-title"> 81 <div role="document" class="c-cartDialog__document"> 82 83 <h2 id="cart-title" tabindex="0" class="c-cartDialog__title"> 84 Cart 85 </h2> 86 87 <div class="c-cartDialog__content"> 88 <div class="c-cartDialog__content__inner"> 89 <cart 90 :animate="animate" 91 /> 92 </div> 93 </div> 94 95 <button type="button" class="c-cartDialog__close" data-a11y-dialog-hide="cart" aria-label="Close this dialog window"> 96 <svg class="c-icon -close" aria-hidden="true"> 97 <use xlink:href="/images/spritemap.svg#icon-close"></use> 98 </svg> 99 </button> 100 101 </div> 102 </div> 103</div> 104 105 106 <cart-toggle></cart-toggle> 107</div> 108 109 <main id="main-content" tabindex="-1"> 110 <section class="o-wrapper u-overflow-visible"> 111 <div class="o-row o-fauxRow -large"> 112 <div class="c-calendar"> 113 <h1 class="u-visuallyHidden">All first performances</h1> 114 <p class="c-heading-b">It is a magnificent event when a musical work is performed for the very first time. We list the next opportunity here.</p> 115 116 <div id="calendar-app" data-load-more="true"> 117 <calendar-list :grouped-works="groupedWorks"></calendar-list> 118 <button v-if="loadMore" @click="loadWorks(pagination.next_page)" class="c-button--loadMore">Load more</button> 119 </div> 120 </div> 121 </div> 122 </section> 123 </main> 124 125 <footer class="c-footer"> 126 <div class="o-wrapper"> 127 <nav class="c-nav--secondary"> 128 <ul class="c-nav--secondary__menu"> 129 <li class="c-nav--secondary__item"> 130 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/search"> 131 <span class="c-nav--secondary__link__text">Search works</span> 132 </a> 133 </li> 134 <li class="c-nav--secondary__item"> 135 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/about"> 136 <span class="c-nav--secondary__link__text">About Svensk Musik</span> 137 </a> 138 </li> 139 <li class="c-nav--secondary__item"> 140 <a class="c-nav--secondary__link" href="#" role="button" data-a11y-dialog-show="deposit-dialog"> 141 <span class="c-nav--secondary__link__text">Submit work</span> 142 </a> 143 </li> 144 <li class="c-nav--secondary__item"> 145 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/calendar"> 146 <span class="c-nav--secondary__link__text">First performances</span> 147 </a> 148 </li> 149 <li class="c-nav--secondary__item"> 150 <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/contact">
151 <span class="c-nav--secondary__link__text">Contact</span> 152 </a> 153 </li> 154 </ul> 155 <ul class="c-nav--language__menu"> 156 <li class="c-nav--language__item"> 157 <a class="c-nav--language__link " 158 rel="alternate" 159 hreflang="sv" 160 href="https://www.svenskmusik.org/sv/kalender"> 161 <span class="c-nav--language__link__text">Svenska</span> 162 </a> 163 </li> 164 <li class="c-nav--language__item"> 165 <a class="c-nav--language__link -active" 166 rel="alternate" 167 hreflang="en" 168 href="https://www.svenskmusik.org/en/calendar"> 169 <span class="c-nav--language__link__text">English</span> 170 </a> 171 </li> 172 </ul> 173</nav> <div class="u-overflowHidden"> 174 <div class="o-row -small o-4-12@large u-left@large u-centerAlign"> 175 <a href="/" class="c-footer__logo"> 176 <img src="/images/svg/logo.svg" alt="Svensk Musik" width="216" height="22" /> 177 </a> 178 </div> 179 <div class="o-row -small o-1-2@medium-large o-4-12@large c-footer__text -contact u-left@medium"> 180 <h2 class="u-visuallyHidden">Kontakta oss</h2> 181 <a href="tel:+4687838800">+46 8 783 88 00</a><br/> 182 <a href="/cdn-cgi/l/email-protection#81e8efe7eec1f2f7e4eff2eaecf4f2e8eaafeef3e6"><span class="__cf_email__" data-cfemail="b4dddad2dbf4c7c2d1dac7dfd9c1c7dddf9adbc6d3">[email protected]</span></a> 183 </div> 184 <div class="o-row -small o-1-2@medium-large o-4-12@large c-footer__text -address u-left@medium u-last@medium"> 185 <h2 class="u-visuallyHidden">Postadress</h2> 186 Hornsgatan 103<br/> 187 Box 17092<br/> 188 104 62 Stockholm 189 </div> 190 </div> 191 <div class="o-row c-footer__policy"> 192 <a href="javascript:cookieTractor.openConsentSettings()" target="_self"> 193 Cookie settings 194 </a> 195 </div> 196 </div> 197</footer> 198 <div id="deposit-dialog" class="c-dialog js-dialog " aria-hidden="true"> 199 200 <div class="c-dialog__overlay" tabindex="-1"> 201 202 <div role="dialog" class="c-dialog__inner" aria-labelledby="deposit-dialog-title"> 203 204 <div role="document"> 205 206 <h2 id="deposit-dialog-title" tabindex="0" class="u-visuallyHidden"> 207 Deposit 208 </h2> 209 210 <h1 class="c-heading-a -divider">Deposition</h1> 211 212 <div class="c-body"> 213 <p>Svensk Musik accepts digital scores of original notated works.â¨<br>Read our deposition rules <a href="/docs/regulations_for_deposit.pdf" target="_blank">here</a> in Swedish or contact us at <a href="/cdn-cgi/l/email-protection#d1b5b4a1bebfb4a3b091a2a7b4bfa2babca4a2b8baffbea3b6">Deposition</a></p> 214 </div> 215 216 <br> 217 218 <p class="c-text"> </p> 219 220 <p class="c-text"> </p> 221 222 <br> 223 224 <p class="c-text"> </p> 225 226 <!-- 227 <form class="fl-form"> 228 <div class="o-wrapper"> 229 230 <div class="o-fauxRow"> 231 232 <div class="o-row -small"> 233 <div class="o-10-12@large u-center c-form__item"> 234 <label class="c-form__label -center -featured" for="workTitle">Work title</label> 235 <input type="text" class="c-form__text -featured -center" id="workTitle" required /> 236 </div> 237 </div> 238 239 <div class="o-row -small"> 240 <div class="o-10-12@large u-center c-form__item"> 241 <label class="c-form__label -center" for="work-composer">Composer</label> 242 <input type="text" class="c-form__text -center" id="work-composer" required /> 243 </div> 244 </div> 245 246 <div class="o-row -small"> 247 <div class="o-10-12@large u-center u-clearfix"> 248 <div class="o-6-12@large u-left@large"> 249 <div class="o-8-12@large u-center@large c-form__item"> 250 <label class="c-form__label -center" for="work-year">Year of composition</label> 251 <input type="text" class="c-form__text -center" id="work-year" required /> 252 </div> 253 </div> 254 255 <div class="o-6-12@large u-left@large"> 256 <div class="o-8-12@large u-center@large c-form__item"> 257 <label class="c-form__label -center" for="work-duration">Duration in minutes</label> 258 <input type="number" class="c-form__text -center" id="work-duration" required /> 259 </div> 260 </div> 261 </div> 262 </div> 263 264 <div class="o-row -small"> 265 <div class="o-10-12@large u-center c-form__item"> 266 <label class="c-form__label" for="work-crew">Crew in order</label> 267 <input type="text" class="c-form__text" id="work-crew" required /> 268 </div> 269 </div> 270 271 <div class="o-row o-fauxRow -small u-clearfix"> 272 <fieldset class="c-form__fieldset -naked"> 273 <legend><span class="c-form__label -large">Score</span></legend> 274 <fieldset class="c-form__paper"> 275 <legend class="u-visuallyHidden">Format</legend> 276 277 <ul class="c-form__list"> 278 <li class="c-form__item -inline"> 279 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-A4" type="radio" name="work-score-format" value="a4"> 280 <label class="c-form__label" for="work-score-format-A4"> 281 <svg class="c-icon -a4" aria-hidden="true"> 282 <use xlink:href="/images/spritemap.svg#icon-a4"></use> 283 </svg> 284 A4 285 <svg class="c-icon -check" aria-hidden="true"> 286 <use xlink:href="/images/spritemap.svg#form-check"></use> 287 </svg> 288 </label> 289 </li> 290 <li class="c-form__item -inline"> 291 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-A3" type="radio" name="work-score-format" value="a3"> 292 <label class="c-form__label" for="work-score-format-A3"> 293 <svg class="c-icon -a3" aria-hidden="true"> 294 <use xlink:href="/images/spritemap.svg#icon-a3"></use> 295 </svg> 296 A3 297 <svg class="c-icon -check" aria-hidden="true"> 298 <use xlink:href="/images/spritemap.svg#form-check"></use> 299 </svg> 300 </label> 301 </li> 302 <li class="c-form__item -inline"> 303 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-stimformat" type="radio" name="work-score-format" value="stimformat"> 304 <label class="c-form__label" for="work-score-format-stimformat"> 305 <svg class="c-icon -stimformat" aria-hidden="true"> 306 <use xlink:href="/images/spritemap.svg#icon-stimformat"></use> 307 </svg> 308 Stim format 309 <svg class="c-icon -check" aria-hidden="true"> 310 <use xlink:href="/images/spritemap.svg#form-check"></use> 311 </svg> 312 </label> 313 </li> 314 </ul> 315 </fieldset> 316 317 <fieldset class="c-form__paper"> 318 <legend class="u-visuallyHidden">Paper orientation</legend> 319 320 <ul class="c-form__list"> 321 <li class="c-form__item -inline"> 322 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-orientation-portrait" type="radio" name="work-score-orientation" value="portrait"> 323 <label class="c-form__label" for="work-score-orientation-portrait"> 324 <svg class="c-icon -portrait" aria-hidden="true"> 325 <use xlink:href="/images/spritemap.svg#icon-portrait"></use> 326 </svg> 327 Portrait 328 <svg class="c-icon -check" aria-hidden="true"> 329 <use xlink:href="/images/spritemap.svg#form-check"></use> 330 </svg> 331 </label> 332 </li> 333 <li class="c-form__item -inline"> 334 <input class="c-form__paper__radio u-visuallyHidden" id="work-score-orientation-landscape" type="radio" name="work-score-orientation" value="landscape"> 335 <label class="c-form__label" for="work-score-orientation-landscape"> 336 <svg class="c-icon -landscape" aria-hidden="true"> 337 <use xlink:href="/images/spritemap.svg#icon-landscape"></use> 338 </svg> 339 Landscape 340 <svg class="c-icon -check" aria-hidden="true"> 341 <use xlink:href="/images/spritemap.svg#form-check"></use> 342 </svg> 343 </label> 344 </li> 345 </ul> 346 </fieldset> 347 </fieldset> 348 </div> 349 350 <div class="o-row u-clearfix"> 351 <fieldset class="c-form__fieldset -naked"> 352 <legend><span class="c-form__label -large">Voices</span></legend> 353 <fieldset class="c-form__paper"> 354 <legend class="u-visuallyHidden">Format</legend> 355 356 <ul class="c-form__list"> 357 <li class="c-form__item -inline"> 358 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-A4" type="radio" name="work-parts-format" value="a4"> 359 <label class="c-form__label" for="work-parts-format-A4"> 360 <svg class="c-icon -a4" aria-hidden="true"> 361 <use xlink:href="/images/spritemap.svg#icon-a4"></use> 362 </svg> 363 A4 364 <svg class="c-icon -check" aria-hidden="true"> 365 <use xlink:href="/images/spritemap.svg#form-check"></use> 366 </svg> 367 </label> 368 </li> 369 <li class="c-form__item -inline"> 370 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-A3" type="radio" name="work-parts-format" value="a3"> 371 <label class="c-form__label" for="work-parts-format-A3"> 372 <svg class="c-icon -a3" aria-hidden="true"> 373 <use xlink:href="/images/spritemap.svg#icon-a3"></use> 374 </svg> 375 A3 376 <svg class="c-icon -check" aria-hidden="true"> 377 <use xlink:href="/images/spritemap.svg#form-check"></use> 378 </svg> 379 </label> 380 </li> 381 <li class="c-form__item -inline"> 382 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-stimformat" type="radio" name="work-parts-format" value="stimformat"> 383 <label class="c-form__label" for="work-parts-format-stimformat"> 384 <svg class="c-icon -stimformat" aria-hidden="true"> 385 <use xlink:href="/images/spritemap.svg#icon-stimformat"></use> 386 </svg> 387 Stim format 388 <svg class="c-icon -check" aria-hidden="true"> 389 <use xlink:href="/images/spritemap.svg#form-check"></use> 390 </svg> 391 </label> 392 </li> 393 </ul> 394 </fieldset> 395 396 <fieldset class="c-form__paper"> 397 <legend class="u-visuallyHidden">Paper orientation</legend> 398 399 <ul class="c-form__list"> 400 <li class="c-form__item -inline"> 401 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-portrait" type="radio" name="work-parts-orientation" value="portrait"> 402 <label class="c-form__label" for="work-parts-portrait"> 403 <svg class="c-icon -portrait" aria-hidden="true"> 404 <use xlink:href="/images/spritemap.svg#icon-portrait"></use> 405 </svg> 406 Portrait 407 <svg class="c-icon -check" aria-hidden="true"> 408 <use xlink:href="/images/spritemap.svg#form-check"></use> 409 </svg> 410 </label> 411 </li> 412 <li class="c-form__item -inline"> 413 <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-landscape" type="radio" name="work-parts-orientation" value="landscape"> 414 <label class="c-form__label" for="work-parts-landscape"> 415 <svg class="c-icon -landscape" aria-hidden="true"> 416 <use xlink:href="/images/spritemap.svg#icon-landscape"></use> 417 </svg> 418 Landscape 419 <svg class="c-icon -check" aria-hidden="true"> 420 <use xlink:href="/images/spritemap.svg#form-check"></use> 421 </svg> 422 </label> 423 </li> 424 </ul> 425 </fieldset> 426 </fieldset> 427 </div> 428 </div> 429 </div> 430 431 <div class="o-wrapper"> 432 <div class="c-form__item"> 433 <input class="c-form__checkbox u-visuallyHidden" id="work-premiere" type="checkbox" name="work-premiere" value="" data-a11y-toggle="work-premiere-fieldset"> 434 <label class="c-form__label" for="work-premiere"> 435 First performance 436 </label> 437 </div> 438 </div> 439 440 <fieldset class="o-row -large c-jumbotron -green -margin -marginNegative" id="work-premiere-fieldset"> 441 <div class="o-wrapper"> 442 <div class="o-fauxRow o-row"> 443 444 <div class="o-10-12@large u-center u-clearfix"> 445 <div class="o-4-12@large u-left@large c-form__item"> 446 <label class="c-form__label -green" for="work-premiere-date">Date</label> 447 <input type="text" class="c-form__text -green" id="work-premiere-date" /> 448 </div> 449 450 <div class="o-8-12@large u-left@large u-last@large c-form__item"> 451 <label class="c-form__label -green" for="work-premiere-location">Location and venue</label> 452 <input type="text" class="c-form__text -green" id="work-premiere-location" /> 453 </div> 454 </div> 455 456 <div class="o-10-12@large u-center c-form__item"> 457 <label class="c-form__label -green" for="work-premiere-executor">Executorer at first performance (inc. conductor)</label> 458 <input type="text" class="c-form__text -green" id="work-premiere-executor" /> 459 </div> 460 461 <div class="o-10-12@large u-center c-form__item"> 462 <label class="c-form__label -green" for="work-premiere-fold-pages">Fold pages (voice and page number)</label> 463 <input type="text" class="c-form__text -green" id="work-premiere-fold-pages" /> 464 </div> 465 </div> 466 467 </div> 468 </fieldset> 469 470 <div class="o-wrapper"> 471 472 <div class="o-row o-10-12@large u-center c-form__item"> 473 <label class="c-form__label" for="work-other">Other information</label> 474 <input type="text" class="c-form__text" id="work-other" /> 475 </div> 476 477 <div class="o-row o-fauxRow u-centerAlign"> 478 <button type="submit" class="c-cta"><span>Review</span></button> 479 </div> 480 481 </div> 482 </form> 483 --> 484 485 <button type="button" class="c-dialog__close" data-a11y-dialog-hide="deposit-dialog" aria-label="Close this dialog window"> 486 <svg class="c-icon -close" aria-hidden="true"> 487 <use xlink:href="/images/spritemap.svg#icon-close"></use> 488 </svg> 489 </button>
489 490 491 </div> 492 493 </div> 494 495 </div> 496 497</div>
vendor: 127 bytes, lines 497-500
497 498 499 500 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
500<script type="f20b3e4e70902b2372988a20-text/javascript" src="/js/libs.js?id=82681bdd254d76c57662"></script>
500 501
501<script type="f20b3e4e70902b2372988a20-text/javascript" src="/js/app.js?id=2b04bb26c52c3bb3bd9b"></script>
vendor: 147 bytes, lines 501-502
501 502 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="f20b3e4e70902b2372988a20-|49" defer></script>
502</body> 503</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.