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;
|
||||
}
|
||||
|
||||
|
||||