km0 3 years ago
parent 0e7a9cdd91
commit 644408fed2

@ -0,0 +1,144 @@
## 🎺🎺 WEEK THREE is an []Emergent Opera[]! 🎺🎺
# *Deadline Saturday 11 AM*
* Tuesday 10 May
* Publishing:
* 1. Kimberley + chae
* 2. jumbo + supi
* 3. Emma + Jian
* 4. Miri + Carmen
*
* Caretakers:
* 1. Gersande
* 2. sumo
* 3. grgr
*
*What does it mean? *
*This week we invite you to make content within a common structure, instead of finding a structure when the contents have already been made! An emergent opera where each property is part of a bigger whole, that comes together in the becoming...*
*Pick one part of the opera!*
#### **Structure**: []Emergent Opera[]
*Pick Your Opera Slot (if you pick Act 1 or Act 2 try to consult each other to balance out the contributions)*
*Overture: jumbo supi
*[https://pad.xpub.nl/p/atlas\_overture](https://pad.xpub.nl/p/atlas\_overture)
*Act 1: Emm + Jian
*
*Act 2: Miri + Carmen
*Curtain Call/Grand Finale/Finale: kim-chae
*Below you can find some vocabulary that is usually related to opera. You can use the definitions or you can freely interpret them in order to build your piece.*
#### **Vocabulary/Tools: **
* **Interference**
* Blur your contribution across other pieces.
*
* **Open Call **
* Your piece asks for external (but what does it mean external at the end?) interventions.
*
* **Overture **
* Which refers to an opening or a hole.
*
* **Aria **
* A solo piece which focuses on emotion.
*
* **Suitcase Aria**
* A signature solo piece (performer's trademark) for a performer that returns often.
* Repetition, jingle-like piece, motif, virtuoso piece, stunt.
*
* **Recitative Secco**
* Minimal instrumentation with a free rhythmic style where the singer/voice can do as pleased.
*
* **Recitative Stromento **
* Rhythms are dictated and should be followed.
*
* **Recitative**
* Imitates rhyhtms of the spoken word or used in place of spoken words.
*
* **Duets**
* Performed by two people or two contributions (botta e risposta/pingpong/back and forth).
*
* **Orchestra**
* Instrumental only.
*
* **Lighting**
* Sets the drama atmosphere, enlightens**,** puts in the shadow, etc... (Can be connected to the listening experience live).
*
* [https://i.pinimg.com/474x/83/af/45/83af455c8e2a8647e685fc2c2f8d6127--roland-situationist-international.jpg](https://i.pinimg.com/474x/83/af/45/83af455c8e2a8647e685fc2c2f8d6127--roland-situationist-international.jpg)
*
------------------------------------------------------------------------------------------------------------------------------------
### For the documentation:
### *Deadline Saturday 11 AM*
**Libretto **
*For this week's release, we'd like to create a Libretto! Please share your notes, scores, texts, lyrics or any other related drafts to your contribution with us in order to make it possible.*
[https://www.gonnelli.it/photos/auctions/xlarge/13384.jpg](https://www.gonnelli.it/photos/auctions/xlarge/13384.jpg)
*
*
### **Q\&A (answers every day at 10am)**
1. Should a common story/theme/plot exist between the different parts? because you're asking to balance act 1 \& 2 but what about the entrance and final?
more than a story or a plot, the different parts should be aware of each other.
The different parts don't need to necessarily relate literally but can have common points or different tones, it be nice this time (if possible) to have more awareness of what the other groups are working on

Before

Width:  |  Height:  |  Size: 506 KiB

After

Width:  |  Height:  |  Size: 506 KiB

@ -0,0 +1,107 @@
<html>
<head>
<meta charset="utf-8"/>
<title>UNEVEN PATTERNS</title>
<link href='css/main.css' rel='stylesheet'>
<script src='js/main.js' defer></script>
</head>
<body>
<div class="content">
<div class="title">
UNEVEN PATTERNS
</div>
<div class="subtitle">
SPECIAL ISSUE 18<br>
WEEK TWO
</div>
<div class="date">
[ 2022-04-26 ]
</div>
<div class="intro">
Welcome the sound. Free your gaze, let it wander, see but do not look. Closing your eyes is also a possibility.
Once the sound is received, start paying attention to it:<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Do you recognise similarities?<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Can you identify repetitions?<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Can you decipher a logic? <br><br>
Fall into a comfortable loop until meeting the first disturbance... <br>
Finally, look for: <br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;surprises, subversions and singularities of all kinds.<br><br>
Follow the irregular outline of our uneven patterns.
</div>
<div class="audio">
<audio controls>
<source src="https://hub.xpub.nl/soupboat/SI18/02/release.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
<div class="tracklist">
00:00<br>
Kimberley + Jian<br>
Pattern<br><br>
00:49<br>
Emma + Miriam:<br>
»Your Personal Guide to Making Sound«<br><br>
03:57<br>
Kimberley + Jian<br>
Pattern<br><br>
04:27<br>
Kamo + Mitsa + Supi:<br>
»Schooling Shoaling«<br><br>
14:18<br>
Kimberley + Jian<br>
Pattern<br><br>
14:31<br>
Gersande + Carmen + Alex:<br>
no title<br><br>
17:46<br>
Kimberley + Jian<br>
Pattern<br><br>
19:48<br>
Erica + Chae:<br>
»Critical Evaluation of Crunchy and Crispy Texture« from Issue number 1 of »The Perfect Crunch International Journal«, Patterns of Crunchiness to Satisfy Your Bored Mouth<br><br>
25:14<br>
Kimberley + Jian<br>
Pattern
</div>
<div class="caretakers">
Caretakers:<br>
Kimberley + Carmen + Jian
</div>
</div>
<div class="notation">
<img src="images/notation.jpg" alt="" />
</div>
</body>
</html>

@ -0,0 +1,58 @@
<svg width="992" height="993" viewBox="0 0 992 993" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="export 1">
<path id="Vector" d="M496 991.66C769.563 991.66 991.33 769.893 991.33 496.33C991.33 222.767 769.563 1 496 1C222.437 1 0.669922 222.767 0.669922 496.33C0.669922 769.893 222.437 991.66 496 991.66Z" stroke="currentColor" stroke-width="1.18879" stroke-miterlimit="0"/>
<path data-link="Within an entangled state." d="M654.717 84.7716H660.319V79.1697H654.717V84.7716ZM655.464 112.128L654.997 112.594H651.823V114.182H663.213V112.594H660.319L659.852 112.128V90.8403L659.385 90.3735L651.73 93.828L652.476 95.4152L654.997 94.2948L655.464 94.7617V112.128ZM664.974 114.182H685.234V104.472H683.74V105.405C683.74 109.42 682.48 110.26 678.885 110.26H671.416L670.949 109.793C677.485 103.818 684.207 95.742 684.207 87.946C684.207 82.6242 681.313 78.7029 675.151 78.7029C668.148 78.7029 665.581 85.6119 665.254 88.5062L666.281 89.2531C667.215 86.1721 669.082 83.091 673.47 83.091C678.138 83.091 680.286 85.892 680.286 89.9067C680.286 96.7223 674.544 103.911 664.974 113.715V114.182Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M266.425 334.083H272.052V328.456H266.425V334.083ZM267.176 361.56L266.707 362.029H263.518V363.623H274.959V362.029H272.052L271.583 361.56V340.178L271.114 339.709L263.425 343.179L264.175 344.774L266.707 343.648L267.176 344.117V361.56ZM285.637 332.395H295.671L296.14 332.864L283.105 363.623H288.262L299.235 328.925L298.766 328.456H277.665V338.303H279.447V336.99C279.447 332.864 280.76 332.395 285.637 332.395Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M127.977 331.445H133.579V325.844H127.977V331.445ZM128.724 358.801L128.258 359.268H125.083V360.855H136.474V359.268H133.579L133.113 358.801V337.514L132.646 337.047L124.99 340.502L125.737 342.089L128.258 340.969L128.724 341.436V358.801ZM150.092 361.322C156.86 361.322 160.455 356 160.455 349.372C160.455 341.716 156.16 338.448 151.959 338.448C148.784 338.448 146.824 340.222 146.077 340.875H145.703C147.477 332.659 152.566 327.431 160.829 326.31L160.175 324.91C149.438 325.844 139.635 334.526 139.635 347.504C139.635 356.654 144.256 361.322 150.092 361.322ZM145.05 347.784C145.05 346.15 145.143 344.61 145.33 343.163C146.217 342.182 147.711 341.062 149.718 341.062C153.453 341.062 155.04 344.236 155.04 350.492C155.04 355.44 154.013 359.548 150.652 359.548C147.197 359.548 145.05 355.254 145.05 347.784Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M228.654 442.922H234.256V437.32H228.654V442.922ZM229.401 470.278L228.934 470.745H225.76V472.332H237.15V470.745H234.256L233.789 470.278V448.991L233.322 448.524L225.667 451.978L226.413 453.566L228.934 452.445L229.401 452.912V470.278ZM258.704 460.195C258.704 455.62 256.277 452.912 252.916 451.745V451.278C255.717 449.691 257.397 447.357 257.397 443.762C257.397 439.654 254.223 436.853 249.648 436.853C243.019 436.853 240.685 442.642 240.031 445.63L241.058 446.376C241.899 443.482 243.673 440.681 247.594 440.681C251.235 440.681 253.196 443.015 253.196 445.816C253.196 450.811 249.368 452.539 245.446 453.005V454.593C251.515 454.593 255.156 457.487 255.156 463.089C255.156 468.224 251.889 470.651 248.714 470.651C246.567 470.651 245.26 469.484 244.419 468.551L242.085 466.03L238.911 469.204V469.951C240.405 471.772 242.645 472.799 246.007 472.799C253.289 472.799 258.704 467.897 258.704 460.195Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M526.809 113.5H532.411V107.898H526.809V113.5ZM527.556 140.856L527.089 141.323H523.915V142.91H535.305V141.323H532.411L531.944 140.856V119.569L531.477 119.102L523.821 122.557L524.568 124.144L527.089 123.023L527.556 123.49V140.856ZM544.255 140.856L543.788 141.323H539.587V142.91H553.591V141.323H549.39L548.923 140.856V107.898L548.456 107.431L538.933 111.866L539.68 113.453L543.788 111.679L544.255 112.146V140.856Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M192.385 564.421H198.012V558.794H192.385V564.421ZM193.136 591.898L192.667 592.367H189.478V593.961H200.919V592.367H198.012L197.543 591.898V570.516L197.074 570.047L189.385 573.517L190.135 575.111L192.667 573.986L193.136 574.455V591.898ZM209.909 591.898L209.44 592.367H205.22V593.961H219.286V592.367H215.066L214.597 591.898V558.794L214.129 558.325L204.563 562.779L205.313 564.374L209.44 562.592L209.909 563.061V591.898ZM235.223 594.43C242.96 594.43 246.758 586.084 246.758 575.862C246.758 567.328 243.757 558.325 235.411 558.325C227.674 558.325 223.876 566.015 223.876 576.893C223.876 584.771 226.924 594.43 235.223 594.43ZM235.879 592.648C231.237 592.648 229.315 585.521 229.315 575.111C229.315 565.968 230.815 560.107 234.754 560.107C239.724 560.107 241.319 567.234 241.319 577.643C241.319 587.303 239.584 592.648 235.879 592.648Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M370.538 170.959H376.14V165.357H370.538V170.959ZM371.285 198.315L370.818 198.782H367.644V200.369H379.034V198.782H376.14L375.673 198.315V177.028L375.206 176.561L367.55 180.016L368.297 181.603L370.818 180.482L371.285 180.949V198.315ZM381.728 192.9C381.728 197.848 385.93 200.836 391.252 200.836C398.254 200.836 401.708 196.728 401.708 192.06C401.708 187.485 398.347 184.404 394.239 181.416V180.949C397.694 178.895 400.681 176.841 400.681 172.453C400.681 167.691 396.947 164.89 391.812 164.89C386.863 164.89 382.569 167.878 382.569 173.76C382.569 178.148 386.116 181.136 388.217 182.816V183.283C384.716 185.524 381.728 188.138 381.728 192.9ZM386.957 172.173C386.957 169.279 388.731 166.664 391.999 166.664C395.266 166.664 397.04 169.279 397.04 172.173C397.04 176.048 395.406 178.195 392.652 180.202C387.844 176.748 386.957 174.974 386.957 172.173ZM391.718 199.062C388.357 199.062 385.743 197.101 385.743 192.06C385.743 188.698 387.097 186.038 389.758 184.077C395.173 187.952 397.32 189.959 397.32 193.647C397.32 197.008 394.986 199.062 391.718 199.062Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M338.955 495.59H344.556V489.988H338.955V495.59ZM339.701 522.946L339.235 523.413H336.06V525H347.451V523.413H344.556L344.09 522.946V501.659L343.623 501.192L335.967 504.646L336.714 506.234L339.235 505.113L339.701 505.58V522.946ZM360.882 489.521C354.113 489.521 350.518 494.843 350.518 501.472C350.518 508.661 355.093 511.649 359.015 511.649C362.189 511.649 364.15 509.875 364.897 509.221H365.41C363.823 517.858 358.641 523.366 350.145 524.533L350.798 525.934C361.535 525 371.339 516.317 371.339 503.339C371.339 494.189 366.717 489.521 360.882 489.521ZM355.747 498.484C355.747 494.47 357.241 491.295 359.948 491.295C363.963 491.295 365.924 496.057 365.924 503.059C365.924 504.366 365.877 505.627 365.737 506.84C364.897 507.727 363.403 508.848 361.722 508.848C357.988 508.848 355.747 505.207 355.747 498.484Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M580.325 284.885H585.927V279.283H580.325V284.885ZM581.072 312.241L580.605 312.708H577.431V314.295H588.821V312.708H585.927L585.46 312.241V290.954L584.993 290.487L577.337 293.941L578.084 295.529L580.605 294.408L581.072 294.875V312.241ZM600.385 312.148C598.985 312.148 598.051 311.634 597.024 310.514L594.69 307.993L591.515 311.167V311.914C592.729 313.361 594.783 314.762 598.611 314.762C605.894 314.762 611.309 308.926 611.309 301.691C611.309 293.755 604.213 289.833 598.331 289.086L597.864 288.619L600.292 283.204H610.095L611.962 279.283H599.638L593.569 292.541L594.036 293.008C600.852 293.008 607.761 297.489 607.761 304.492C607.761 309.253 604.493 312.148 600.385 312.148Z" fill="currentColor"/>
<path data-link="Within an entangled state." d="M414.235 269.856H419.862V264.229H414.235V269.856ZM414.985 297.333L414.516 297.802H411.328V299.396H422.769V297.802H419.862L419.393 297.333V275.952L418.924 275.483L411.234 278.953L411.984 280.547L414.516 279.422L414.985 279.89V297.333ZM427.913 286.736V286.267L437.948 272.201H438.416V286.736H427.913ZM424.537 290.675H438.416V299.396H442.636V290.675H447.513V286.736H442.636V264.229H440.761L424.537 286.736V290.675Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M527.769 608.531L528.739 593.819H525.775L526.745 608.531H527.769ZM525.64 614.028H528.874V610.795H525.64V614.028ZM534.979 608.531L535.949 593.819H532.985L533.955 608.531H534.979ZM532.851 614.028H536.084V610.795H532.851V614.028Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M477.815 761.303H484.282V760.386H477.815V761.303ZM484.324 747.372L490.791 774.318H491.869L485.402 747.372H484.324ZM492.235 761.303H498.702V760.386H492.235V761.303Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M583.754 820.681L590.221 847.627H591.299L584.832 820.681H583.754ZM591.665 834.612H598.132V833.696H591.665V834.612Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M510.557 907.859V934.805H511.581V907.859H510.557ZM514.505 907.859V934.805H515.529V907.859H514.505Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M176.822 518.382L177.792 503.669H174.828L175.798 518.382H176.822ZM174.693 523.879H177.927V520.645H174.693V523.879ZM180.286 517.6H199.149V516.684H180.286V517.6Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M118.626 647.167L119.596 632.455H116.632L117.602 647.167H118.626ZM116.497 652.664H119.731V649.431H116.497V652.664ZM122.091 646.386H128.558V645.469H122.091V646.386Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M403.36 584.889L415.917 578.018V577.748L403.36 570.877V572.009L413.869 577.748V578.018L403.36 583.757V584.889ZM416.124 593.027H417.202L423.669 566.081H422.591L416.124 593.027Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M404.093 425.407L410.56 452.353H411.637L405.17 425.407H404.093Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M800.402 190.502L799.755 190.124C799.648 190.852 799.216 191.525 798.3 191.525C796.926 191.525 796.225 189.909 794.474 189.909C792.642 189.909 791.914 191.229 791.779 192.549L792.426 192.927C792.534 192.199 792.965 191.525 793.881 191.525C795.255 191.525 795.929 193.142 797.707 193.142C799.486 193.142 800.267 191.822 800.402 190.502ZM810.849 190.502L810.202 190.124C810.094 190.852 809.663 191.525 808.747 191.525C807.373 191.525 806.672 189.909 804.921 189.909C803.088 189.909 802.361 191.229 802.226 192.549L802.873 192.927C802.981 192.199 803.412 191.525 804.328 191.525C805.702 191.525 806.376 193.142 808.154 193.142C809.933 193.142 810.714 191.822 810.849 190.502Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M400.291 715.868H401.369L407.836 688.922H406.758L400.291 715.868Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M928.609 361.72L935.777 357.516L933.46 356.061L927.963 361.342L928.609 361.72ZM931.573 374.869C930.172 374.869 929.472 373.845 929.472 372.39V362.798H924.999V363.714H926.669L926.939 364.037V372.875C926.939 375.462 928.771 376.54 930.442 376.54C932.328 376.54 933.567 375.516 934.484 374.223H934.753L934.537 376.271L934.807 376.54L939.172 374.654L938.741 373.738L937.448 374.277L937.178 374.007V362.798H932.705V363.714H934.376L934.645 363.983V372.875C934.214 373.684 933.029 374.869 931.573 374.869Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M777.53 426.255V423.56H774.297V426.794H776.291L776.56 427.063C776.398 428.303 775.698 429.489 774.243 430.62L774.62 431.267C776.452 429.974 777.53 428.249 777.53 426.255ZM779.89 420.516H786.357V419.599H779.89V420.516Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M693.815 547.258V574.204H694.839V547.258H693.815Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M267.376 599.534L270.34 596.247H270.61L274.706 599.534L275.352 599.157L271.472 593.876H270.61L266.73 599.157L267.376 599.534ZM277.823 599.534L280.787 596.247H281.057L285.152 599.534L285.799 599.157L281.919 593.876H281.057L277.176 599.157L277.823 599.534Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M396.437 174.541L399.401 171.254H399.67L403.766 174.541L404.413 174.164L400.533 168.883H399.67L395.79 174.164L396.437 174.541Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M308.044 377H309.229L319.334 356.791H310.792C307.747 356.791 305.915 360.078 305.915 362.988C305.915 365.683 307.128 367.03 308.933 367.03C311.412 367.03 313.19 364.066 313.19 360.994C313.19 359.647 312.786 358.623 312.274 357.976L312.544 357.707H317.69L308.044 377ZM310.334 357.814C311.412 357.814 312.113 358.785 312.113 360.779C312.113 363.743 310.765 366.114 309.202 366.114C308.125 366.114 307.424 365.144 307.424 363.15C307.424 360.186 308.771 357.814 310.334 357.814ZM318.607 366.761C316.128 366.761 314.268 370.048 314.268 372.958C314.268 375.653 315.481 377.269 317.286 377.269C319.846 377.269 321.544 374.305 321.544 371.234C321.544 368.755 320.601 366.761 318.607 366.761ZM318.607 367.784C319.846 367.784 320.466 369.024 320.466 371.018C320.466 373.982 319.119 376.353 317.61 376.353C316.451 376.353 315.777 375.114 315.777 373.12C315.777 370.156 317.125 367.784 318.607 367.784Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M84.5928 431.203L85.5629 416.491H82.5988L83.5689 431.203H84.5928ZM82.4641 436.7H85.6976V433.467H82.4641V436.7Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M414.699 263.991H421.166V263.075H414.699V263.991Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M785.456 733.36V730.665H782.222V733.898H784.216L784.486 734.168C784.324 735.407 783.624 736.593 782.168 737.725L782.546 738.371C784.378 737.078 785.456 735.354 785.456 733.36ZM792.666 733.36V730.665H789.433V733.898H791.427L791.696 734.168C791.534 735.407 790.834 736.593 789.379 737.725L789.756 738.371C791.588 737.078 792.666 735.354 792.666 733.36Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M219.251 805.421H231.916V804.505H219.251V805.421Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M794.825 507.232H807.489V506.316H794.825V507.232Z" fill="currentColor"/>
<path data-link="Grande Finale" d="M620.392 130.587H623.626V127.353H620.392V130.587Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M887.203 494.749H894.383V493.732H887.203V494.749ZM902.987 486.462C898.26 486.462 896.106 490.77 896.106 494.539C896.106 498.728 898.499 502.019 902.568 502.019C906.936 502.019 908.432 497.89 908.672 495.736L907.953 495.317C907.355 497.232 906.338 499.266 903.466 499.266C900.055 499.266 898.44 496.275 898.44 492.984C898.44 489.812 900.504 487.658 902.718 487.658C903.585 487.658 904.124 488.017 904.423 488.825L905.321 491.189L908.193 490.83L908.492 490.53C907.953 488.556 906.727 486.462 902.987 486.462Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M828.807 265.906H849.75V264.889H828.807V265.906ZM858.352 257.619C853.625 257.619 851.471 261.927 851.471 265.697C851.471 269.885 853.864 273.176 857.933 273.176C862.301 273.176 863.797 269.047 864.037 266.893L863.319 266.475C862.72 268.389 861.703 270.424 858.831 270.424C855.42 270.424 853.805 267.432 853.805 264.141C853.805 260.97 855.869 258.816 858.083 258.816C858.951 258.816 859.489 259.175 859.788 259.982L860.686 262.346L863.558 261.987L863.857 261.688C863.319 259.713 862.092 257.619 858.352 257.619Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M718.251 343.64L717.533 343.221C717.413 344.029 716.935 344.777 715.918 344.777C714.392 344.777 713.614 342.982 711.669 342.982C709.635 342.982 708.827 344.448 708.677 345.914L709.395 346.333C709.515 345.525 709.994 344.777 711.011 344.777C712.537 344.777 713.285 346.572 715.259 346.572C717.234 346.572 718.102 345.106 718.251 343.64ZM727.457 338.853C722.73 338.853 720.576 343.161 720.576 346.931C720.576 351.12 722.969 354.411 727.038 354.411C731.406 354.411 732.902 350.282 733.141 348.128L732.423 347.709C731.825 349.624 730.808 351.658 727.935 351.658C724.525 351.658 722.909 348.666 722.909 345.375C722.909 342.204 724.974 340.05 727.187 340.05C728.055 340.05 728.594 340.409 728.893 341.217L729.79 343.58L732.662 343.221L732.962 342.922C732.423 340.947 731.196 338.853 727.457 338.853Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M633.448 272.479C628.72 272.479 626.566 276.787 626.566 280.557C626.566 284.746 628.96 288.036 633.029 288.036C637.397 288.036 638.893 283.908 639.132 281.754L638.414 281.335C637.816 283.25 636.798 285.284 633.926 285.284C630.516 285.284 628.9 282.292 628.9 279.001C628.9 275.83 630.964 273.676 633.178 273.676C634.046 273.676 634.584 274.035 634.884 274.843L635.781 277.206L638.653 276.847L638.952 276.548C638.414 274.573 637.187 272.479 633.448 272.479ZM640.569 280.766H647.75V279.749H640.569V280.766Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M710.772 424.05C706.045 424.05 703.891 428.359 703.891 432.128C703.891 436.317 706.285 439.608 710.353 439.608C714.721 439.608 716.217 435.479 716.457 433.325L715.739 432.906C715.14 434.821 714.123 436.855 711.251 436.855C707.84 436.855 706.225 433.864 706.225 430.573C706.225 427.401 708.289 425.247 710.503 425.247C711.371 425.247 711.909 425.606 712.208 426.414L713.106 428.777L715.978 428.418L716.277 428.119C715.739 426.145 714.512 424.05 710.772 424.05ZM717.894 432.338H738.837V431.321H717.894V432.338Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M802.045 344.798C797.318 344.798 795.164 349.106 795.164 352.875C795.164 357.064 797.557 360.355 801.626 360.355C805.994 360.355 807.49 356.226 807.73 354.072L807.012 353.653C806.413 355.568 805.396 357.602 802.524 357.602C799.113 357.602 797.498 354.611 797.498 351.32C797.498 348.148 799.562 345.994 801.776 345.994C802.644 345.994 803.182 346.353 803.481 347.161L804.379 349.525L807.251 349.166L807.55 348.866C807.012 346.892 805.785 344.798 802.045 344.798ZM819.339 349.584L818.621 349.166C818.501 349.973 818.023 350.721 817.006 350.721C815.48 350.721 814.702 348.926 812.757 348.926C810.723 348.926 809.915 350.392 809.765 351.858L810.483 352.277C810.603 351.469 811.082 350.721 812.099 350.721C813.625 350.721 814.373 352.516 816.347 352.516C818.322 352.516 819.19 351.05 819.339 349.584Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M868.234 404.237C863.507 404.237 861.353 408.545 861.353 412.315C861.353 416.503 863.746 419.794 867.815 419.794C872.183 419.794 873.679 415.666 873.918 413.512L873.2 413.093C872.602 415.007 871.584 417.042 868.712 417.042C865.302 417.042 863.686 414.05 863.686 410.759C863.686 407.588 865.75 405.434 867.964 405.434C868.832 405.434 869.371 405.793 869.67 406.6L870.567 408.964L873.439 408.605L873.739 408.306C873.2 406.331 871.973 404.237 868.234 404.237ZM874.757 426.975H875.954L883.134 397.057H881.937L874.757 426.975Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M641.373 363.62C636.646 363.62 634.492 367.928 634.492 371.698C634.492 375.886 636.885 379.177 640.954 379.177C645.322 379.177 646.818 375.048 647.057 372.894L646.339 372.475C645.741 374.39 644.724 376.425 641.852 376.425C638.441 376.425 636.825 373.433 636.825 370.142C636.825 366.971 638.89 364.816 641.104 364.816C641.971 364.816 642.51 365.176 642.809 365.983L643.706 368.347L646.579 367.988L646.878 367.689C646.339 365.714 645.113 363.62 641.373 363.62ZM647.717 356.439L654.897 386.357H656.094L648.914 356.439H647.717Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M427.723 948.063H428.92L436.1 918.146H434.903L427.723 948.063ZM439.632 938.37C440.768 939.567 442.145 940.883 444.658 940.883C448.128 940.883 451.3 937.652 451.3 932.985C451.3 927.959 448.727 925.326 445.615 925.326C443.581 925.326 442.324 926.463 441.247 927.899H440.948V918.146L440.649 917.846L435.742 920.06L436.221 921.077L437.837 920.359L438.136 920.659V940.883H439.332V938.37H439.632ZM440.948 934.6V929.455C441.367 928.736 442.653 927.181 444.179 927.181C446.842 927.181 448.188 930.053 448.188 934.241C448.188 937.353 447.171 939.746 444.718 939.746C442.264 939.746 440.948 937.473 440.948 934.6Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M713.844 868.612L721.024 898.53H722.221L715.041 868.612H713.844ZM726.517 888.837C727.654 890.034 729.03 891.35 731.543 891.35C735.013 891.35 738.185 888.119 738.185 883.452C738.185 878.425 735.612 875.793 732.5 875.793C730.466 875.793 729.209 876.93 728.132 878.366H727.833V868.612L727.534 868.313L722.627 870.527L723.106 871.544L724.722 870.826L725.021 871.125V891.35H726.218V888.837H726.517ZM727.833 885.067V879.921C728.252 879.203 729.538 877.648 731.064 877.648C733.727 877.648 735.073 880.52 735.073 884.708C735.073 887.82 734.056 890.213 731.603 890.213C729.149 890.213 727.833 887.939 727.833 885.067Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M657.877 792.479H643.457V793.496H657.877V792.479ZM657.877 799.54H643.457V800.557H657.877V799.54ZM664.575 803.639C665.712 804.835 667.088 806.152 669.602 806.152C673.072 806.152 676.243 802.921 676.243 798.253C676.243 793.227 673.67 790.594 670.559 790.594C668.525 790.594 667.268 791.731 666.191 793.167H665.892V783.414L665.593 783.115L660.686 785.329L661.165 786.346L662.78 785.628L663.079 785.927V806.152H664.276V803.639H664.575ZM665.892 799.869V794.723C666.311 794.005 667.597 792.449 669.123 792.449C671.786 792.449 673.132 795.321 673.132 799.51C673.132 802.621 672.115 805.015 669.661 805.015C667.208 805.015 665.892 802.741 665.892 799.869Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M568.885 939.028L582.827 931.399V931.1L568.885 923.471V924.727L580.553 931.1V931.399L568.885 937.772V939.028ZM587.544 938.37C588.681 939.567 590.057 940.883 592.57 940.883C596.041 940.883 599.212 937.652 599.212 932.985C599.212 927.959 596.639 925.326 593.527 925.326C591.493 925.326 590.236 926.463 589.159 927.899H588.86V918.146L588.561 917.846L583.655 920.06L584.133 921.077L585.749 920.359L586.048 920.659V940.883H587.245V938.37H587.544ZM588.86 934.6V929.455C589.279 928.736 590.566 927.181 592.091 927.181C594.754 927.181 596.1 930.053 596.1 934.241C596.1 937.353 595.083 939.746 592.63 939.746C590.177 939.746 588.86 937.473 588.86 934.6Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M506.793 821.472C507.929 822.668 509.306 823.985 511.819 823.985C515.289 823.985 518.461 820.754 518.461 816.086C518.461 811.06 515.888 808.427 512.776 808.427C510.742 808.427 509.485 809.564 508.408 811H508.109V801.247L507.81 800.948L502.903 803.162L503.382 804.179L504.997 803.461L505.297 803.76V823.985H506.493V821.472H506.793ZM508.109 817.702V812.556C508.528 811.838 509.814 810.282 511.34 810.282C514.003 810.282 515.349 813.154 515.349 817.343C515.349 820.454 514.332 822.848 511.879 822.848C509.425 822.848 508.109 820.574 508.109 817.702ZM520.798 822.13L534.74 814.501V814.202L520.798 806.572V807.829L532.466 814.202V814.501L520.798 820.873V822.13Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M788.286 797.362V796.106L776.618 789.733V789.434L788.286 783.061V781.805L774.344 789.434V789.733L788.286 797.362ZM793.601 796.704C794.738 797.901 796.115 799.217 798.628 799.217C802.098 799.217 805.269 795.986 805.269 791.319C805.269 786.293 802.697 783.66 799.585 783.66C797.551 783.66 796.294 784.797 795.217 786.233H794.918V776.48L794.619 776.18L789.712 778.394L790.191 779.411L791.806 778.693L792.106 778.993V799.217H793.302V796.704H793.601ZM794.918 792.934V787.788C795.337 787.07 796.623 785.515 798.149 785.515C800.812 785.515 802.158 788.387 802.158 792.575C802.158 795.687 801.141 798.08 798.688 798.08C796.234 798.08 794.918 795.807 794.918 792.934Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M158.383 470.563C163.947 470.563 164.755 466.405 164.516 462.127C164.336 458.596 164.845 456.442 168.675 456.113V455.096C164.845 454.767 164.336 452.613 164.516 449.082C164.755 444.804 163.947 440.646 158.383 440.646V441.663C161.973 441.663 162.571 446.15 162.422 449.98C162.272 453.899 163.08 454.797 166.73 455.455V455.754C163.08 456.412 162.272 457.31 162.422 461.229C162.571 465.059 161.973 469.546 158.383 469.546V470.563ZM178.729 451.715V453.51C174.6 455.186 170.412 456.502 170.412 460.092C170.412 462.127 171.848 463.383 174.062 463.383C176.545 463.383 177.921 461.498 178.43 460.511H178.729V461.169C178.729 462.665 179.387 463.383 180.644 463.383C181.841 463.383 182.858 462.426 184.174 460.87L183.755 460.152C183.187 460.78 182.738 461.289 182.2 461.289C181.541 461.289 181.302 460.81 181.362 459.673L181.721 452.014C181.87 448.963 179.716 447.826 176.695 447.826C173.194 447.826 170.861 449.591 170.472 451.955L170.771 452.254L173.643 451.895L174.241 449.92C174.481 449.112 175.079 448.843 175.857 448.843C177.353 448.843 178.729 449.621 178.729 451.715ZM178.729 455.006V459.015C178.669 459.135 177.383 460.93 175.318 460.93C174.122 460.93 173.404 460.361 173.404 459.105C173.404 456.741 176.246 455.664 178.43 454.707L178.729 455.006Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M423.494 371.497V341.579H417.51V342.596H422.058L422.357 342.896V370.181L422.058 370.48H417.51V371.497H423.494ZM434.73 352.649V354.444C430.602 356.119 426.413 357.436 426.413 361.026C426.413 363.06 427.849 364.317 430.063 364.317C432.546 364.317 433.923 362.432 434.431 361.445H434.73V362.103C434.73 363.599 435.388 364.317 436.645 364.317C437.842 364.317 438.859 363.359 440.175 361.804L439.756 361.086C439.188 361.714 438.739 362.223 438.201 362.223C437.543 362.223 437.303 361.744 437.363 360.607L437.722 352.948C437.872 349.896 435.718 348.759 432.696 348.759C429.195 348.759 426.862 350.525 426.473 352.888L426.772 353.187L429.644 352.828L430.243 350.854C430.482 350.046 431.08 349.777 431.858 349.777C433.354 349.777 434.73 350.555 434.73 352.649ZM434.73 355.94V359.949C434.67 360.068 433.384 361.863 431.32 361.863C430.123 361.863 429.405 361.295 429.405 360.038C429.405 357.675 432.247 356.598 434.431 355.641L434.73 355.94Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M329.153 577.779C333.341 575.744 338.128 571.017 338.128 562.521C338.128 554.024 333.341 549.297 329.153 547.262L328.734 547.98C332.144 549.955 335.735 554.024 335.735 562.521C335.735 571.017 332.144 575.086 328.734 577.061L329.153 577.779ZM349.08 558.631V560.426C344.951 562.102 340.763 563.418 340.763 567.008C340.763 569.043 342.199 570.299 344.413 570.299C346.896 570.299 348.272 568.414 348.781 567.427H349.08V568.085C349.08 569.581 349.738 570.299 350.995 570.299C352.192 570.299 353.209 569.342 354.525 567.786L354.106 567.068C353.538 567.696 353.089 568.205 352.551 568.205C351.892 568.205 351.653 567.726 351.713 566.589L352.072 558.93C352.221 555.879 350.067 554.742 347.046 554.742C343.545 554.742 341.212 556.507 340.823 558.871L341.122 559.17L343.994 558.811L344.592 556.836C344.832 556.028 345.43 555.759 346.208 555.759C347.704 555.759 349.08 556.537 349.08 558.631ZM349.08 561.922V565.931C349.02 566.051 347.734 567.846 345.669 567.846C344.473 567.846 343.755 567.277 343.755 566.021C343.755 563.657 346.597 562.58 348.781 561.623L349.08 561.922Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M197.078 682.539V684.334C192.95 686.01 188.761 687.326 188.761 690.916C188.761 692.951 190.197 694.207 192.411 694.207C194.894 694.207 196.271 692.323 196.779 691.335H197.078V691.993C197.078 693.489 197.737 694.207 198.993 694.207C200.19 694.207 201.207 693.25 202.523 691.694L202.105 690.976C201.536 691.605 201.087 692.113 200.549 692.113C199.891 692.113 199.651 691.634 199.711 690.498L200.07 682.839C200.22 679.787 198.066 678.65 195.044 678.65C191.544 678.65 189.21 680.415 188.821 682.779L189.12 683.078L191.992 682.719L192.591 680.744C192.83 679.937 193.428 679.667 194.206 679.667C195.702 679.667 197.078 680.445 197.078 682.539ZM197.078 685.83V689.839C197.019 689.959 195.732 691.754 193.668 691.754C192.471 691.754 191.753 691.186 191.753 689.929C191.753 687.566 194.595 686.489 196.779 685.531L197.078 685.83ZM213.17 683.437L212.452 683.018C212.332 683.826 211.854 684.574 210.836 684.574C209.311 684.574 208.533 682.779 206.588 682.779C204.554 682.779 203.746 684.245 203.596 685.711L204.314 686.13C204.434 685.322 204.913 684.574 205.93 684.574C207.456 684.574 208.204 686.369 210.178 686.369C212.153 686.369 213.02 684.903 213.17 683.437Z" fill="currentColor"/>
<path data-link="Entr&#39;actes 1.2.3." d="M235.37 266.462V268.257C231.242 269.933 227.053 271.249 227.053 274.839C227.053 276.874 228.489 278.13 230.703 278.13C233.186 278.13 234.563 276.245 235.071 275.258H235.37V275.916C235.37 277.412 236.029 278.13 237.285 278.13C238.482 278.13 239.499 277.173 240.815 275.617L240.397 274.899C239.828 275.527 239.379 276.036 238.841 276.036C238.183 276.036 237.943 275.557 238.003 274.42L238.362 266.761C238.512 263.71 236.358 262.573 233.336 262.573C229.836 262.573 227.502 264.338 227.113 266.702L227.412 267.001L230.284 266.642L230.883 264.667C231.122 263.859 231.72 263.59 232.498 263.59C233.994 263.59 235.37 264.368 235.37 266.462ZM235.37 269.753V273.762C235.311 273.882 234.024 275.677 231.96 275.677C230.763 275.677 230.045 275.109 230.045 273.852C230.045 271.488 232.887 270.411 235.071 269.454L235.37 269.753ZM242.487 255.393V285.311H243.624V255.393H242.487Z" fill="currentColor"/>
<path data-link="Voices of Hierarchy" d="M872.325 637.788H879.767V630.346H872.325V637.788ZM873.317 674.129L872.697 674.749H868.48V676.857H883.612V674.749H879.767L879.146 674.129V645.85L878.526 645.23L868.356 649.819L869.348 651.927L872.697 650.439L873.317 651.059V674.129ZM891.16 637.788H898.601V630.346H891.16V637.788ZM892.152 674.129L891.532 674.749H887.315V676.857H902.446V674.749H898.601L897.981 674.129V645.85L897.361 645.23L887.191 649.819L888.183 651.927L891.532 650.439L892.152 651.059V674.129ZM909.994 637.788H917.436V630.346H909.994V637.788ZM910.987 674.129L910.366 674.749H906.149V676.857H921.281V674.749H917.436L916.816 674.129V645.85L916.196 645.23L906.025 649.819L907.018 651.927L910.366 650.439L910.987 651.059V674.129Z" fill="currentColor"/>
<path data-link="Laughing Opera" d="M357.165 813.884H364.393V806.656H357.165V813.884ZM358.129 849.18L357.527 849.782H353.431V851.83H368.127V849.782H364.393L363.791 849.18V821.714L363.188 821.112L353.31 825.569L354.274 827.617L357.527 826.171L358.129 826.774V849.18ZM375.458 813.884H382.686V806.656H375.458V813.884ZM376.422 849.18L375.82 849.782H371.724V851.83H386.421V849.782H382.686L382.084 849.18V821.714L381.482 821.112L371.604 825.569L372.567 827.617L375.82 826.171L376.422 826.774V849.18Z" fill="currentColor"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 30 KiB

@ -0,0 +1,150 @@
const reference = document.getElementById("reference");
const contributionsList = document.getElementById("contributions");
const trackList = document.getElementById("trackList");
const pagedjs = document.createElement("script");
pagedjs.src = "https://unpkg.com/pagedjs/dist/paged.polyfill.js";
pagedjs.id = "printview";
const printLib = document.getElementById("btn-print");
window.addEventListener("load", () => {
fetchContents();
atlasLink();
});
printLib.addEventListener("click", () => {
document.getElementsByTagName("head")[0].appendChild(pagedjs);
// pardon for this is really stupid but it works
setTimeout(() => {
let sections = [".libretto", ".container", ".content", ".contribution", ".contributions"];
for (const section of sections) {
for (const el of document.querySelectorAll(section)) {
el.classList.add("full-height");
}
}
}, 1000);
});
function fetchContents() {
fetch("https://hub.xpub.nl/soupboat/atlas-api/contributions")
.then((response) => response.json())
.then((data) => populateContributions(data));
}
function populateContributions(contributions) {
contributions.sort((a, b) => a.order - b.order);
contributions.forEach((contribution) => {
contributionsList.appendChild(createSection(contribution));
createIndexSection(contribution);
});
}
function createSection(contribution) {
let section = reference.cloneNode(true);
section.id = contribution.title;
section.querySelector(".moment").innerHTML = contribution.moment;
section.querySelector(".title").innerHTML = contribution.title;
section.querySelector(".author").innerHTML = contribution.author;
section.querySelector(".description").innerHTML = contribution.description;
section.querySelector(".content").innerHTML = contribution.content_html;
return section;
}
function atlasLink() {
let atlas = document.getElementById("atlas-map");
let groups = atlas.querySelectorAll("[data-link]");
for (const group of groups) {
let link = document.createElementNS("http://www.w3.org/2000/svg", "a");
link.setAttribute("href", "#" + group.dataset.link);
wrap(group, link);
}
}
var wrap = function (toWrap, wrapper) {
wrapper = wrapper || document.createElement("div");
toWrap.parentNode.appendChild(wrapper);
return wrapper.appendChild(toWrap);
};
function createIndexSection(contribution) {
if (contribution.audio) {
let table = document.createElement("table");
let title = document.createElement("div");
title.classList.add("index-title");
title.innerHTML = contribution.title;
let tracks = contribution.audio;
tracks.forEach((track) => {
let row = document.createElement("tr");
let sym = document.createElement("td");
let filename = document.createElement("td");
sym.setAttribute("class", "symbol");
sym.innerHTML = symbols[track];
sym.style.fontFamily = "Arial, sans-serif";
filename.setAttribute("class", "filename");
filename.innerHTML = track;
row.appendChild(sym);
row.appendChild(filename);
table.appendChild(row);
});
trackList.appendChild(title);
trackList.appendChild(table);
}
}
const symbols = {
"stream_01.mp3": "i1",
"stream_02.mp3": "i2",
"stream_03.mp3": "i3",
"stream_04.mp3": "i4",
"stream_05.mp3": "i5",
"stream_06.mp3": "i6",
"stream_07.mp3": "i7",
"stream_08.mp3": "i8",
"stream_09.mp3": "i9",
"stream_10.mp3": "i10",
"u.wav": "!!",
"t.wav": "-\\-",
"s.wav": "\\-",
"r.wav": "||",
"q.wav": "!—",
"p.wav": "!-",
"o.wav": ">/",
"n.wav": "\\",
"m.wav": "~~",
"l.wav": "/",
"k.wav": "ú",
"j.wav": ",-",
"i.wav": "|",
"h.wav": "^^",
"g.wav": "^",
"f.wav": "%",
"e.wav": "!",
"d.wav": "-",
"c.wav": ",,",
"b.wav": "_",
"a.wav": ".",
"sample8_Entracte3.mp3": "-c",
"sample6_Entracte3.mp3": "—C",
"sample3_Entracte3.mp3": "~c",
"sample7_Entracte3.mp3": "c-",
"sample4_Entracte3.mp3": "c—",
"sample2_Entracte3.mp3": "C~",
"sample5_Entracte3.mp3": "c/",
"sample1_Entracte3.mp3": "c\\",
"sample6_Entracte_2_2.mp3": "/b",
"sample5_Entracte_2_2.mp3": "\\b",
"sample4_Entracte_2_2.mp3": "=B",
"sample3_Entracte_2_2.mp3": ">B",
"sample2_Entracte_2_2.mp3": "b>",
"sample1_Entracte_2_2.mp3": "<b",
"sample5_Entracte_1.mp3": "a",
"sample4_Entracte_1.mp3": "]A",
"sample3_Entracte_1.mp3": ")a",
"sample2_Entracte_1.mp3": "A~",
"sample1_Entracte_1.mp3": "a|",
"voice-hierarchy-week03.mp3": "iii",
"Laughing-Opera-Soprano-Violet-Duet.wav": "ii",
};

@ -1,107 +1,366 @@
<html> <!DOCTYPE html>
<head> <html lang="en">
<meta charset="utf-8"/> <head>
<title>UNEVEN PATTERNS</title> <meta charset="UTF-8" />
<link href='css/main.css' rel='stylesheet'> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src='js/main.js' defer></script> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="contents.js" defer></script>
</head>
<link href="interface.css" rel="stylesheet" type="text/css" />
<body> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="print.css" />
<title>Emergent Opera</title>
<div class="content"> </head>
<body>
<div class="title"> <div class="container" id="container">
UNEVEN PATTERNS <div class="atlas">
</div> <!-- <button id="btn-print">libretto</button> -->
<svg
<div class="subtitle"> id="atlas-map"
SPECIAL ISSUE 18<br> width="992"
WEEK TWO height="993"
</div> viewBox="0 0 992 993"
preserveAspectRatio="xMidYMid meet"
<div class="date"> fill="none"
xmlns="http://www.w3.org/2000/svg"
[ 2022-04-26 ] >
</div> <g id="export 1">
<path
id="Vector"
<div class="intro"> d="M496 991.66C769.563 991.66 991.33 769.893 991.33 496.33C991.33 222.767 769.563 1 496 1C222.437 1 0.669922 222.767 0.669922 496.33C0.669922 769.893 222.437 991.66 496 991.66Z"
stroke="currentColor"
Welcome the sound. Free your gaze, let it wander, see but do not look. Closing your eyes is also a possibility. stroke-width="1.18879"
Once the sound is received, start paying attention to it:<br><br> stroke-miterlimit="0"
/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Do you recognise similarities?<br> <path
data-link="Within an entangled state."
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Can you identify repetitions?<br> d="M654.717 84.7716H660.319V79.1697H654.717V84.7716ZM655.464 112.128L654.997 112.594H651.823V114.182H663.213V112.594H660.319L659.852 112.128V90.8403L659.385 90.3735L651.73 93.828L652.476 95.4152L654.997 94.2948L655.464 94.7617V112.128ZM664.974 114.182H685.234V104.472H683.74V105.405C683.74 109.42 682.48 110.26 678.885 110.26H671.416L670.949 109.793C677.485 103.818 684.207 95.742 684.207 87.946C684.207 82.6242 681.313 78.7029 675.151 78.7029C668.148 78.7029 665.581 85.6119 665.254 88.5062L666.281 89.2531C667.215 86.1721 669.082 83.091 673.47 83.091C678.138 83.091 680.286 85.892 680.286 89.9067C680.286 96.7223 674.544 103.911 664.974 113.715V114.182Z"
fill="currentColor"
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Can you decipher a logic? <br><br> />
<path
Fall into a comfortable loop until meeting the first disturbance... <br> data-link="Within an entangled state."
Finally, look for: <br><br> d="M266.425 334.083H272.052V328.456H266.425V334.083ZM267.176 361.56L266.707 362.029H263.518V363.623H274.959V362.029H272.052L271.583 361.56V340.178L271.114 339.709L263.425 343.179L264.175 344.774L266.707 343.648L267.176 344.117V361.56ZM285.637 332.395H295.671L296.14 332.864L283.105 363.623H288.262L299.235 328.925L298.766 328.456H277.665V338.303H279.447V336.99C279.447 332.864 280.76 332.395 285.637 332.395Z"
fill="currentColor"
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;surprises, subversions and singularities of all kinds.<br><br> />
<path
Follow the irregular outline of our uneven patterns. data-link="Within an entangled state."
</div> d="M127.977 331.445H133.579V325.844H127.977V331.445ZM128.724 358.801L128.258 359.268H125.083V360.855H136.474V359.268H133.579L133.113 358.801V337.514L132.646 337.047L124.99 340.502L125.737 342.089L128.258 340.969L128.724 341.436V358.801ZM150.092 361.322C156.86 361.322 160.455 356 160.455 349.372C160.455 341.716 156.16 338.448 151.959 338.448C148.784 338.448 146.824 340.222 146.077 340.875H145.703C147.477 332.659 152.566 327.431 160.829 326.31L160.175 324.91C149.438 325.844 139.635 334.526 139.635 347.504C139.635 356.654 144.256 361.322 150.092 361.322ZM145.05 347.784C145.05 346.15 145.143 344.61 145.33 343.163C146.217 342.182 147.711 341.062 149.718 341.062C153.453 341.062 155.04 344.236 155.04 350.492C155.04 355.44 154.013 359.548 150.652 359.548C147.197 359.548 145.05 355.254 145.05 347.784Z"
fill="currentColor"
<div class="audio"> />
<audio controls> <path
<source src="https://hub.xpub.nl/soupboat/SI18/02/release.mp3" type="audio/mpeg"> data-link="Within an entangled state."
Your browser does not support the audio element. d="M228.654 442.922H234.256V437.32H228.654V442.922ZM229.401 470.278L228.934 470.745H225.76V472.332H237.15V470.745H234.256L233.789 470.278V448.991L233.322 448.524L225.667 451.978L226.413 453.566L228.934 452.445L229.401 452.912V470.278ZM258.704 460.195C258.704 455.62 256.277 452.912 252.916 451.745V451.278C255.717 449.691 257.397 447.357 257.397 443.762C257.397 439.654 254.223 436.853 249.648 436.853C243.019 436.853 240.685 442.642 240.031 445.63L241.058 446.376C241.899 443.482 243.673 440.681 247.594 440.681C251.235 440.681 253.196 443.015 253.196 445.816C253.196 450.811 249.368 452.539 245.446 453.005V454.593C251.515 454.593 255.156 457.487 255.156 463.089C255.156 468.224 251.889 470.651 248.714 470.651C246.567 470.651 245.26 469.484 244.419 468.551L242.085 466.03L238.911 469.204V469.951C240.405 471.772 242.645 472.799 246.007 472.799C253.289 472.799 258.704 467.897 258.704 460.195Z"
</audio> fill="currentColor"
</div> />
<path
<div class="tracklist"> data-link="Within an entangled state."
00:00<br> d="M526.809 113.5H532.411V107.898H526.809V113.5ZM527.556 140.856L527.089 141.323H523.915V142.91H535.305V141.323H532.411L531.944 140.856V119.569L531.477 119.102L523.821 122.557L524.568 124.144L527.089 123.023L527.556 123.49V140.856ZM544.255 140.856L543.788 141.323H539.587V142.91H553.591V141.323H549.39L548.923 140.856V107.898L548.456 107.431L538.933 111.866L539.68 113.453L543.788 111.679L544.255 112.146V140.856Z"
Kimberley + Jian<br> fill="currentColor"
Pattern<br><br> />
<path
00:49<br> data-link="Within an entangled state."
Emma + Miriam:<br> d="M192.385 564.421H198.012V558.794H192.385V564.421ZM193.136 591.898L192.667 592.367H189.478V593.961H200.919V592.367H198.012L197.543 591.898V570.516L197.074 570.047L189.385 573.517L190.135 575.111L192.667 573.986L193.136 574.455V591.898ZM209.909 591.898L209.44 592.367H205.22V593.961H219.286V592.367H215.066L214.597 591.898V558.794L214.129 558.325L204.563 562.779L205.313 564.374L209.44 562.592L209.909 563.061V591.898ZM235.223 594.43C242.96 594.43 246.758 586.084 246.758 575.862C246.758 567.328 243.757 558.325 235.411 558.325C227.674 558.325 223.876 566.015 223.876 576.893C223.876 584.771 226.924 594.43 235.223 594.43ZM235.879 592.648C231.237 592.648 229.315 585.521 229.315 575.111C229.315 565.968 230.815 560.107 234.754 560.107C239.724 560.107 241.319 567.234 241.319 577.643C241.319 587.303 239.584 592.648 235.879 592.648Z"
»Your Personal Guide to Making Sound«<br><br> fill="currentColor"
/>
03:57<br> <path
Kimberley + Jian<br> data-link="Within an entangled state."
Pattern<br><br> d="M370.538 170.959H376.14V165.357H370.538V170.959ZM371.285 198.315L370.818 198.782H367.644V200.369H379.034V198.782H376.14L375.673 198.315V177.028L375.206 176.561L367.55 180.016L368.297 181.603L370.818 180.482L371.285 180.949V198.315ZM381.728 192.9C381.728 197.848 385.93 200.836 391.252 200.836C398.254 200.836 401.708 196.728 401.708 192.06C401.708 187.485 398.347 184.404 394.239 181.416V180.949C397.694 178.895 400.681 176.841 400.681 172.453C400.681 167.691 396.947 164.89 391.812 164.89C386.863 164.89 382.569 167.878 382.569 173.76C382.569 178.148 386.116 181.136 388.217 182.816V183.283C384.716 185.524 381.728 188.138 381.728 192.9ZM386.957 172.173C386.957 169.279 388.731 166.664 391.999 166.664C395.266 166.664 397.04 169.279 397.04 172.173C397.04 176.048 395.406 178.195 392.652 180.202C387.844 176.748 386.957 174.974 386.957 172.173ZM391.718 199.062C388.357 199.062 385.743 197.101 385.743 192.06C385.743 188.698 387.097 186.038 389.758 184.077C395.173 187.952 397.32 189.959 397.32 193.647C397.32 197.008 394.986 199.062 391.718 199.062Z"
fill="currentColor"
04:27<br> />
Kamo + Mitsa + Supi:<br> <path
»Schooling Shoaling«<br><br> data-link="Within an entangled state."
d="M338.955 495.59H344.556V489.988H338.955V495.59ZM339.701 522.946L339.235 523.413H336.06V525H347.451V523.413H344.556L344.09 522.946V501.659L343.623 501.192L335.967 504.646L336.714 506.234L339.235 505.113L339.701 505.58V522.946ZM360.882 489.521C354.113 489.521 350.518 494.843 350.518 501.472C350.518 508.661 355.093 511.649 359.015 511.649C362.189 511.649 364.15 509.875 364.897 509.221H365.41C363.823 517.858 358.641 523.366 350.145 524.533L350.798 525.934C361.535 525 371.339 516.317 371.339 503.339C371.339 494.189 366.717 489.521 360.882 489.521ZM355.747 498.484C355.747 494.47 357.241 491.295 359.948 491.295C363.963 491.295 365.924 496.057 365.924 503.059C365.924 504.366 365.877 505.627 365.737 506.84C364.897 507.727 363.403 508.848 361.722 508.848C357.988 508.848 355.747 505.207 355.747 498.484Z"
14:18<br> fill="currentColor"
Kimberley + Jian<br> />
Pattern<br><br> <path
data-link="Within an entangled state."
14:31<br> d="M580.325 284.885H585.927V279.283H580.325V284.885ZM581.072 312.241L580.605 312.708H577.431V314.295H588.821V312.708H585.927L585.46 312.241V290.954L584.993 290.487L577.337 293.941L578.084 295.529L580.605 294.408L581.072 294.875V312.241ZM600.385 312.148C598.985 312.148 598.051 311.634 597.024 310.514L594.69 307.993L591.515 311.167V311.914C592.729 313.361 594.783 314.762 598.611 314.762C605.894 314.762 611.309 308.926 611.309 301.691C611.309 293.755 604.213 289.833 598.331 289.086L597.864 288.619L600.292 283.204H610.095L611.962 279.283H599.638L593.569 292.541L594.036 293.008C600.852 293.008 607.761 297.489 607.761 304.492C607.761 309.253 604.493 312.148 600.385 312.148Z"
Gersande + Carmen + Alex:<br> fill="currentColor"
no title<br><br> />
<path
17:46<br> data-link="Within an entangled state."
Kimberley + Jian<br> d="M414.235 269.856H419.862V264.229H414.235V269.856ZM414.985 297.333L414.516 297.802H411.328V299.396H422.769V297.802H419.862L419.393 297.333V275.952L418.924 275.483L411.234 278.953L411.984 280.547L414.516 279.422L414.985 279.89V297.333ZM427.913 286.736V286.267L437.948 272.201H438.416V286.736H427.913ZM424.537 290.675H438.416V299.396H442.636V290.675H447.513V286.736H442.636V264.229H440.761L424.537 286.736V290.675Z"
Pattern<br><br> fill="currentColor"
/>
19:48<br> <path
Erica + Chae:<br> data-link="Grande Finale"
»Critical Evaluation of Crunchy and Crispy Texture« from Issue number 1 of »The Perfect Crunch International Journal«, Patterns of Crunchiness to Satisfy Your Bored Mouth<br><br> d="M527.769 608.531L528.739 593.819H525.775L526.745 608.531H527.769ZM525.64 614.028H528.874V610.795H525.64V614.028ZM534.979 608.531L535.949 593.819H532.985L533.955 608.531H534.979ZM532.851 614.028H536.084V610.795H532.851V614.028Z"
fill="currentColor"
25:14<br> />
Kimberley + Jian<br> <path
Pattern data-link="Grande Finale"
</div> d="M477.815 761.303H484.282V760.386H477.815V761.303ZM484.324 747.372L490.791 774.318H491.869L485.402 747.372H484.324ZM492.235 761.303H498.702V760.386H492.235V761.303Z"
fill="currentColor"
<div class="caretakers"> />
Caretakers:<br> <path
Kimberley + Carmen + Jian data-link="Grande Finale"
</div> d="M583.754 820.681L590.221 847.627H591.299L584.832 820.681H583.754ZM591.665 834.612H598.132V833.696H591.665V834.612Z"
fill="currentColor"
</div> />
<path
data-link="Grande Finale"
<div class="notation"> d="M510.557 907.859V934.805H511.581V907.859H510.557ZM514.505 907.859V934.805H515.529V907.859H514.505Z"
<img src="images/notation.jpg" alt="" /> fill="currentColor"
</div> />
<path
</body> data-link="Grande Finale"
d="M176.822 518.382L177.792 503.669H174.828L175.798 518.382H176.822ZM174.693 523.879H177.927V520.645H174.693V523.879ZM180.286 517.6H199.149V516.684H180.286V517.6Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M118.626 647.167L119.596 632.455H116.632L117.602 647.167H118.626ZM116.497 652.664H119.731V649.431H116.497V652.664ZM122.091 646.386H128.558V645.469H122.091V646.386Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M403.36 584.889L415.917 578.018V577.748L403.36 570.877V572.009L413.869 577.748V578.018L403.36 583.757V584.889ZM416.124 593.027H417.202L423.669 566.081H422.591L416.124 593.027Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M404.093 425.407L410.56 452.353H411.637L405.17 425.407H404.093Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M800.402 190.502L799.755 190.124C799.648 190.852 799.216 191.525 798.3 191.525C796.926 191.525 796.225 189.909 794.474 189.909C792.642 189.909 791.914 191.229 791.779 192.549L792.426 192.927C792.534 192.199 792.965 191.525 793.881 191.525C795.255 191.525 795.929 193.142 797.707 193.142C799.486 193.142 800.267 191.822 800.402 190.502ZM810.849 190.502L810.202 190.124C810.094 190.852 809.663 191.525 808.747 191.525C807.373 191.525 806.672 189.909 804.921 189.909C803.088 189.909 802.361 191.229 802.226 192.549L802.873 192.927C802.981 192.199 803.412 191.525 804.328 191.525C805.702 191.525 806.376 193.142 808.154 193.142C809.933 193.142 810.714 191.822 810.849 190.502Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M400.291 715.868H401.369L407.836 688.922H406.758L400.291 715.868Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M928.609 361.72L935.777 357.516L933.46 356.061L927.963 361.342L928.609 361.72ZM931.573 374.869C930.172 374.869 929.472 373.845 929.472 372.39V362.798H924.999V363.714H926.669L926.939 364.037V372.875C926.939 375.462 928.771 376.54 930.442 376.54C932.328 376.54 933.567 375.516 934.484 374.223H934.753L934.537 376.271L934.807 376.54L939.172 374.654L938.741 373.738L937.448 374.277L937.178 374.007V362.798H932.705V363.714H934.376L934.645 363.983V372.875C934.214 373.684 933.029 374.869 931.573 374.869Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M777.53 426.255V423.56H774.297V426.794H776.291L776.56 427.063C776.398 428.303 775.698 429.489 774.243 430.62L774.62 431.267C776.452 429.974 777.53 428.249 777.53 426.255ZM779.89 420.516H786.357V419.599H779.89V420.516Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M693.815 547.258V574.204H694.839V547.258H693.815Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M267.376 599.534L270.34 596.247H270.61L274.706 599.534L275.352 599.157L271.472 593.876H270.61L266.73 599.157L267.376 599.534ZM277.823 599.534L280.787 596.247H281.057L285.152 599.534L285.799 599.157L281.919 593.876H281.057L277.176 599.157L277.823 599.534Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M396.437 174.541L399.401 171.254H399.67L403.766 174.541L404.413 174.164L400.533 168.883H399.67L395.79 174.164L396.437 174.541Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M308.044 377H309.229L319.334 356.791H310.792C307.747 356.791 305.915 360.078 305.915 362.988C305.915 365.683 307.128 367.03 308.933 367.03C311.412 367.03 313.19 364.066 313.19 360.994C313.19 359.647 312.786 358.623 312.274 357.976L312.544 357.707H317.69L308.044 377ZM310.334 357.814C311.412 357.814 312.113 358.785 312.113 360.779C312.113 363.743 310.765 366.114 309.202 366.114C308.125 366.114 307.424 365.144 307.424 363.15C307.424 360.186 308.771 357.814 310.334 357.814ZM318.607 366.761C316.128 366.761 314.268 370.048 314.268 372.958C314.268 375.653 315.481 377.269 317.286 377.269C319.846 377.269 321.544 374.305 321.544 371.234C321.544 368.755 320.601 366.761 318.607 366.761ZM318.607 367.784C319.846 367.784 320.466 369.024 320.466 371.018C320.466 373.982 319.119 376.353 317.61 376.353C316.451 376.353 315.777 375.114 315.777 373.12C315.777 370.156 317.125 367.784 318.607 367.784Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M84.5928 431.203L85.5629 416.491H82.5988L83.5689 431.203H84.5928ZM82.4641 436.7H85.6976V433.467H82.4641V436.7Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M414.699 263.991H421.166V263.075H414.699V263.991Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M785.456 733.36V730.665H782.222V733.898H784.216L784.486 734.168C784.324 735.407 783.624 736.593 782.168 737.725L782.546 738.371C784.378 737.078 785.456 735.354 785.456 733.36ZM792.666 733.36V730.665H789.433V733.898H791.427L791.696 734.168C791.534 735.407 790.834 736.593 789.379 737.725L789.756 738.371C791.588 737.078 792.666 735.354 792.666 733.36Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M219.251 805.421H231.916V804.505H219.251V805.421Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M794.825 507.232H807.489V506.316H794.825V507.232Z"
fill="currentColor"
/>
<path
data-link="Grande Finale"
d="M620.392 130.587H623.626V127.353H620.392V130.587Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M887.203 494.749H894.383V493.732H887.203V494.749ZM902.987 486.462C898.26 486.462 896.106 490.77 896.106 494.539C896.106 498.728 898.499 502.019 902.568 502.019C906.936 502.019 908.432 497.89 908.672 495.736L907.953 495.317C907.355 497.232 906.338 499.266 903.466 499.266C900.055 499.266 898.44 496.275 898.44 492.984C898.44 489.812 900.504 487.658 902.718 487.658C903.585 487.658 904.124 488.017 904.423 488.825L905.321 491.189L908.193 490.83L908.492 490.53C907.953 488.556 906.727 486.462 902.987 486.462Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M828.807 265.906H849.75V264.889H828.807V265.906ZM858.352 257.619C853.625 257.619 851.471 261.927 851.471 265.697C851.471 269.885 853.864 273.176 857.933 273.176C862.301 273.176 863.797 269.047 864.037 266.893L863.319 266.475C862.72 268.389 861.703 270.424 858.831 270.424C855.42 270.424 853.805 267.432 853.805 264.141C853.805 260.97 855.869 258.816 858.083 258.816C858.951 258.816 859.489 259.175 859.788 259.982L860.686 262.346L863.558 261.987L863.857 261.688C863.319 259.713 862.092 257.619 858.352 257.619Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M718.251 343.64L717.533 343.221C717.413 344.029 716.935 344.777 715.918 344.777C714.392 344.777 713.614 342.982 711.669 342.982C709.635 342.982 708.827 344.448 708.677 345.914L709.395 346.333C709.515 345.525 709.994 344.777 711.011 344.777C712.537 344.777 713.285 346.572 715.259 346.572C717.234 346.572 718.102 345.106 718.251 343.64ZM727.457 338.853C722.73 338.853 720.576 343.161 720.576 346.931C720.576 351.12 722.969 354.411 727.038 354.411C731.406 354.411 732.902 350.282 733.141 348.128L732.423 347.709C731.825 349.624 730.808 351.658 727.935 351.658C724.525 351.658 722.909 348.666 722.909 345.375C722.909 342.204 724.974 340.05 727.187 340.05C728.055 340.05 728.594 340.409 728.893 341.217L729.79 343.58L732.662 343.221L732.962 342.922C732.423 340.947 731.196 338.853 727.457 338.853Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M633.448 272.479C628.72 272.479 626.566 276.787 626.566 280.557C626.566 284.746 628.96 288.036 633.029 288.036C637.397 288.036 638.893 283.908 639.132 281.754L638.414 281.335C637.816 283.25 636.798 285.284 633.926 285.284C630.516 285.284 628.9 282.292 628.9 279.001C628.9 275.83 630.964 273.676 633.178 273.676C634.046 273.676 634.584 274.035 634.884 274.843L635.781 277.206L638.653 276.847L638.952 276.548C638.414 274.573 637.187 272.479 633.448 272.479ZM640.569 280.766H647.75V279.749H640.569V280.766Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M710.772 424.05C706.045 424.05 703.891 428.359 703.891 432.128C703.891 436.317 706.285 439.608 710.353 439.608C714.721 439.608 716.217 435.479 716.457 433.325L715.739 432.906C715.14 434.821 714.123 436.855 711.251 436.855C707.84 436.855 706.225 433.864 706.225 430.573C706.225 427.401 708.289 425.247 710.503 425.247C711.371 425.247 711.909 425.606 712.208 426.414L713.106 428.777L715.978 428.418L716.277 428.119C715.739 426.145 714.512 424.05 710.772 424.05ZM717.894 432.338H738.837V431.321H717.894V432.338Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M802.045 344.798C797.318 344.798 795.164 349.106 795.164 352.875C795.164 357.064 797.557 360.355 801.626 360.355C805.994 360.355 807.49 356.226 807.73 354.072L807.012 353.653C806.413 355.568 805.396 357.602 802.524 357.602C799.113 357.602 797.498 354.611 797.498 351.32C797.498 348.148 799.562 345.994 801.776 345.994C802.644 345.994 803.182 346.353 803.481 347.161L804.379 349.525L807.251 349.166L807.55 348.866C807.012 346.892 805.785 344.798 802.045 344.798ZM819.339 349.584L818.621 349.166C818.501 349.973 818.023 350.721 817.006 350.721C815.48 350.721 814.702 348.926 812.757 348.926C810.723 348.926 809.915 350.392 809.765 351.858L810.483 352.277C810.603 351.469 811.082 350.721 812.099 350.721C813.625 350.721 814.373 352.516 816.347 352.516C818.322 352.516 819.19 351.05 819.339 349.584Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M868.234 404.237C863.507 404.237 861.353 408.545 861.353 412.315C861.353 416.503 863.746 419.794 867.815 419.794C872.183 419.794 873.679 415.666 873.918 413.512L873.2 413.093C872.602 415.007 871.584 417.042 868.712 417.042C865.302 417.042 863.686 414.05 863.686 410.759C863.686 407.588 865.75 405.434 867.964 405.434C868.832 405.434 869.371 405.793 869.67 406.6L870.567 408.964L873.439 408.605L873.739 408.306C873.2 406.331 871.973 404.237 868.234 404.237ZM874.757 426.975H875.954L883.134 397.057H881.937L874.757 426.975Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M641.373 363.62C636.646 363.62 634.492 367.928 634.492 371.698C634.492 375.886 636.885 379.177 640.954 379.177C645.322 379.177 646.818 375.048 647.057 372.894L646.339 372.475C645.741 374.39 644.724 376.425 641.852 376.425C638.441 376.425 636.825 373.433 636.825 370.142C636.825 366.971 638.89 364.816 641.104 364.816C641.971 364.816 642.51 365.176 642.809 365.983L643.706 368.347L646.579 367.988L646.878 367.689C646.339 365.714 645.113 363.62 641.373 363.62ZM647.717 356.439L654.897 386.357H656.094L648.914 356.439H647.717Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M427.723 948.063H428.92L436.1 918.146H434.903L427.723 948.063ZM439.632 938.37C440.768 939.567 442.145 940.883 444.658 940.883C448.128 940.883 451.3 937.652 451.3 932.985C451.3 927.959 448.727 925.326 445.615 925.326C443.581 925.326 442.324 926.463 441.247 927.899H440.948V918.146L440.649 917.846L435.742 920.06L436.221 921.077L437.837 920.359L438.136 920.659V940.883H439.332V938.37H439.632ZM440.948 934.6V929.455C441.367 928.736 442.653 927.181 444.179 927.181C446.842 927.181 448.188 930.053 448.188 934.241C448.188 937.353 447.171 939.746 444.718 939.746C442.264 939.746 440.948 937.473 440.948 934.6Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M713.844 868.612L721.024 898.53H722.221L715.041 868.612H713.844ZM726.517 888.837C727.654 890.034 729.03 891.35 731.543 891.35C735.013 891.35 738.185 888.119 738.185 883.452C738.185 878.425 735.612 875.793 732.5 875.793C730.466 875.793 729.209 876.93 728.132 878.366H727.833V868.612L727.534 868.313L722.627 870.527L723.106 871.544L724.722 870.826L725.021 871.125V891.35H726.218V888.837H726.517ZM727.833 885.067V879.921C728.252 879.203 729.538 877.648 731.064 877.648C733.727 877.648 735.073 880.52 735.073 884.708C735.073 887.82 734.056 890.213 731.603 890.213C729.149 890.213 727.833 887.939 727.833 885.067Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M657.877 792.479H643.457V793.496H657.877V792.479ZM657.877 799.54H643.457V800.557H657.877V799.54ZM664.575 803.639C665.712 804.835 667.088 806.152 669.602 806.152C673.072 806.152 676.243 802.921 676.243 798.253C676.243 793.227 673.67 790.594 670.559 790.594C668.525 790.594 667.268 791.731 666.191 793.167H665.892V783.414L665.593 783.115L660.686 785.329L661.165 786.346L662.78 785.628L663.079 785.927V806.152H664.276V803.639H664.575ZM665.892 799.869V794.723C666.311 794.005 667.597 792.449 669.123 792.449C671.786 792.449 673.132 795.321 673.132 799.51C673.132 802.621 672.115 805.015 669.661 805.015C667.208 805.015 665.892 802.741 665.892 799.869Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M568.885 939.028L582.827 931.399V931.1L568.885 923.471V924.727L580.553 931.1V931.399L568.885 937.772V939.028ZM587.544 938.37C588.681 939.567 590.057 940.883 592.57 940.883C596.041 940.883 599.212 937.652 599.212 932.985C599.212 927.959 596.639 925.326 593.527 925.326C591.493 925.326 590.236 926.463 589.159 927.899H588.86V918.146L588.561 917.846L583.655 920.06L584.133 921.077L585.749 920.359L586.048 920.659V940.883H587.245V938.37H587.544ZM588.86 934.6V929.455C589.279 928.736 590.566 927.181 592.091 927.181C594.754 927.181 596.1 930.053 596.1 934.241C596.1 937.353 595.083 939.746 592.63 939.746C590.177 939.746 588.86 937.473 588.86 934.6Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M506.793 821.472C507.929 822.668 509.306 823.985 511.819 823.985C515.289 823.985 518.461 820.754 518.461 816.086C518.461 811.06 515.888 808.427 512.776 808.427C510.742 808.427 509.485 809.564 508.408 811H508.109V801.247L507.81 800.948L502.903 803.162L503.382 804.179L504.997 803.461L505.297 803.76V823.985H506.493V821.472H506.793ZM508.109 817.702V812.556C508.528 811.838 509.814 810.282 511.34 810.282C514.003 810.282 515.349 813.154 515.349 817.343C515.349 820.454 514.332 822.848 511.879 822.848C509.425 822.848 508.109 820.574 508.109 817.702ZM520.798 822.13L534.74 814.501V814.202L520.798 806.572V807.829L532.466 814.202V814.501L520.798 820.873V822.13Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M788.286 797.362V796.106L776.618 789.733V789.434L788.286 783.061V781.805L774.344 789.434V789.733L788.286 797.362ZM793.601 796.704C794.738 797.901 796.115 799.217 798.628 799.217C802.098 799.217 805.269 795.986 805.269 791.319C805.269 786.293 802.697 783.66 799.585 783.66C797.551 783.66 796.294 784.797 795.217 786.233H794.918V776.48L794.619 776.18L789.712 778.394L790.191 779.411L791.806 778.693L792.106 778.993V799.217H793.302V796.704H793.601ZM794.918 792.934V787.788C795.337 787.07 796.623 785.515 798.149 785.515C800.812 785.515 802.158 788.387 802.158 792.575C802.158 795.687 801.141 798.08 798.688 798.08C796.234 798.08 794.918 795.807 794.918 792.934Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M158.383 470.563C163.947 470.563 164.755 466.405 164.516 462.127C164.336 458.596 164.845 456.442 168.675 456.113V455.096C164.845 454.767 164.336 452.613 164.516 449.082C164.755 444.804 163.947 440.646 158.383 440.646V441.663C161.973 441.663 162.571 446.15 162.422 449.98C162.272 453.899 163.08 454.797 166.73 455.455V455.754C163.08 456.412 162.272 457.31 162.422 461.229C162.571 465.059 161.973 469.546 158.383 469.546V470.563ZM178.729 451.715V453.51C174.6 455.186 170.412 456.502 170.412 460.092C170.412 462.127 171.848 463.383 174.062 463.383C176.545 463.383 177.921 461.498 178.43 460.511H178.729V461.169C178.729 462.665 179.387 463.383 180.644 463.383C181.841 463.383 182.858 462.426 184.174 460.87L183.755 460.152C183.187 460.78 182.738 461.289 182.2 461.289C181.541 461.289 181.302 460.81 181.362 459.673L181.721 452.014C181.87 448.963 179.716 447.826 176.695 447.826C173.194 447.826 170.861 449.591 170.472 451.955L170.771 452.254L173.643 451.895L174.241 449.92C174.481 449.112 175.079 448.843 175.857 448.843C177.353 448.843 178.729 449.621 178.729 451.715ZM178.729 455.006V459.015C178.669 459.135 177.383 460.93 175.318 460.93C174.122 460.93 173.404 460.361 173.404 459.105C173.404 456.741 176.246 455.664 178.43 454.707L178.729 455.006Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M423.494 371.497V341.579H417.51V342.596H422.058L422.357 342.896V370.181L422.058 370.48H417.51V371.497H423.494ZM434.73 352.649V354.444C430.602 356.119 426.413 357.436 426.413 361.026C426.413 363.06 427.849 364.317 430.063 364.317C432.546 364.317 433.923 362.432 434.431 361.445H434.73V362.103C434.73 363.599 435.388 364.317 436.645 364.317C437.842 364.317 438.859 363.359 440.175 361.804L439.756 361.086C439.188 361.714 438.739 362.223 438.201 362.223C437.543 362.223 437.303 361.744 437.363 360.607L437.722 352.948C437.872 349.896 435.718 348.759 432.696 348.759C429.195 348.759 426.862 350.525 426.473 352.888L426.772 353.187L429.644 352.828L430.243 350.854C430.482 350.046 431.08 349.777 431.858 349.777C433.354 349.777 434.73 350.555 434.73 352.649ZM434.73 355.94V359.949C434.67 360.068 433.384 361.863 431.32 361.863C430.123 361.863 429.405 361.295 429.405 360.038C429.405 357.675 432.247 356.598 434.431 355.641L434.73 355.94Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M329.153 577.779C333.341 575.744 338.128 571.017 338.128 562.521C338.128 554.024 333.341 549.297 329.153 547.262L328.734 547.98C332.144 549.955 335.735 554.024 335.735 562.521C335.735 571.017 332.144 575.086 328.734 577.061L329.153 577.779ZM349.08 558.631V560.426C344.951 562.102 340.763 563.418 340.763 567.008C340.763 569.043 342.199 570.299 344.413 570.299C346.896 570.299 348.272 568.414 348.781 567.427H349.08V568.085C349.08 569.581 349.738 570.299 350.995 570.299C352.192 570.299 353.209 569.342 354.525 567.786L354.106 567.068C353.538 567.696 353.089 568.205 352.551 568.205C351.892 568.205 351.653 567.726 351.713 566.589L352.072 558.93C352.221 555.879 350.067 554.742 347.046 554.742C343.545 554.742 341.212 556.507 340.823 558.871L341.122 559.17L343.994 558.811L344.592 556.836C344.832 556.028 345.43 555.759 346.208 555.759C347.704 555.759 349.08 556.537 349.08 558.631ZM349.08 561.922V565.931C349.02 566.051 347.734 567.846 345.669 567.846C344.473 567.846 343.755 567.277 343.755 566.021C343.755 563.657 346.597 562.58 348.781 561.623L349.08 561.922Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M197.078 682.539V684.334C192.95 686.01 188.761 687.326 188.761 690.916C188.761 692.951 190.197 694.207 192.411 694.207C194.894 694.207 196.271 692.323 196.779 691.335H197.078V691.993C197.078 693.489 197.737 694.207 198.993 694.207C200.19 694.207 201.207 693.25 202.523 691.694L202.105 690.976C201.536 691.605 201.087 692.113 200.549 692.113C199.891 692.113 199.651 691.634 199.711 690.498L200.07 682.839C200.22 679.787 198.066 678.65 195.044 678.65C191.544 678.65 189.21 680.415 188.821 682.779L189.12 683.078L191.992 682.719L192.591 680.744C192.83 679.937 193.428 679.667 194.206 679.667C195.702 679.667 197.078 680.445 197.078 682.539ZM197.078 685.83V689.839C197.019 689.959 195.732 691.754 193.668 691.754C192.471 691.754 191.753 691.186 191.753 689.929C191.753 687.566 194.595 686.489 196.779 685.531L197.078 685.83ZM213.17 683.437L212.452 683.018C212.332 683.826 211.854 684.574 210.836 684.574C209.311 684.574 208.533 682.779 206.588 682.779C204.554 682.779 203.746 684.245 203.596 685.711L204.314 686.13C204.434 685.322 204.913 684.574 205.93 684.574C207.456 684.574 208.204 686.369 210.178 686.369C212.153 686.369 213.02 684.903 213.17 683.437Z"
fill="currentColor"
/>
<path
data-link="Entr&#39;actes 1.2.3."
d="M235.37 266.462V268.257C231.242 269.933 227.053 271.249 227.053 274.839C227.053 276.874 228.489 278.13 230.703 278.13C233.186 278.13 234.563 276.245 235.071 275.258H235.37V275.916C235.37 277.412 236.029 278.13 237.285 278.13C238.482 278.13 239.499 277.173 240.815 275.617L240.397 274.899C239.828 275.527 239.379 276.036 238.841 276.036C238.183 276.036 237.943 275.557 238.003 274.42L238.362 266.761C238.512 263.71 236.358 262.573 233.336 262.573C229.836 262.573 227.502 264.338 227.113 266.702L227.412 267.001L230.284 266.642L230.883 264.667C231.122 263.859 231.72 263.59 232.498 263.59C233.994 263.59 235.37 264.368 235.37 266.462ZM235.37 269.753V273.762C235.311 273.882 234.024 275.677 231.96 275.677C230.763 275.677 230.045 275.109 230.045 273.852C230.045 271.488 232.887 270.411 235.071 269.454L235.37 269.753ZM242.487 255.393V285.311H243.624V255.393H242.487Z"
fill="currentColor"
/>
<path
data-link="Voices of Hierarchy"
d="M872.325 637.788H879.767V630.346H872.325V637.788ZM873.317 674.129L872.697 674.749H868.48V676.857H883.612V674.749H879.767L879.146 674.129V645.85L878.526 645.23L868.356 649.819L869.348 651.927L872.697 650.439L873.317 651.059V674.129ZM891.16 637.788H898.601V630.346H891.16V637.788ZM892.152 674.129L891.532 674.749H887.315V676.857H902.446V674.749H898.601L897.981 674.129V645.85L897.361 645.23L887.191 649.819L888.183 651.927L891.532 650.439L892.152 651.059V674.129ZM909.994 637.788H917.436V630.346H909.994V637.788ZM910.987 674.129L910.366 674.749H906.149V676.857H921.281V674.749H917.436L916.816 674.129V645.85L916.196 645.23L906.025 649.819L907.018 651.927L910.366 650.439L910.987 651.059V674.129Z"
fill="currentColor"
/>
<path
data-link="Laughing Opera"
d="M357.165 813.884H364.393V806.656H357.165V813.884ZM358.129 849.18L357.527 849.782H353.431V851.83H368.127V849.782H364.393L363.791 849.18V821.714L363.188 821.112L353.31 825.569L354.274 827.617L357.527 826.171L358.129 826.774V849.18ZM375.458 813.884H382.686V806.656H375.458V813.884ZM376.422 849.18L375.82 849.782H371.724V851.83H386.421V849.782H382.686L382.084 849.18V821.714L381.482 821.112L371.604 825.569L372.567 827.617L375.82 826.171L376.422 826.774V849.18Z"
fill="currentColor"
/>
</g>
</svg>
<!-- structure placeholder -->
<div class="info">
<div class="title">The Emergent Opera</div>
<div class="filename">10.05.2022</div>
<div class="position">SI18#3</div>
</div>
<!-- --------------------- -->
</div>
<div class="libretto" contenteditable="true">
<header class="cover">
<div class="release">
10.05.2022 <br />
SI18 Weekly Release #3
</div>
<h1 class="title">Emergent Opera</h1>
<div class="description">
What does it mean? This week we invite you to make content within a common
structure, instead of finding a structure when the contents have already
been made! An emergent opera where each property is part of a bigger whole,
that comes together in the becoming...
</div>
<dl>
<dt>Contribution by</dt>
<dd>
Kimberley, Chae, Kamo, Supi, Emma, <br />
Miri, Carmen, Alex, Gersande
</dd>
<dt>Caretakers</dt>
<dd>Erica, Gersande, Kamo</dd>
</dl>
<button id="btn-print">Print Libretto</button>
</header>
<!-- <section class="vocabulary"></section> -->
<section class="index" id="index">
<h2>Index</h2>
<div class="tracklist" id="trackList"></div>
<!-- table structure below -->
<!-- <table class="tracks" id="tracks-ref">
<caption class="title"></caption>
<tr class="track">
<td class="symbol"></td>
<td class="filename"></td>
</tr>
</table> -->
</section>
<div class="contributions" id="contributions"></div>
<!-- this is a reference for the js script, hidden by default with css -->
<section class="contribution" id="reference">
<div class="meta">
<span class="moment"></span> ~
<span class="author"></span>
</div>
<h2 class="title">Overture Atlas</h2>
<div class="description">description</div>
<div class="content"></div>
</section>
</div>
</div>
</body>
</html> </html>

@ -0,0 +1,180 @@
/* CSS for Paged.js interface v0.2 */
/* Change the look */
:root {
--color-background: whitesmoke;
--color-pageSheet: #cfcfcf;
--color-pageBox: violet;
--color-paper: white;
--color-marginBox: transparent;
--pagedjs-crop-color: black;
--pagedjs-crop-shadow: white;
--pagedjs-crop-stroke: 1px;
}
/* To define how the book look on the screen: */
@media screen {
body {
background-color: var(--color-background);
}
.pagedjs_pages {
display: flex;
width: calc(var(--pagedjs-width) * 2);
flex: 0;
flex-wrap: wrap;
margin: 0 auto;
}
.pagedjs_page {
background-color: var(--color-paper);
box-shadow: 0 0 0 1px var(--color-pageSheet);
margin: 0;
flex-shrink: 0;
flex-grow: 0;
margin-top: 10mm;
}
.pagedjs_first_page {
margin-left: var(--pagedjs-width);
}
.pagedjs_page:last-of-type {
margin-bottom: 10mm;
}
.pagedjs_pagebox {
box-shadow: 0 0 0 1px var(--color-pageBox);
}
.pagedjs_left_page {
z-index: 20;
width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width)) !important;
}
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop {
border-color: transparent;
}
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle {
width: 0;
}
.pagedjs_right_page {
z-index: 10;
position: relative;
left: calc(var(--pagedjs-bleed-left)*-1);
}
/* show the margin-box */
.pagedjs_margin-top-left-corner-holder,
.pagedjs_margin-top,
.pagedjs_margin-top-left,
.pagedjs_margin-top-center,
.pagedjs_margin-top-right,
.pagedjs_margin-top-right-corner-holder,
.pagedjs_margin-bottom-left-corner-holder,
.pagedjs_margin-bottom,
.pagedjs_margin-bottom-left,
.pagedjs_margin-bottom-center,
.pagedjs_margin-bottom-right,
.pagedjs_margin-bottom-right-corner-holder,
.pagedjs_margin-right,
.pagedjs_margin-right-top,
.pagedjs_margin-right-middle,
.pagedjs_margin-right-bottom,
.pagedjs_margin-left,
.pagedjs_margin-left-top,
.pagedjs_margin-left-middle,
.pagedjs_margin-left-bottom {
box-shadow: 0 0 0 1px inset var(--color-marginBox);
}
/* uncomment this part for recto/verso book : ------------------------------------ */
/*
.pagedjs_pages {
flex-direction: column;
width: 100%;
}
.pagedjs_first_page {
margin-left: 0;
}
.pagedjs_page {
margin: 0 auto;
margin-top: 10mm;
}
.pagedjs_left_page{
width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width) + var(--pagedjs-bleed-left))!important;
}
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop{
border-color: var(--pagedjs-crop-color);
}
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{
width: var(--pagedjs-cross-size)!important;
}
.pagedjs_right_page{
left: 0;
}
*/
/*--------------------------------------------------------------------------------------*/
/* uncomment this par to see the baseline : -------------------------------------------*/
/* .pagedjs_pagebox {
--pagedjs-baseline: 22px;
--pagedjs-baseline-position: 5px;
--pagedjs-baseline-color: cyan;
background: linear-gradient(transparent 0%, transparent calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) var(--pagedjs-baseline)), transparent;
background-size: 100% var(--pagedjs-baseline);
background-repeat: repeat-y;
background-position-y: var(--pagedjs-baseline-position);
} */
/*--------------------------------------------------------------------------------------*/
}
/* Marks (to delete when merge in paged.js) */
.pagedjs_marks-crop {
z-index: 999999999999;
}
.pagedjs_bleed-top .pagedjs_marks-crop,
.pagedjs_bleed-bottom .pagedjs_marks-crop {
box-shadow: 1px 0px 0px 0px var(--pagedjs-crop-shadow);
}
.pagedjs_bleed-top .pagedjs_marks-crop:last-child,
.pagedjs_bleed-bottom .pagedjs_marks-crop:last-child {
box-shadow: -1px 0px 0px 0px var(--pagedjs-crop-shadow);
}
.pagedjs_bleed-left .pagedjs_marks-crop,
.pagedjs_bleed-right .pagedjs_marks-crop {
box-shadow: 0px 1px 0px 0px var(--pagedjs-crop-shadow);
}
.pagedjs_bleed-left .pagedjs_marks-crop:last-child,
.pagedjs_bleed-right .pagedjs_marks-crop:last-child {
box-shadow: 0px -1px 0px 0px var(--pagedjs-crop-shadow);
}

@ -0,0 +1,177 @@
@media print{
@page {
size: A5;
margin-top: 5mm;
margin-right: 10mm;
margin-bottom: 20mm;
margin-left: 7.5mm;
}
html, body {
font-size: 14px;
font-family: Fengardo;
}
.container{
display: block;
width: auto;
height: auto;
}
.atlas {
border: none;
}
.atlas svg {
width: auto;
height: auto;
max-width: 100%;
}
.contributions,
.contribution {
border-bottom: none;
}
header.cover{
width: auto;
height: 100%;
min-height: auto;
padding: 0;
border: none;
}
.cover .title {
font-size: 46px;
margin: 64px 0;
}
.atlas,
.cover,
.contributions,
.contribution,
.index,
.content img {
break-before: page;
}
.info{
display: none;
}
.index {
display: block;
columns: unset;
}
.index table{
width: 100%;
border-collapse: collapse;
}
.index tr{
border-top: solid 1px currentColor;
border-bottom: solid 1px currentColor;
}
.index-title {
font-weight: bold;
margin-top: 16px;
text-transform: uppercase;
text-align: right;
}
.symbol {
text-transform: lowercase;
width: 20%;
}
.libretto {
overflow: hidden;
/* height:100%; */
}
.libretto > *{
border-bottom: none;
}
.contribution .content h2,
.contribution .description{
font-size: 18px;
}
.contribution .title {
font-size: 28px;
}
.contribution {
border-bottom: none;
height: 100%;
overflow: hidden;
}
img {
margin: 16px auto;
}
/*Sorry Gi, the multicolumn layout is too painful */
/* .contribution .content{
column-count: 2;
column-fill: auto;
}
.contribution li{
column-span: none;
}
.contribution img{
column-span: all;
float: left;
}
*/
/* .content p, .content h2 {
margin: default;
} */
button#btn-print {
display: none;
}
.full-height {
height: 100%;
}
}
@media print{
:root {
--text: tomato;
--wireframe: tomato;
--background: #ffffff;
}
html, body{
background-color: var(--background);
}
}

@ -0,0 +1,258 @@
@font-face {
font-family: Fengardo;
src: url("fonts/fengardoneue_regular-webfont.woff");
}
@font-face {
font-family: Fengardo;
src: url("fonts/fengardoneue_black-webfont.woff");
font-weight: bold;
}
:root {
--text:#111;
--wireframe:#111;
--background:#FF6347;
}
*{
box-sizing: border-box;
}
body, html{
margin: 0;
padding: 0;
background-color: var(--background);
color: var(--text);
font-family: Fengardo;
font-size: 21px;
line-height: 1.6;
}
.container {
display: flex;
width: 100vw;
height: 100vh;
margin: 0;
overflow: hidden;
}
.container > * {
flex-basis: 50%;
}
.atlas {
display: flex;
flex-direction: column;
justify-content: space-between;
border-right: solid 1px var(--wireframe);
}
.info {
display: flex;
justify-content: space-around;
align-items: center;
height: 100px;
width: 100%;
border-top: solid 1px var(--wireframe);
}
.libretto{
overflow-y: scroll;
scroll-behavior: smooth;
}
.libretto > * {
border-bottom: solid 1px var(--wireframe);
}
.atlas svg {
padding: 32px;
width: 100%;
}
path[data-link]{
pointer-events: all;
pointer-events:bounding-box;
}
.moment{
text-transform: uppercase;
}
.cover{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-height: 100vh;
padding: 32px;
}
.cover .release {
font-style: italic;
}
.cover .title {
font-size: 64px;
margin: 64px 0;
}
.cover .description {
max-width: 50ch;
}
dl {
margin-top: 128px;
}
dt {
margin-top: 24px;
font-style: italic;
}
dd {
max-width: 60ch;
margin: 0;
}
.index {
display: none;
}
#reference {
display: none;
}
.contribution {
padding: 16px;
padding-bottom: 64px;
border-bottom: 1px solid currentColor;
}
.contribution .title {
margin: 0;
margin-top: 0;
font-size: 42px;
}
.contribution .meta {
/* font-size: 0.8em; */
/* font-weight: bold; */
text-transform: uppercase;
}
ul, ol {
margin: 16px 0;
}
.contribution .description {
font-style: italic;
padding-bottom: 32px;
}
.contribution .content h3,
.contribution .content h2 {
font-size: 28px;
margin: 16px 0;
}
.contribution .content ol {
padding-inline-start: 16px;
}
.contribution img {
width: 100%;
height: auto;
object-fit: contain;
}
.content {
white-space: pre-line;
}
.content p,
.content h2 {
margin: 0;
}
.content img {
width: 100%;
object-fit: contain;
height: auto;
}
#btn-print {
display: inline-block;
color: var(--text);
margin-top: 32px;
background: none;
border: 1px solid var(--text);
padding: 4px 8px;
font-size: 1rem;
}
#btn-print:hover{
cursor: pointer;
}
a{
position: relative;
color: currentColor;
pointer-events: all;
}
a:hover{
color: white;
}
@namespace svg url(http://www.w3.org/2000/svg);
/* Necessary to select only SVG <a> elements, and not also HTML's.
See warning below */
svg|a:link,
svg|a:visited {
cursor: pointer;
color: currentColor;
pointer-events: all;
}
svg|g {
pointer-events: all;
}
@media (max-width: 991.98px){
.container {
height: auto;
width: 100%;
display: block;
}
.libretto {
overflow: hidden;
}
.atlas svg {
padding: 16px;
}
.info {
display: none;
}
}
Loading…
Cancel
Save