floppy totaal floppy
@ -0,0 +1 @@
|
|||||||
|
FLOPPYLEFT - 2017
|
@ -0,0 +1,7 @@
|
|||||||
|
Author: Slavoj Žižek
|
||||||
|
Date: 1989
|
||||||
|
Title: The Sublime Object of Floppy
|
||||||
|
|
||||||
|
Description:
|
||||||
|
|
||||||
|
And so on, and so on, and so on.
|
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 73 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 39 KiB |
@ -0,0 +1,85 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>TETRA GAMMA CIRCULAIRE</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header"><img src="img/floppylogo.png"/></div>
|
||||||
|
<h1>TGC #3 (XPUB Special Issue 2) @ Floppy Totaal</h1>
|
||||||
|
<h2>This is the TGC #3</h2>
|
||||||
|
<img src="img/lid.jpg" />
|
||||||
|
<img src="img/tgclaunch.jpg" />
|
||||||
|
<h2>XPUB and DE PLAYER</h2>
|
||||||
|
<p>What is that?</p>
|
||||||
|
<h2>Special Issues</h2>
|
||||||
|
<img src="img/si.jpg" />
|
||||||
|
<img src="img/tgc1.jpg" />
|
||||||
|
<h2>Pushing the Score</h2>
|
||||||
|
screenshot pushing the score
|
||||||
|
<h2>Thinking about the score</h2>
|
||||||
|
??
|
||||||
|
<h2>Thinking about a common platform: a jukebox?</h2>
|
||||||
|
draft
|
||||||
|
<h2>Putting stuff together</h2>
|
||||||
|
montage
|
||||||
|
<h2>Three components</h2>
|
||||||
|
pd/python/web
|
||||||
|
<h2>Anatomy of a TGC Floppy</h2>
|
||||||
|
image floppy + tree
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Most basic floppy could have:
|
||||||
|
<pre>
|
||||||
|
.
|
||||||
|
├── LICENSE
|
||||||
|
├── main.pd
|
||||||
|
├── main.py
|
||||||
|
├── noweb
|
||||||
|
│ └── index.html
|
||||||
|
└── README
|
||||||
|
</pre>
|
||||||
|
One of Nadine's Floppies:
|
||||||
|
<pre>
|
||||||
|
.
|
||||||
|
├── drone.txt
|
||||||
|
├── drone.wav
|
||||||
|
├── LICENSE
|
||||||
|
├── main.pd
|
||||||
|
├── noweb
|
||||||
|
│ ├── img
|
||||||
|
│ │ ├── carpet.jpg
|
||||||
|
│ │ └── drone1.svg
|
||||||
|
│ ├── index.html
|
||||||
|
│ ├── jquery-3.2.0.min.js
|
||||||
|
│ ├── RobotoMono-Regular.ttf
|
||||||
|
│ ├── style.css
|
||||||
|
│ └── watchlist.txt
|
||||||
|
├── player.pd
|
||||||
|
└── README
|
||||||
|
</pre>
|
||||||
|
</p>
|
||||||
|
<h2>The fine line (Clàudia Giralt Monedero)</h2>
|
||||||
|
<img src="img/claudia.jpg" />
|
||||||
|
<h2>Motions (Francisco González)</h2>
|
||||||
|
<img src="img/franc.jpg" />
|
||||||
|
<h2>Adopt a Walk (Giulia de Giovanelli)</h2>
|
||||||
|
<img src="img/giulia.jpg" />
|
||||||
|
<h2>Rock Step - Triple Step - Triple Step (Karina Dukalska)</h2>
|
||||||
|
<img src="img/karina.jpg" />
|
||||||
|
<h2>Rest (Kimmy Spreeuwenberg)</h2>
|
||||||
|
<img src="img/kimmy.jpg" />
|
||||||
|
<h2>A sonification of the Dutch elections March 2017 (Margreet Riphagen)</h2>
|
||||||
|
<img src="img/margreet.jpg" />
|
||||||
|
<h2>euclid (Max Franklin)</h2>
|
||||||
|
<img src="img/max.jpg" />
|
||||||
|
<h2>Drone Oddity #1, #2 and #3 (Nadine Rotem-Stibbe)</h2>
|
||||||
|
<img src="img/nadine.jpg" />
|
||||||
|
|
||||||
|
<h2>Live Demo</h2>
|
||||||
|
<p>euclid by Max Franklin</p>
|
||||||
|
|
||||||
|
<h2>Future developments?</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,107 @@
|
|||||||
|
|
||||||
|
body {
|
||||||
|
background: white;
|
||||||
|
color: black;
|
||||||
|
width: 700px;
|
||||||
|
font-family: 'Roboto Mono', monospace;
|
||||||
|
/* cursor: pointer;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
font-family: 'Roboto Mono', monospace;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #CC3333;
|
||||||
|
padding-left: 20px;
|
||||||
|
/*padding-right: 20px;*/
|
||||||
|
font-size: 20pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
font-family: 'Roboto Mono', monospace;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #0000CC;
|
||||||
|
padding-left: 20px;
|
||||||
|
/*padding-right: 20px;*/
|
||||||
|
font-size: 15pt;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
p{
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-right: 20px;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 13pt;
|
||||||
|
text-align:justify;
|
||||||
|
font-family: 'Roboto Mono', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: #0000CC;
|
||||||
|
/*background-color: yellow;*/
|
||||||
|
/*font-size: */
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
small{
|
||||||
|
font-size: 12px
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
/*text-decoration: underline;*/
|
||||||
|
color: #FFCC33;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
img.logo{
|
||||||
|
width: 100px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.indexphoto{
|
||||||
|
width: 100pxl
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
/*float: none;*/
|
||||||
|
width: 90%;
|
||||||
|
height: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
/*float: left;*/
|
||||||
|
width: 900px;
|
||||||
|
height: 1000px;
|
||||||
|
background-color: white;
|
||||||
|
/*overflow: scroll;*/
|
||||||
|
position: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
div.maintext {
|
||||||
|
/*float: left;*/
|
||||||
|
width: 95%;
|
||||||
|
height: 50%;
|
||||||
|
background-color: white;
|
||||||
|
position: right;
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
.href{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
/* float: left;*/
|
||||||
|
padding-top: 0px;
|
||||||
|
width: 200px;
|
||||||
|
height: 1000px;
|
||||||
|
margin: 10px;
|
||||||
|
/*text-decoration: underline;*/
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
|