1<!DOCTYPE html> 2 3 4<html lang="en"> 5<html> 6<head> 7 <link rel="stylesheet" href="main.css"> 8 <link rel="icon" type="image/svg+xml" href="images/favicon.svg"> 9 <link rel="alternate icon" href="images/favicon"> 10 <meta charset="utf-8"> 11 <meta name="viewport" content="width=device-width, initial-scale=1"> 12 <title>Ivy Audio - Poeesia</title> 13
13<script src="play.js" defer></script>
13 14
14<script src="select_currency.js" defer></script>
14 15</head> 16 17<body> 18 <header> 19 <nav class="navbar"> 20 <a href=index.php class="logolink"><img class="logoimage" type="image/svg+xml" src="images/text_logo.svg"></a> 21 <ul class="nav-links"> 22 <li><form method="GET" action=""> 23 <select name="currency" id="currency" class="navlink"> 24 <option value="usd" selected>usd $</option> 25 <option value="eur" >eur â¬</option> 26 </select> 27 <noscript> 28 <input type="submit" value="submit currency" /> 29 </noscript> 30 </form></li> 31 </ul> 32 </nav> 33 34 <div class="max-width"> 35 <img id="title" title="POEESIA" src="images/title.svg" type="image/svg+xml" style="padding-top: 4rem; max-width: 80vw; "> 36 37 <div id=buybuttons> 38 <a class="button buybutton" href="checkout.php?product=PoeesiaVol1¤cy=usd"> 39 <span>BUY NOW</span> 40 <div style="font-size: 1.6rem;">$180</div> 41 </a> 42 43 <!-- 44 <div style="width:100%"> 45 <form method="POST" action="https://crypto.ivyaudio.com/apps/3te1YFprZuPQpLZJrX5KcEDW8tf/pos"> 46 <button class="button buybutton" type="submit" name="choiceKey" value="PoeesiaVol1"> 47 <img id=monero src="images/monero.svg" style="height:1em;"> 48 <span>BUY NOW</span> 49 <div style="font-size: 1.6rem;">$144</div> 50 </button> 51 </form> 52 <p style="text-align: center;font-size: .8rem;">20% discount with Monero</p> 53 </div> --> 54 </div> 55 </div> 56 </header> 57 58 <div class="content responsive grid" style="grid-template-columns: 2fr 3fr; margin-top:60px; margin-bottom: 6rem"> 59 <div class="column left" style="text-align:right; font-style: italic; font-family: serif; position: relative"> 60 <div id="poem" style="font-family: Baskerville; font-size: 1.2rem; letter-spacing: 4%; text-wrap: nowrap; margin-right: 1rem;"> 61 <p>The warmth of summer sunbeams</p> 62 <p>Glinting off the sea</p> 63 <p>Until the day sets into evening</p> 64 </div> 65 66 <div id="demos" style="position: absolute; bottom:0; right: 1rem"> 67 <p style="margin-bottom: 0.4rem">Simon Dalzell - <em>Rahu</em></p> 68 <audio controls src=audio/rahu.mp3></audio> 69 70 <!-- <p style="margin-bottom: 0.4rem">Kõnu Taljuste - <em>Ilus laul</em></p> --> 71 <!-- <audio controls src=audio/demo1.mp3></audio> --> 72 </div> 73 </div> 74 75 <img class="ui_image column right" style="border-radius: 4px;" src="images/ui.webp" width=900 height=590> 76 </div> 77 78 <div class="page"> 79 <h2 style="margin-bottom: 2rem;">Poetic resonance</h2> 80 <p>Poeesia is a virtual instrument unlike any other. It is a playable poem, strongly inspired by Estonian nature, tradition, and the thriving local choral scene.</p> 81 82 <p>There are no rigid âarticulationsâ, no fixed-length phrases, no keyswitching. Poeesia takes what you play, and performs it as an ensemble would, gliding between notes in soaring melisma and singing words with real meaning that flow together with natural lightness.</p> 83 84 <p>Let yourself be transported through the seasons by the unique intonations of the Estonian language, and the pure, crystalline sound of the singers' voices.</p> 85 86 <p>Poeesia was recorded in Tallinn with an ensemble of young performers; a passion project, born of a collaboration between friends, strangers, and local artists.</p> 87 </div> 88 89 90 91 <div class="div-container" style="width:100%; height: 100%"><iframe title="Poeesia - Virtual Choir VST" width="100%" src="https://video.altertek.org/videos/embed/h7ehYDBbE4tWUbdq5RKJMF" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" ></iframe style="height 100%; width: 100%;"></div> 92 93 <img src=images/choir.webp class="content" style="border-radius: 4px;"> 94 95 <div class="page" id=specs style="text-align: center;"> 96 <h2>At a glance</h2> 97 <h3>Format</h3> 98 <p>Standalone VSTi / AUi</p> 99 <ul class=flex style="margin: 0 auto; justify-content: center;"> 100 <li class=platform_item>Linux<img class=system_logo src="images/system_linux.svg"></li> 101 <!-- <li class=platform_item>|</li> --> 102 <li class=platform_item>Windows<img class=system_logo src="images/system_windows.svg"></li> 103 <!-- <li class=platform_item>|</li> --> 104 <li class=platform_item>MacOS<img class=system_logo src="images/system_macos.svg" style="margin-top: -8px;"></li> 105 </ul> 106 <h3>Microphone perspectives</h3> 107 <p>Close, Pair</p> 108 109 <h3>Ensemble voices</h3> 110 <p>6 Sopranos + 6 Altos</p> 111 112 <h3>License</h3> 113 <p>GPLv3 open source</p> 114 <p>CC+ Noncommercial</p> 115 116 </div> 117 118 <footer> 119 <ul> 120 <li><a href=privacy class=navlink>privacy</a></li> 121 <li><a href=https://codeberg.org/IvyAudio class=navlink>codeberg</a></li> 122 <li><a href=https://mastodon.art/@ivyaudio class=navlink>mastodon</a></li> 123 <li><a href=https://www.facebook.com/IvyAudio class=navlink>facebook</a></li> 124 <li><a href=freebies class=navlink>freebies</a></li> 125 </ul> 126 </footer> 127</body> 128</html> 129 130<style> 131 132 .column { 133 width: 100%; 134 } 135 136 h1 { 137 text-align: center; 138 font-size: min(6vw, 7rem); 139 letter-spacing: .11em; 140 margin-top:4rem; 141 margin-bottom:0rem; 142 } 143 144 h2 { 145 font-size: 2rem; 146 line-height: 2.5rem; 147 margin:0; 148 align-content: center; 149 font-weight: 600; 150 text-align: center; 151 display: block; 152 opacity: 90%; 153/* letter-spacing: .05em;*/ 154 margin-bottom: 2rem; 155 } 156 157 header { 158/* color: white;*/ 159 text-align: center; 160 box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.17); 161 min-height: 100vh; 162/* height: 100%;*/ 163/* transition: opacity 1s;*/ 164/* background-size: cover;*/ 165/* overflow: hidden;*/ 166/* padding-bottom: 2rem;*/ 167 margin-bottom:4rem; 168/* padding-bottom: 3rem;*/ 169 background-image: url('images/forest.webp'); 170 background-size: cover; 171 background-position: center 0; 172 } 173 174 #buybuttons { 175 display: flex; 176 align-items: start; 177 justify-content: space-around; 178 white-space: nowrap; 179 gap: 2rem; 180 margin-top: 1rem; 181 max-width: 600px; 182 margin-inline: auto; 183 margin-top: 4rem; 184 } 185 186 187 .system_logo{ 188 width:1.4rem; 189 margin-left: .5rem; 190 margin-right: 0; 191 } 192 193 .platform_item { 194 text-align: center; 195 display: flex; 196 align-items: center; 197 max-width: 200px; 198/* min-width: 80px;*/ 199 } 200 201 .first_paragraph:first-letter { 202 font-size: 2rem; 203 } 204 205 .signup { 206 display: flex; 207 flex-wrap: wrap; 208 column-gap: 40px; 209 margin-bottom: inherit; 210 } 211 212 input { 213 font-family: inherit; 214 font-size: 1.2em; 215 } 216 217 input[type=text], input[type=email] { 218 border: 0px; 219 border-bottom:1px; 220 border-bottom-style: dashed; 221 font-style: italic; 222 margin-top: .5em; 223 margin-bottom: .5em; 224 width: 14em; 225 } 226 227 228 #title { 229 margin-top: 4rem; 230 } 231 232 #specs{ 233 line-height: 1.8rem; 234 margin-inline:auto; 235 text-align: left; 236 } 237 238 #specs > p { 239 margin-top: 0px; 240 margin-bottom: 0px; 241 } 242 #specs > h2 { 243 margin-top: 0; 244 font-size: 2rem; 245 } 246 #specs > h3 { 247 margin-top: 1rem; 248 margin-bottom: 0; 249 font-size: 1rem; 250 } 251 252 .content { 253 margin-inline: auto; 254 margin-bottom: 6rem; 255/* margin-top: 4rem;*/ 256 max-width: min(70rem, 90vw); 257 display: grid; 258 line-height: 1.6rem; 259 } 260 261 262 @media (max-width: 1000px) { 263 .content { 264 justify-content: center; 265 align-content: center; 266 margin-inline: auto; 267 margin-bottom: 0; 268 grid-template-columns: 1fr !important; 269 } 270 271 .column { 272 margin-inline: auto; 273 margin-bottom:0; 274 } 275 276 #buybuttons { 277 flex-direction: column; 278 margin-top: 7rem; 279/* align-items: center;*/ 280/* max-width: 200px;*/ 281 } 282 283 .buybutton { 284 max-width: 300px; 285 margin-inline: auto; 286 } 287 288 #title { 289 margin-top: 2rem; 290 } 291 292 #poem { 293 margin-right: 0 !important; 294/* margin-inline: auto;*/ 295 text-align: center; 296 margin-bottom: 6rem; 297 } 298 #demos { 299 text-align: center; 300 position: relative !important; 301 margin-bottom: 4rem; 302 width: 100%; 303/* margin-right: 0px !important;*/ 304/* margin-inline: auto !important;*/ 305 right: 0 !important; 306 } 307 } 308</style>
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.