Commit 17f9d99b by ludi

more videos

parent 2e59e02a
......@@ -50,10 +50,11 @@
<article lang="en" class="introduction">
<p>
This webpage is an interpretation and continuation of the printparty Up Pen Down, performed at Balsamine Theater as a part
of Saison des Cultures Numériques 2017. The performance was the first public moment of a research focused
of Saison des Cultures Numériques 2017. This performance was the first public moment of a research focused
on that which is between digital type design and bodies. Letters and movements, dance notation and programming,
digital codes and coded physical gestures, plotters and body parts interacted with each other and blured
the distinction between choreographic and digital practices.
the distinction between choreographic and digital practices.</p>
<p>During the performance a <a href="http://osp.kitchen/api/osp.live.up-pen-down/raw/facsimile.pdf">printed foldable</a> was plotted. On this page we reinterpret and document the performance using recorded fragments and material from the research.
</p>
</article>
<article lang="fr" class="introduction">
......@@ -63,6 +64,8 @@ moment public d'une recherche située à la rencontre entre typographie digitale
notation de danse et programmation, codes digitaux et gestes physiques codés, plotters et corps ont dialogués
jusqu’à rendre cen fait onfuse la distinction entre pratiques chorégraphiques et digitales.
</p>
<p>Pendant cette performance un <a href="http://osp.kitchen/api/osp.live.up-pen-down/raw/facsimile.pdf">dépliant</a> a été dessiné. Sur cete page nous réinterprétons et documentons la performance avec des fragments de l'événément et de notre matériel de recherche.
</p>
</article>
<article lang="nl" class="introduction">
<p> Deze website is een interpretatie en vervolg van de printparty Up Pen Down, opgevoerd in het Balsamine Theater
......@@ -71,6 +74,8 @@ een onderzoek in dat wat zich bevindt tussen digitaal letterontwerp en lichamen.
en programmeren, digitale codes en fysieke bewegingen, plotters en lichaamsdelen gingen het gesprek aan en
vervaagden de grens tussen choreografie en digitale praktijken.
</p>
<p>Tijdens de performance werd <a href="http://osp.kitchen/api/osp.live.up-pen-down/raw/facsimile.pdf">een vouwvel</a> geplot. Op deze pagina gebruiken we video-fragmenten en materiaal uit ons onderzoek om het proces the documenteren.
</p>
</article>
</section>
<article id="dialogue">
......@@ -199,10 +204,13 @@ mozallowfullscreen allowfullscreen></iframe>
<article class="panel" id="one">
<section class="content">
<h2 id="dot">.</h2>
<p class="narrative">Page 1 is the title page. This is where the plotter plot a simple dot. At the same time one person enters the
<p class="narrative">
Page 1 is the title page. This is where the plotter plot a simple dot. At the same time one person enters the
grid, marking a dot in the grid while announcing the coordinates and starting the introduction. This moment
marks the direct echo between the bodies and the machine. Space and language are transposed to the scale
of the body.</p>
<p class="clear">
<img src="http://osp.kitchen/api/osp.live.up-pen-down/raw/iceberg/page1-dot.png" /></p>
</section>
</article>
<article class="panel" id="two">
......@@ -245,6 +253,10 @@ traçant piloté par de simples commandes: Pen Up, Pen Down, Forward & Rotate. A
tortue se déplace dans un environnement relatif.
</p>
</section>
<section class="video">
<iframe src="https://player.vimeo.com/video/255587815?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen
mozallowfullscreen allowfullscreen></iframe>
</section>
</article>
<article class="panel" id="four">
<section class="content">
......@@ -264,6 +276,10 @@ commands to modify the pen and commands to modify the machine, as in return to d
the size of the paper or to pick a new one.
</p>
</section>
<section class="video">
<iframe src="https://player.vimeo.com/video/255593456?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen
mozallowfullscreen allowfullscreen></iframe>
</section>
</article>
<article class="panel" id="five">
<h2 id="ductus">Ductus</h2>
......@@ -543,6 +559,9 @@ display: none;
/** Page styles */
p.clear {
clear: both;
}
#project-detail #project-detail-readme article img, img {
max-width: 40%;
......@@ -749,6 +768,10 @@ color: black;
max-height: 70px;
}
#project-detail #project-detail-readme article .content img, .content img{
width: 25em;
}
#project-detail #project-detail-readme article .panel, .panel {
margin-top: 10em;
......@@ -859,6 +882,8 @@ player.on('pause', disableAuto);
autoStartPlayer('#eight iframe');
autoStartPlayer('#two iframe');
autoStartPlayer('#three iframe');
autoStartPlayer('#four iframe');
autoStartPlayer('#six iframe');
function parallax() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment