Browse Source

bla5 thsf10

frtk 1 year ago
parent
commit
3b0cbe0417
73 changed files with 2592 additions and 3741 deletions
  1. 31
    29
      assos.html
  2. 33
    33
      ateliers.html
  3. 31
    29
      benevoles.html
  4. 31
    30
      confeclairs.html
  5. 42
    35
      confs.html
  6. BIN
      doc/THSF-press.pdf
  7. BIN
      img/logos/Logos-20190419T153608Z-001.zip
  8. BIN
      img/logos/logos-affiche/Haute-Garonne_(31)_logo_2015.svg.png
  9. BIN
      img/logos/logos-affiche/Logo Terra Nova.jpg
  10. BIN
      img/logos/logos-affiche/TVBRUITSDetoureOK.tif
  11. BIN
      img/logos/logos-affiche/TVBniro03.jpg
  12. BIN
      img/logos/logos-affiche/dirtyprintlogo.jpg
  13. BIN
      img/logos/logos-affiche/logo OXIT.jpg
  14. BIN
      img/logos/logos-affiche/logo-HK-baselineMag.png
  15. BIN
      img/logos/logos-affiche/logo-oc.png
  16. BIN
      img/logos/logos-affiche/logo_web_FABRIQUE.png
  17. BIN
      img/logos/logos-affiche/mairietoulouse.jpg
  18. BIN
      img/logos/logos-affiche/mixart myrys.jpg
  19. BIN
      img/logos/logos-affiche/mixartlogo.png
  20. BIN
      img/logos/logos-affiche/occitanie.jpg
  21. 0
    38
      img/logos/logos-affiche/toulibre-nb.svg
  22. BIN
      img/logos/logos-affiche/toulibre.jpg
  23. 0
    1336
      img/logos/logos-programme/Logo-leproyectarium.ai
  24. BIN
      img/logos/logos-programme/Logo-leproyectarium.pdf
  25. BIN
      img/logos/logos-programme/c300.png
  26. BIN
      img/logos/logos-programme/fauxdepart_logo.eps
  27. BIN
      img/logos/logos-programme/fmrlogo.png
  28. BIN
      img/logos/logos-programme/pack_logos_labomedia/_DS_Store
  29. BIN
      img/logos/logos-programme/pack_logos_labomedia/logo-labomedia-fond-blanc.jpg
  30. BIN
      img/logos/logos-programme/pack_logos_labomedia/logo-labomedia-fond-blanc.png
  31. BIN
      img/logos/logos-programme/pack_logos_labomedia/logo-labomedia-fond-transparent.png
  32. 0
    1447
      img/logos/logos-programme/pack_logos_labomedia/logo-labomedia.ai
  33. BIN
      img/logos/logos-programme/pack_logos_labomedia/logo-labomedia.eps
  34. 0
    68
      img/logos/logos-programme/pack_logos_labomedia/logo-labomedia.svg
  35. BIN
      img/logos/logos-programme/radioactif.jpg
  36. BIN
      img/logos/logos-programme/scratch assembly.jpg
  37. 37
    39
      index.html
  38. 31
    30
      infos.html
  39. 759
    35
      installations.html
  40. 31
    29
      liens.html
  41. 71
    33
      mediation.html
  42. 30
    30
      partenaires.html
  43. 30
    29
      perfs.html
  44. 40
    30
      prog.html
  45. 30
    29
      propaganda.html
  46. 23
    26
      residence.html
  47. 31
    30
      stream.html
  48. 80
    2
      styles/main.css
  49. 0
    237
      styles/main.css~
  50. 2
    0
      styles/text.css
  51. 0
    87
      styles/text.css~
  52. 144
    0
      tth/appel.html
  53. 64
    0
      tth/base.html
  54. 56
    0
      tth/confs.html
  55. BIN
      tth/files/thsf_2019_press_kit.pdf
  56. BIN
      tth/images/THSF10_Affiche.jpg
  57. BIN
      tth/images/THSF10_Bandeau.jpg
  58. BIN
      tth/images/THSF10_Petite_Affiche.png
  59. BIN
      tth/images/prog2019.png
  60. BIN
      tth/images/tkd-2018.jpg
  61. 68
    0
      tth/index.html
  62. 54
    0
      tth/infos.html
  63. 77
    0
      tth/installs.html
  64. 46
    0
      tth/lives.html
  65. 87
    0
      tth/perfs.html
  66. 73
    0
      tth/prog.html
  67. 44
    0
      tth/propaganda.html
  68. 64
    0
      tth/residence.html
  69. 97
    0
      tth/styles/thsf.css
  70. 98
    0
      tth/talks.html
  71. 73
    0
      tth/tkd.html
  72. 152
    0
      tth/workshops.html
  73. 32
    30
      tvbruits.html

associations.html → assos.html View File

@@ -10,7 +10,32 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
13 14
   
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
37
+
38
+
14 39
 </head>
15 40
 
16 41
 
@@ -47,19 +72,19 @@
47 72
 	</ul>
48 73
         <ul id="navbar-collapse">
49 74
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
75
+          <li><a href="prog.html">Programme/</a></li>
76
+	  <li><a href="confs.html">Conférences/</a></li>
52 77
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
78
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 79
           <li><a href="installations.html">Installations/</a></li>
55 80
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 81
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 82
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 83
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
84
+          <li><a href="stream.html">Stream & radio/</a></li>
85
+          <li><a href="infos.html">Accès/</a></li>
61 86
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
87
+          <li><a href="propaganda.html">Propagande/</a></li>
63 88
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 89
           <li><a href="partenaires.html">Partenaires/</a></li>
65 90
 	  <li><a href="liens.html">Liens/</a></li>
@@ -102,28 +127,5 @@
102 127
 
103 128
 
104 129
 
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127
-
128 130
   
129 131
 

+ 33
- 33
ateliers.html View File

@@ -10,6 +10,30 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
14
+
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
13 37
   
14 38
 </head>
15 39
 
@@ -47,22 +71,22 @@
47 71
 	</ul>
48 72
         <ul id="navbar-collapse">
49 73
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
74
+          <li><a href="prog.html">Programme/</a></li>
75
+	  <li><a href="confs.html">Conférences/</a></li>
52 76
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
77
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 78
           <li><a href="installations.html">Installations/</a></li>
55 79
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 80
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 81
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 82
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
83
+          <li><a href="stream.html">Stream & radio/</a></li>
84
+          <li><a href="infos.html">Accès/</a></li>
61 85
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
86
+          <li><a href="propaganda.html">Propagande/</a></li>
63 87
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 88
           <li><a href="partenaires.html">Partenaires/</a></li>
65
-	  <li><a href="liens.html">Liens/</a></li>	</ul>
89
+	  <li><a href="liens.html">Liens/</a></li>
66 90
       </div>
67 91
       <!-- /navbar -->  
68 92
       
@@ -448,12 +472,12 @@
448 472
 	  <p>
449 473
 	    LudiGeeks organise des ateliers Ludiques et Geeks pour les enfants à partir de 8 ans sur la
450 474
 	    découverte des technologies au travers d’activités de type DIY (Do It Yourself). L’entraide
451
-	    et l’exploration collective sont le maître mot de ces ateliers.
475
+	    et l’exploration collective est le maître mot de ces ateliers.
452 476
 	  </p>
453 477
 	  <p>
454 478
 	    Les activités proposées sont très variées allant de l’aide à la réalisation de votre
455 479
 	    projet personnel (domotique, développement de sites web, fabrication électronique...)
456
-	    aux kits mis à disposition pour apprendre l’informatique (Raspberry pi, Distribution Kano),
480
+	    aux kits mit à dispositions pour apprendre l’informatique (Raspberry pi, Distribution Kano),
457 481
 	    la programmation (Scratch), la robotique (PiStorm, Lego, Impression 3D), les activités
458 482
 	    déco numériques (Bracelets Brésiliens Lumineux), l’électronique (Arduino,...).
459 483
 	  </p>
@@ -519,29 +543,5 @@
519 543
 </html>
520 544
 
521 545
 
522
-
523
-<script>
524
-$(document).ready(function() {
525
-console.log("document ready");
526
-let nav_toggle = true;
527
-//$("#navbar-collapse").hide();
528
-
529
-$("#navbar-toggle").click(function() {
530
-  if (nav_toggle) {
531
-    console.log("show menu");
532
-    $("#navbar-collapse").show();
533
-    nav_toggle = false;
534
-  } else { 
535
-    console.log("hide menu");
536
-    $("#navbar-collapse").hide();
537
-    nav_toggle = true;
538
-  }
539
-});
540
-
541
-
542
-
543
-});
544
-</script>
545
-
546 546
   
547 547
 

+ 31
- 29
benevoles.html View File

@@ -10,7 +10,32 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
13 14
   
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
37
+
38
+
14 39
 </head>
15 40
 
16 41
 
@@ -47,19 +72,19 @@
47 72
 	</ul>
48 73
         <ul id="navbar-collapse">
49 74
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
75
+          <li><a href="prog.html">Programme/</a></li>
76
+	  <li><a href="confs.html">Conférences/</a></li>
52 77
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
78
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 79
           <li><a href="installations.html">Installations/</a></li>
55 80
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 81
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 82
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 83
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
84
+          <li><a href="stream.html">Stream & radio/</a></li>
85
+          <li><a href="infos.html">Accès/</a></li>
61 86
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
87
+          <li><a href="propaganda.html">Propagande/</a></li>
63 88
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 89
           <li><a href="partenaires.html">Partenaires/</a></li>
65 90
 	  <li><a href="liens.html">Liens/</a></li>
@@ -102,28 +127,5 @@
102 127
 
103 128
 
104 129
 
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127
-
128 130
   
129 131
 

+ 31
- 30
confeclairs.html View File

@@ -10,7 +10,31 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
-  
13
+
14
+  <script>
15
+$(document).ready(function() {
16
+console.log("document ready");
17
+let nav_toggle = true;
18
+//$("#navbar-collapse").hide();
19
+
20
+$("#navbar-toggle").click(function() {
21
+  if (nav_toggle) {
22
+    console.log("show menu");
23
+    $("#navbar-collapse").show();
24
+    nav_toggle = false;
25
+  } else { 
26
+    console.log("hide menu");
27
+    $("#navbar-collapse").hide();
28
+    nav_toggle = true;
29
+  }
30
+});
31
+
32
+
33
+
34
+});
35
+</script>
36
+
37
+
14 38
 </head>
15 39
 
16 40
 
@@ -47,19 +71,19 @@
47 71
 	</ul>
48 72
         <ul id="navbar-collapse">
49 73
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
74
+          <li><a href="prog.html">Programme/</a></li>
75
+	  <li><a href="confs.html">Conférences/</a></li>
52 76
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
77
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 78
           <li><a href="installations.html">Installations/</a></li>
55 79
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 80
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 81
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 82
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
83
+          <li><a href="stream.html">Stream & radio/</a></li>
84
+          <li><a href="infos.html">Accès/</a></li>
61 85
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
86
+          <li><a href="propaganda.html">Propagande/</a></li>
63 87
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 88
           <li><a href="partenaires.html">Partenaires/</a></li>
65 89
 	  <li><a href="liens.html">Liens/</a></li>
@@ -152,28 +176,5 @@
152 176
 
153 177
 
154 178
 
155
-<script>
156
-$(document).ready(function() {
157
-console.log("document ready");
158
-let nav_toggle = true;
159
-//$("#navbar-collapse").hide();
160
-
161
-$("#navbar-toggle").click(function() {
162
-  if (nav_toggle) {
163
-    console.log("show menu");
164
-    $("#navbar-collapse").show();
165
-    nav_toggle = false;
166
-  } else { 
167
-    console.log("hide menu");
168
-    $("#navbar-collapse").hide();
169
-    nav_toggle = true;
170
-  }
171
-});
172
-
173
-
174
-
175
-});
176
-</script>
177
-
178 179
   
179 180
 

talks.html → confs.html View File

@@ -10,7 +10,30 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
-  
13
+
14
+  <script>
15
+$(document).ready(function() {
16
+console.log("document ready");
17
+let nav_toggle = true;
18
+//$("#navbar-collapse").hide();
19
+
20
+$("#navbar-toggle").click(function() {
21
+  if (nav_toggle) {
22
+    console.log("show menu");
23
+    $("#navbar-collapse").show();
24
+    nav_toggle = false;
25
+  } else { 
26
+    console.log("hide menu");
27
+    $("#navbar-collapse").hide();
28
+    nav_toggle = true;
29
+  }
30
+});
31
+
32
+
33
+
34
+});
35
+</script>
36
+
14 37
 </head>
15 38
 
16 39
 
@@ -47,19 +70,19 @@
47 70
 	</ul>
48 71
         <ul id="navbar-collapse">
49 72
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
73
+          <li><a href="prog.html">Programme/</a></li>
74
+	  <li><a href="confs.html">Conférences/</a></li>
52 75
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
76
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 77
           <li><a href="installations.html">Installations/</a></li>
55 78
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 79
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 80
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 81
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
82
+          <li><a href="stream.html">Stream & radio/</a></li>
83
+          <li><a href="infos.html">Accès/</a></li>
61 84
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
85
+          <li><a href="propaganda.html">Propagande/</a></li>
63 86
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 87
           <li><a href="partenaires.html">Partenaires/</a></li>
65 88
 	  <li><a href="liens.html">Liens/</a></li>
@@ -130,7 +153,10 @@
130 153
 	<p>Présentation de projets candidats au soutien de Nothing2Hide. Un vote aura lieu à l'issue de la THSF.</p>
131 154
 	<br />	
132 155
 	
133
-	<p class="p3 title">TABLE RONDE Techniques et technologies : <span class="t-ita">comment elles s’imposent à nous, comment on s’en approprie les usages ?</span></p>
156
+	<p class="p3 title">TABLE RONDE | CÉLIA IZOARD, COLLECTIF LEPIED, ATÉCOPOL, JEAN-BAPTISTE BAYLE |
157
+	  <span class="t-ita">Techniques et technologies : abus, atouts et détournement </span>
158
+	</p>
159
+
134 160
 	<div class="indent-div">
135 161
 	  <p class="p3 title">CÉLIA IZOARD (journaliste, collaboratrice de la Revue Z)<p>
136 162
 	  <p class="p4 title">"Réflexions sur les véhicules autonomes"</p>
@@ -150,7 +176,7 @@
150 176
 	    les moyens qu’offrent les outils numériques pour relever des données, faciliter la diffusion des pratiques,
151 177
 	    étendre l’expérimentation.</p>
152 178
 	  
153
-	  <p class="p3 title">L’ATELIER D’ÉCOLOGE POLITIQUE (communauté pluridisciplinaire de scientifiques, Toulouse)</p>
179
+	  <p class="p3 title">L’ATELIER D’ÉCOLOGE POLITIQUE (collectif de chercheurs en sciences et sciences humaines et sociales, Toulouse)</p>
154 180
 	  <p>L’Atelier d’écologie politique (Atécopol), créé à l’automne 2018, souhaite participer à la construction,
155 181
 	    à Toulouse et en région Occitanie, d’une communauté pluridisciplinaire de scientifiques (Astronomes,
156 182
 	    physiciens, archéologues, historiens et chercheurs en sciences cognitives...) travaillant ou réfléchissant
@@ -267,10 +293,13 @@
267 293
 	Grand Prix du journalisme 2019.</p>
268 294
 	<br />
269 295
 
270
-	<p class="p3 title">NIKOS SMYRNAIOS (maître de conférence en Sciences de l’information et de la communication, Univ.
271
-	Paul Sabatier, Toulouse)</p>
272
-	<p class="p4 title">Médias et réseaux sociaux : Usage des pouvoirs politiques / Usage des mouvements
273
-	sociaux</p>
296
+	<p class="p3 title">NIKOS SMYRNAIOS (maître de conférence en Sciences de l’information et de la communication,
297
+	  Univ. Paul Sabatier, auteur du <span class="tita">livre Les GAFAM contre l’internet. Une économie politique du numérique</span>
298
+	  (INA, 2017), Toulouse)
299
+	</p>
300
+	<p class="p4 title">
301
+	  Médias et réseaux socio-numériques : Usage politique / Usage des mouvements sociaux
302
+	</p>
274 303
 	<p>Nikos Smyrnaios travaille sur les stratégies éditoriales et économiques des médias et de l’industrie de
275 304
 	l’internet, l’utilisation politique des réseaux socio-numériques, les pratiques journalistiques contemporaines</p>
276 305
 	<br />
@@ -371,28 +400,6 @@
371 400
 
372 401
 
373 402
 
374
-<script>
375
-$(document).ready(function() {
376
-console.log("document ready");
377
-let nav_toggle = true;
378
-//$("#navbar-collapse").hide();
379
-
380
-$("#navbar-toggle").click(function() {
381
-  if (nav_toggle) {
382
-    console.log("show menu");
383
-    $("#navbar-collapse").show();
384
-    nav_toggle = false;
385
-  } else { 
386
-    console.log("hide menu");
387
-    $("#navbar-collapse").hide();
388
-    nav_toggle = true;
389
-  }
390
-});
391
-
392
-
393
-
394
-});
395
-</script>
396 403
 
397 404
   
398 405
 

BIN
doc/THSF-press.pdf View File


BIN
img/logos/Logos-20190419T153608Z-001.zip View File


BIN
img/logos/logos-affiche/Haute-Garonne_(31)_logo_2015.svg.png View File


BIN
img/logos/logos-affiche/Logo Terra Nova.jpg View File


BIN
img/logos/logos-affiche/TVBRUITSDetoureOK.tif View File


BIN
img/logos/logos-affiche/TVBniro03.jpg View File


BIN
img/logos/logos-affiche/dirtyprintlogo.jpg View File


BIN
img/logos/logos-affiche/logo OXIT.jpg View File


BIN
img/logos/logos-affiche/logo-HK-baselineMag.png View File


BIN
img/logos/logos-affiche/logo-oc.png View File


BIN
img/logos/logos-affiche/logo_web_FABRIQUE.png View File


BIN
img/logos/logos-affiche/mairietoulouse.jpg View File


BIN
img/logos/logos-affiche/mixart myrys.jpg View File


BIN
img/logos/logos-affiche/mixartlogo.png View File


BIN
img/logos/logos-affiche/occitanie.jpg View File


+ 0
- 38
img/logos/logos-affiche/toulibre-nb.svg
File diff suppressed because it is too large
View File


BIN
img/logos/logos-affiche/toulibre.jpg View File


+ 0
- 1336
img/logos/logos-programme/Logo-leproyectarium.ai
File diff suppressed because it is too large
View File


BIN
img/logos/logos-programme/Logo-leproyectarium.pdf View File


BIN
img/logos/logos-programme/c300.png View File


BIN
img/logos/logos-programme/fauxdepart_logo.eps View File


BIN
img/logos/logos-programme/fmrlogo.png View File


BIN
img/logos/logos-programme/pack_logos_labomedia/_DS_Store View File


BIN
img/logos/logos-programme/pack_logos_labomedia/logo-labomedia-fond-blanc.jpg View File


BIN
img/logos/logos-programme/pack_logos_labomedia/logo-labomedia-fond-blanc.png View File


BIN
img/logos/logos-programme/pack_logos_labomedia/logo-labomedia-fond-transparent.png View File


+ 0
- 1447
img/logos/logos-programme/pack_logos_labomedia/logo-labomedia.ai
File diff suppressed because it is too large
View File


BIN
img/logos/logos-programme/pack_logos_labomedia/logo-labomedia.eps View File


+ 0
- 68
img/logos/logos-programme/pack_logos_labomedia/logo-labomedia.svg View File

@@ -1,68 +0,0 @@
1
-<?xml version="1.0" encoding="utf-8"?>
2
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
-	 viewBox="0 0 1000 900" style="enable-background:new 0 0 1000 900;" xml:space="preserve">
5
-<style type="text/css">
6
-	.st0{fill:#FF3366;}
7
-	.st1{fill:#FF6699;}
8
-	.st2{fill:#9F004C;}
9
-	.st3{fill:#333333;}
10
-</style>
11
-<g id="Calque_1">
12
-	<g>
13
-		<polygon id="polygon79" class="st0" points="508.6,259.2 690.7,75.8 693.8,192.4 510.8,375.3 		"/>
14
-		
15
-			<rect id="rect81" x="288.3" y="224.4" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1044.933 498.4396)" class="st1" width="261.8" height="482.4"/>
16
-		<polygon id="polygon83" class="st2" points="339.7,202.6 337.2,86.3 510.3,259.4 512.5,375.4 		"/>
17
-		
18
-			<rect id="rect85" x="549.9" y="252" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1430.8511 151.4257)" class="st1" width="268.3" height="240.2"/>
19
-		<polygon id="polygon87" class="st0" points="155.7,269.2 337,88 340.9,202.4 158,385.4 		"/>
20
-		<polygon id="polygon89" class="st2" points="692.4,191.4 690.7,75.8 861.7,246.9 863.3,362.2 		"/>
21
-	</g>
22
-</g>
23
-<g id="Calque_2">
24
-	<g>
25
-		<path class="st3" d="M101.6,807.8c-3.9,0-5.8-1.8-5.8-5.5v-97.8c0-3.7,1.9-5.5,5.8-5.5c3.9,0,5.8,1.8,5.8,5.5v97.8
26
-			C107.4,806,105.5,807.8,101.6,807.8z"/>
27
-		<path class="st3" d="M197.9,804.9c-3.5,1.9-7.4,2.9-11.6,2.9h-41.2c-6.2,0-11.5-2-16-6c-4.5-4-6.7-8.8-6.7-14.5
28
-			c0-5.7,2.2-10.6,6.6-14.6c4.4-4,9.8-6,16-6h52.2V757c0-2.7-1.1-5.1-3.3-6.9c-2.2-1.9-4.8-2.8-7.8-2.8h-41.2
29
-			c-3.9,0-5.8-1.8-5.8-5.4c0-3.6,1.9-5.3,5.8-5.3h41.2c6.2,0,11.6,2,16,5.9c4.4,4,6.6,8.8,6.6,14.6v45.5c0,3.6-1.9,5.3-5.8,5.3
30
-			C200.5,807.8,198.7,806.9,197.9,804.9z M197.3,777.4h-52.2c-3,0-5.6,1-7.8,2.9c-2.2,1.9-3.3,4.3-3.3,7c0,2.7,1.1,5.1,3.3,6.9
31
-			c2.2,1.9,4.8,2.8,7.8,2.8h41.2c3,0,5.6-0.9,7.8-2.8c2.2-1.9,3.3-4.2,3.3-6.9V777.4z"/>
32
-		<path class="st3" d="M237.7,804.8c-0.9,2-2.6,3-5.2,3c-3.9,0-5.8-1.8-5.8-5.5v-97.8c0-3.7,1.9-5.5,5.8-5.5c3.9,0,5.8,1.8,5.8,5.5
33
-			v34.6c3.3-1.7,7-2.6,11-2.6h41.2c6.2,0,11.6,2,16,6.1c4.4,4.1,6.6,9.1,6.6,15v29.2c0,5.9-2.2,10.8-6.6,14.9
34
-			c-4.4,4.1-9.8,6.1-16,6.1h-41.2C245.1,807.8,241.2,806.8,237.7,804.8z M301.6,757.6c0-2.9-1.1-5.3-3.3-7.2
35
-			c-2.2-1.9-4.8-2.9-7.8-2.9h-41.2c-3,0-5.6,1-7.8,2.9c-2.2,1.9-3.3,4.3-3.3,7.2v29.2c0,2.8,1.1,5.2,3.3,7.1
36
-			c2.2,1.9,4.8,2.9,7.8,2.9h41.2c3,0,5.6-1,7.8-2.9c2.2-1.9,3.3-4.3,3.3-7.1V757.6z"/>
37
-		<path class="st3" d="M394.8,807.8h-41.2c-6.2,0-11.5-2-16-6c-4.5-4-6.7-8.8-6.7-14.5V757c0-5.7,2.2-10.6,6.6-14.6
38
-			c4.4-4,9.8-5.9,16-5.9h41.2c6.2,0,11.6,2,16,5.9c4.4,4,6.6,8.8,6.6,14.6v30.3c0,5.9-2.3,10.9-7,14.8
39
-			C406.1,805.9,400.8,807.8,394.8,807.8z M405.9,757c0-2.7-1.1-5.1-3.3-6.9c-2.2-1.9-4.8-2.8-7.8-2.8h-41.2c-3,0-5.6,0.9-7.8,2.8
40
-			c-2.2,1.9-3.3,4.2-3.3,6.9v30.3c0,2.7,1.1,5.1,3.3,6.9c2.2,1.9,4.8,2.8,7.8,2.8h41.2c3,0,5.6-0.9,7.8-2.8c2.2-1.9,3.3-4.2,3.3-6.9
41
-			V757z"/>
42
-		<path class="st3" d="M446.3,739.4c3.5-1.9,7.4-2.9,11.6-2.9h22.5c6.9,0,12.5,2.2,16.9,6.7c4.3-4.5,9.9-6.7,16.9-6.7h22.6
43
-			c6.2,0,11.5,2,16,6c4.5,4,6.7,8.8,6.7,14.5v45.5c0,3.6-1.9,5.3-5.8,5.3c-3.9,0-5.8-1.8-5.8-5.3V757c0-2.7-1.1-5-3.3-6.9
44
-			c-2.2-1.9-4.8-2.9-7.7-2.9h-22.6c-3,0-5.6,0.9-7.8,2.8c-2.2,1.9-3.3,4.2-3.3,6.9v45.5c0,3.6-1.9,5.3-5.8,5.3
45
-			c-3.9,0-5.8-1.8-5.8-5.3V757c0-2.7-1.1-5.1-3.3-6.9c-2.2-1.9-4.8-2.8-7.8-2.8h-22.5c-3,0-5.6,0.9-7.8,2.8
46
-			c-2.2,1.9-3.3,4.2-3.3,6.9v45.5c0,3.6-1.9,5.3-5.8,5.3c-3.9,0-5.8-1.8-5.8-5.3v-60.7c0-3.6,1.9-5.3,5.8-5.3
47
-			C443.7,736.5,445.5,737.5,446.3,739.4z"/>
48
-		<path class="st3" d="M641,777.5h-52.2v9.8c0,2.7,1.1,5.1,3.3,6.9c2.2,1.9,4.8,2.8,7.8,2.8H641c3.9,0,5.8,1.8,5.8,5.4
49
-			c0,3.6-1.9,5.3-5.8,5.3h-41.2c-6.2,0-11.5-2-16-6c-4.5-4-6.7-8.8-6.7-14.5V757c0-5.7,2.2-10.6,6.6-14.6c4.4-4,9.8-5.9,16-5.9H641
50
-			c6.2,0,11.6,2,16,5.9c4.4,4,6.6,8.8,6.6,14.6c0,5.9-2.3,10.9-7,14.9C652.2,775.6,647,777.5,641,777.5z M641,747.3h-41.2
51
-			c-3,0-5.6,0.9-7.8,2.8c-2.2,1.9-3.3,4.2-3.3,6.9v9.8H641c3,0,5.6-1,7.8-2.9c2.2-1.9,3.3-4.2,3.3-7c0-2.8-1.2-5.2-3.5-7.1
52
-			C646.4,748.1,643.9,747.3,641,747.3z"/>
53
-		<path class="st3" d="M754.1,804.8c-3.5,2-7.4,3-11.6,3h-41.2c-6.2,0-11.6-2-16-6.1c-4.4-4.1-6.6-9.1-6.6-14.9v-29.2
54
-			c0-5.9,2.2-10.8,6.7-14.9c4.5-4.1,9.8-6.1,16-6.1h41.2c4.1,0,7.7,0.9,11,2.6v-34.6c0-3.7,1.9-5.5,5.8-5.5c3.9,0,5.8,1.8,5.8,5.5
55
-			v97.8c0,3.7-1.9,5.5-5.8,5.5C756.7,807.8,754.9,806.8,754.1,804.8z M753.5,757.6c0-2.9-1.1-5.3-3.3-7.2c-2.2-1.9-4.8-2.9-7.8-2.9
56
-			h-41.2c-3,0-5.6,1-7.8,2.9c-2.2,1.9-3.3,4.3-3.3,7.2v29.2c0,2.8,1.1,5.2,3.3,7.1c2.2,1.9,4.8,2.9,7.8,2.9h41.2c3,0,5.6-1,7.8-2.9
57
-			c2.2-1.9,3.3-4.3,3.3-7.1V757.6z"/>
58
-		<path class="st3" d="M786.7,727c-5.1,0-7.6-2.4-7.6-7.1c0-4.7,2.5-7.1,7.6-7.1c5.1,0,7.6,2.4,7.6,7.1
59
-			C794.3,724.7,791.8,727,786.7,727z M786.7,807.8c-3.9,0-5.8-1.8-5.8-5.4v-60.5c0-3.6,1.9-5.4,5.8-5.4c3.9,0,5.8,1.8,5.8,5.4v60.5
60
-			C792.6,806,790.6,807.8,786.7,807.8z"/>
61
-		<path class="st3" d="M884.8,804.9c-3.5,1.9-7.4,2.9-11.6,2.9H832c-6.2,0-11.5-2-16-6c-4.5-4-6.7-8.8-6.7-14.5
62
-			c0-5.7,2.2-10.6,6.6-14.6c4.4-4,9.8-6,16-6h52.2V757c0-2.7-1.1-5.1-3.3-6.9c-2.2-1.9-4.8-2.8-7.8-2.8H832c-3.9,0-5.8-1.8-5.8-5.4
63
-			c0-3.6,1.9-5.3,5.8-5.3h41.2c6.2,0,11.6,2,16,5.9c4.4,4,6.6,8.8,6.6,14.6v45.5c0,3.6-1.9,5.3-5.8,5.3
64
-			C887.4,807.8,885.6,806.9,884.8,804.9z M884.2,777.4H832c-3,0-5.6,1-7.8,2.9c-2.2,1.9-3.3,4.3-3.3,7c0,2.7,1.1,5.1,3.3,6.9
65
-			c2.2,1.9,4.8,2.8,7.8,2.8h41.2c3,0,5.6-0.9,7.8-2.8c2.2-1.9,3.3-4.2,3.3-6.9V777.4z"/>
66
-	</g>
67
-</g>
68
-</svg>

BIN
img/logos/logos-programme/radioactif.jpg View File


BIN
img/logos/logos-programme/scratch assembly.jpg View File


+ 37
- 39
index.html View File

@@ -10,6 +10,29 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
14
+  <script>
15
+  $(document).ready(function() {
16
+    console.log("document ready");
17
+    let nav_toggle = true;
18
+    //$("#navbar-collapse").hide();
19
+
20
+    $("#navbar-toggle").click(function() {
21
+      if (nav_toggle) {
22
+        console.log("show menu");
23
+        $("#navbar-collapse").show();
24
+        nav_toggle = false;
25
+      } else { 
26
+        console.log("hide menu");
27
+        $("#navbar-collapse").hide();
28
+       nav_toggle = true;
29
+      }
30
+    });
31
+
32
+  });
33
+</script>
34
+
35
+
13 36
   
14 37
 </head>
15 38
 
@@ -24,8 +47,8 @@
24 47
   <!-- header -->  
25 48
   <div id="header">
26 49
 
27
-    <img src="./img/THSF10_Bandeau.jpg" class="header-img1" />
28
-    <img src="./img/THSF10_2.gif" class="header-img2"/>
50
+    <img src="./img/THSF10_Bandeau.jpg" class="header-img1" alt="THSF #10" />
51
+    <img src="./img/THSF10_2.gif" class="header-img2" alt="THSF #10" />
29 52
 
30 53
   </div>
31 54
   <!-- /header -->  
@@ -47,19 +70,19 @@
47 70
 	</ul>
48 71
         <ul id="navbar-collapse">
49 72
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
73
+          <li><a href="prog.html">Programme/</a></li>
74
+	  <li><a href="confs.html">Conférences/</a></li>
52 75
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
76
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 77
           <li><a href="installations.html">Installations/</a></li>
55 78
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 79
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 80
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 81
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
82
+          <li><a href="stream.html">Stream & radio/</a></li>
83
+          <li><a href="infos.html">Accès/</a></li>
61 84
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
85
+          <li><a href="propaganda.html">Propagande/</a></li>
63 86
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 87
           <li><a href="partenaires.html">Partenaires/</a></li>
65 88
 	  <li><a href="liens.html">Liens/</a></li>
@@ -127,12 +150,12 @@
127 150
       <p class="">
128 151
 	Durant 4 jours, l’événement articule :
129 152
       </p>
130
-      <ul class="a-propos">
131
-	<li>\Conférences, conférences éclair et tables rondes</li>
132
-	<li>\Ateliers, associations et hackerspaces</li>
133
-	<li>\Exposition, installations, performances, oeuvres et création numérique</li>
134
-	<li>\Concerts</li>
135
-	<li>\Résidence hackers 24H/24H</li>
153
+      <ul class="ul-apropos">
154
+	<li><p class="noindent">Conférences, conférences éclair et tables rondes</p></li>
155
+	<li><p class="noindent">Ateliers, associations et hackerspaces</p></li>
156
+	<li><p class="noindent">Exposition, installations, performances, oeuvres et création numérique</p></li>
157
+	<li><p class="noindent">Concerts</p></li>
158
+	<li><p class="noindent">Résidence hackers 24H/24H</p></li>
136 159
       </ul>
137 160
       <br />
138 161
       <p class="noindent">
@@ -160,36 +183,11 @@
160 183
 </div>
161 184
 <!-- /wrapper -->  
162 185
 
163
-
164
-
165 186
 </body>
166 187
 <!-- /body -->
167 188
 </html>
168 189
 
169 190
 
170 191
 
171
-<script>
172
-$(document).ready(function() {
173
-console.log("document ready");
174
-let nav_toggle = true;
175
-//$("#navbar-collapse").hide();
176
-
177
-$("#navbar-toggle").click(function() {
178
-  if (nav_toggle) {
179
-    console.log("show menu");
180
-    $("#navbar-collapse").show();
181
-    nav_toggle = false;
182
-  } else { 
183
-    console.log("hide menu");
184
-    $("#navbar-collapse").hide();
185
-    nav_toggle = true;
186
-  }
187
-});
188
-
189
-
190
-
191
-});
192
-</script>
193
-
194 192
   
195 193
 

acces.html → infos.html View File

@@ -10,7 +10,31 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
-  
13
+
14
+  <script>
15
+$(document).ready(function() {
16
+console.log("document ready");
17
+let nav_toggle = true;
18
+//$("#navbar-collapse").hide();
19
+
20
+$("#navbar-toggle").click(function() {
21
+  if (nav_toggle) {
22
+    console.log("show menu");
23
+    $("#navbar-collapse").show();
24
+    nav_toggle = false;
25
+  } else { 
26
+    console.log("hide menu");
27
+    $("#navbar-collapse").hide();
28
+    nav_toggle = true;
29
+  }
30
+});
31
+
32
+
33
+
34
+});
35
+</script>
36
+
37
+
14 38
 </head>
15 39
 
16 40
 
@@ -47,19 +71,19 @@
47 71
 	</ul>
48 72
         <ul id="navbar-collapse">
49 73
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
74
+          <li><a href="prog.html">Programme/</a></li>
75
+	  <li><a href="confs.html">Conférences/</a></li>
52 76
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
77
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 78
           <li><a href="installations.html">Installations/</a></li>
55 79
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 80
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 81
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 82
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
83
+          <li><a href="stream.html">Stream & radio/</a></li>
84
+          <li><a href="infos.html">Accès/</a></li>
61 85
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
86
+          <li><a href="propaganda.html">Propagande/</a></li>
63 87
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 88
           <li><a href="partenaires.html">Partenaires/</a></li>
65 89
 	  <li><a href="liens.html">Liens/</a></li>
@@ -102,28 +126,5 @@
102 126
 
103 127
 
104 128
 
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127
-
128 129
   
129 130
 

+ 759
- 35
installations.html View File

@@ -10,7 +10,33 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
13 14
   
15
+
16
+<script>
17
+$(document).ready(function() {
18
+console.log("document ready");
19
+let nav_toggle = true;
20
+//$("#navbar-collapse").hide();
21
+
22
+$("#navbar-toggle").click(function() {
23
+  if (nav_toggle) {
24
+    console.log("show menu");
25
+    $("#navbar-collapse").show();
26
+    nav_toggle = false;
27
+  } else { 
28
+    console.log("hide menu");
29
+    $("#navbar-collapse").hide();
30
+    nav_toggle = true;
31
+  }
32
+});
33
+
34
+
35
+
36
+});
37
+</script>
38
+
39
+
14 40
 </head>
15 41
 
16 42
 
@@ -24,12 +50,13 @@
24 50
   <!-- header -->  
25 51
   <div id="header">
26 52
 
27
-    <img src="./img/THSF10_Bandeau.jpg" class="header-img1" />
28
-    <img src="./img/THSF10_2.gif" class="header-img2"/>
53
+    <img src="./img/THSF10_Bandeau.jpg" class="header-img1" alt="THSF #10"/>
54
+    <img src="./img/THSF10_2.gif" class="header-img2" alt="THSF #10" />
29 55
 
30 56
   </div>
31 57
   <!-- /header -->  
32 58
 
59
+  
33 60
   <div class="row"> 
34 61
 
35 62
     <!-- nav -->  
@@ -47,19 +74,19 @@
47 74
 	</ul>
48 75
         <ul id="navbar-collapse">
49 76
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
77
+          <li><a href="prog.html">Programme/</a></li>
78
+	  <li><a href="confs.html">Conférences/</a></li>
52 79
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
80
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 81
           <li><a href="installations.html">Installations/</a></li>
55 82
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 83
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 84
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 85
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
86
+          <li><a href="stream.html">Stream & radio/</a></li>
87
+          <li><a href="infos.html">Accès/</a></li>
61 88
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
89
+          <li><a href="propaganda.html">Propagande/</a></li>
63 90
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 91
           <li><a href="partenaires.html">Partenaires/</a></li>
65 92
 	  <li><a href="liens.html">Liens/</a></li>
@@ -74,10 +101,732 @@
74 101
     <!-- main -->  
75 102
     <div id="main" class="col">
76 103
       <br />
77
-      <p class="title p1">INSTALLATIONS</p>
104
+      <p class="title p1">INSTALLATIONS & CRÉATION NUMÉRIQUE</p>
78 105
       <br />
79
-      <p class="title p3">( EN COURS )</p>
80 106
       <br />
107
+      
108
+
109
+      <p class="title p2">INSTALLATIONS DANS LA HALLE</p>
110
+
111
+      <ul class="ul-install">
112
+
113
+	<li><a href="#labomedia"> &gt; LA LABOMÉDIA</a></li>
114
+	<ul class="ul-install-2">
115
+	  <li>
116
+	    <a href="#labomedia"><span class="tita">Cabinet de curiosités numériques</span></a>
117
+	</ul>
118
+	
119
+	<li><a href="#fauxdepart"> &gt; COLLECTIF FAUX DÉPART & ATELIER TA</a></li>
120
+	<ul class="ul-install-2">
121
+	  <li><a href="#fauxdepart"><span class="tita">Pong architectural</span></a></li>
122
+	  <li><a href="#fauxdepart"><span class="tita">La gifle animée</span></a></li>
123
+	  <li><a href="#fauxdepart"><span class="tita">Blaster</span></a></li>
124
+	  <li><a href="#fauxdepart"><span class="tita">Body bouddhisme 2.0 – up in V-aiR</span></a></li>
125
+	  <li><a href="#fauxdepart"><span class="tita">WoodBeatBox</span></a></li>
126
+	</ul>
127
+
128
+	<li><a href="#olivierbaudu"> &gt; 01LIVIER BAUDU</a></li>
129
+	<ul class="ul-install-2">
130
+	  <li><a href="#olivierbaudu"><span class="tita">Poésinopinée</span></a>
131
+	  <li><a href="#olivierbaudu"><span class="tita">Le bazar et la cathédrale</span></a>
132
+	  <li><a href="#olivierbaudu"><span class="tita">Tolstoï VS Capitaliste</span></a>
133
+	</ul>
134
+
135
+	<li><a href="#mixartmyrys"> &gt; COLLECTIF MIXART MYRYS</a></li>
136
+	<ul class="ul-install-2">
137
+	  <li><a href="#mixartmyrys"><span class="tita">Jardin pour non humains</span>
138
+	      <span class="tbold">| DIANE TROUILLET</span></a></li>
139
+	  <li><a href="#mixartmyrys"><span class="tita">Line</span>
140
+	      <span class="tbold">| NAWRAS SHALHOUB, ANNLOR CODINA</span></a></li>
141
+	  <li><a href="#mixartmyrys"><span class="tita">Approche Sonore et bioluminescence</span>
142
+	      <span class="tbold">| CLAIRE CHOISNARD (Toulouse)</span></a></li>
143
+	  <li><a href="#mixartmyrys"><span class="tita">Images animés et timelapse</span>
144
+	      <span class="tbold">| tTh</span></a></li>
145
+      	  <li><a href="#mixartmyrys"><span class="tita">Music'n'Piss</span>
146
+	      <span class="tbold">| DIDIER BONNEMAISON, LOTH VALAT, XANO MARTINEZ, CLAUDIO NERVI,
147
+		GÉRALDINE CHIAMPO</span></a></li>
148
+	</ul>
149
+
150
+	<li><a href="#patchwork"> &gt; COLLECTIF PATCH_WORK</a></li>
151
+	<ul class="ul-install-2">
152
+	  <li><a href="#patchwork"><span class="tita">Organe partagé, les trois temps</span>
153
+	    <span class="tbold">| MADO RODRIGUES</span></a></li>
154
+	  <li><a href="#patchwork"><span class="tita">Boites-images ou Moi-pas, série de photographies vivantes</span>
155
+	    <span class="tbold">| </span></a></li>
156
+	  <li><a href="#patchwork"><span class="tita">Kaléidoscope génétique, série photographique</span>
157
+	    <span class="tbold">| </span></a></li>
158
+	  <li><a href="#patchwork"><span class="tita">Reliques @cyborg, reliques vivantes</span>
159
+	    <span class="tbold">| </span></a></li>
160
+	  <li><a href="#patchwork"><span class="tita">Part de nous</span>
161
+	    <span class="tbold">| SALOMÉ GRILL</span></a></li>
162
+	  <li><a href="#patchwork"><span class="tita">MissingNo</span>
163
+	    <span class="tbold">| ALEXIS REGLE</span></a></li>
164
+	  <li><a href="#patchwork"><span class="tita">Les Utopies Suspendues</span>
165
+	    <span class="tbold">| RAPHAEL BERGERE</span></a></li>
166
+	</ul>
167
+
168
+	
169
+	<li><a href="#bruine"> &gt; SARAH MUNRO, CHARLY CAILLAUX, THIERRY LAFFITTE et TRISTAN LUGINBUHL</a></li>
170
+	<ul class="ul-install-2">
171
+	  <li><a href="#bruine"><span class="tita">Bruine</span></a></li>
172
+	</ul>
173
+
174
+	
175
+	<li><a href="#bloom"> &gt; YANNICK GORDEN & FLORENT GALES</a></li>
176
+	<ul class="ul-install-2">
177
+	  <li><a href="#bloom"><span class="tita">Bloom</span></a></li>
178
+	</ul>
179
+
180
+	
181
+	<li><a href="#flo"> &gt; FLORENT GALES</a></li>
182
+	<ul class="ul-install-2">
183
+	  <li><a href="#flo"><span class="tita">La fessée électronique</span></a></li>
184
+	</ul>
185
+	
186
+
187
+	<li><a href="#mediatheque"> &gt; MÉDIATHÈQUE DE TOULOUSE</a></li>
188
+	<ul class="ul-install-2">
189
+	  <li><a href="#mediatheque"><span class="tita">Boom Box</span></a></li>
190
+	  <li><a href="#mediatheque"><span class="tita">Idiocracy machine</span></a></li>
191
+	</ul>
192
+
193
+	
194
+	<li><a href="#paulla"> &gt; PAULLA</a></li>
195
+	<ul class="ul-install-2">
196
+	  <li><a href="#paulla"><span class="tita">PauLLAroïd</span></a></li>
197
+	</ul>
198
+
199
+	<li><a href="#aleea1"> &gt; ALEEA</a></li>
200
+	<ul class="ul-install-2">
201
+	  <li><a href="#aleea1"><span class="tita"></span>
202
+	    <span class="tbold">| GILOU</span></a></li>
203
+	</ul>
204
+
205
+      </ul>
206
+
207
+      <br />
208
+      
209
+      <p class="title p2">INSTALLATIONS EN EXTERIEUR</p>
210
+      <ul class="ul-install"> 
211
+	<li><a href="#ilegal"> &gt; Collectif L’ILÉGAL & FRIENDS</a></li>
212
+	<ul class="ul-install-2">
213
+	  <li><a href="#ilegal"><span class="tita">Sculptures</span>
214
+	    <span class="tbold">| LILIAN CHARDON</span></a></li>
215
+	  <li><a href="#ilegal2"><span class="tita">Dôme géodésique structure bois</span>
216
+	    <span class="tbold">| GUILLAUME GODARD</span></a></li>
217
+	  <li><a href="#ilegal3"><span class="tita">Dôme géodésique structure métal</span>
218
+	    <span class="tbold">| TETALAB</span></a></li>
219
+	</ul>
220
+	<li><a href="#aleea2"> &gt; ALEEA</a></li>
221
+	<ul class="ul-install-2">
222
+	  <li><a href="#aleea2"><span class="tita">Éolienne</span>
223
+	    <span class="tbold">| GILOU</span></a></li>
224
+	</ul>
225
+	<li><a href="#mixartmyrys2"> &gt; Collectif Mix'Art Myrys</a></li>
226
+	<ul class="ul-install-2">
227
+	  <li><a href="#mixartmyrys2"><span class="tita">A.D. 2019, Neo-Myrys</span>
228
+	    <span class="tbold">| SCÉNOGRAPHIE COLLECTIVE</span><a></li>
229
+	  <li><a href="#mixartmyrys3"><span class="tita">Chill out (safe dom)</span>
230
+	    <span class="tbold">| DOM</span><a></li>
231
+	</ul>
232
+	
233
+	
234
+	
235
+      </ul>
236
+
237
+      <br /><br />
238
+      <hr>
239
+      <br />
240
+
241
+
242
+
243
+      <div id="labomedia">
244
+	<p class="p-residence">
245
+	  LA LABOMÉDIA (ORLÉANS) |
246
+	  <span class="t-ita">Cabinet de curiosités numériques</span>
247
+	  </p>
248
+	<p class="">
249
+	  La Labomedia vous propose les dernières créations issues de son cabinet de curiosités numériques.
250
+	  Ce cabinet protéiforme aborde de façon malicieuse nos quotidiens en voie de numérisation
251
+	  intégrale et esquisse des futurotopies radieuses, loin de jeunes pousses moribondes.
252
+	</p>
253
+	<p class="noindent">
254
+	  Au programme donc, de la convivialité, des moyens de communication rétro-futuristes, et des
255
+	  ordinateurs qui tentent de se reproduire par ondes radio afin de perpétuer leur lignée.
256
+	</p>
257
+	<ul class="ul-links">
258
+	  <li><a href="https://labomedia.org/">
259
+	      https://labomedia.org/</a>
260
+	  </li>
261
+	</ul>	
262
+      </div>	  
263
+
264
+      <br />
265
+	
266
+      <div id="fauxdepart">
267
+	<p class="p-residence">COLLECTIF FAUX DÉPART & ATELIER TA (TOULOUSE)
268
+	  <span class="t-ita"></span>
269
+	</p>
270
+	<p class="">
271
+	  Faux Départ est un living lab (un studio laboratoire de création) issu de la rencontre de
272
+	  graphistes, de scénographes, et de membres du hackerspace Tetalab désireux de mettre la
273
+	  technologie au service de la création artistique, de la médiation ou de la création d’objets
274
+	  interactifs.
275
+	</p>
276
+	<ul class="ul-links">
277
+	  <li><a href="http://fauxdepart.com/">
278
+	      http://fauxdepart.com/</a>
279
+	  </li>
280
+	</ul>	
281
+	<p>
282
+	  Fondée en 2005, et installée dans son local rue des Jumeaux en 2013, l’association TA
283
+	  s’emploie à poursuivre ses objectifs de promotion de la création contemporaine en région à
284
+	  travers ces différents pôles d’activités : la revue Multiprise, les résidents de l’Atelier TA,
285
+	  TA Productions et TA édition. Le plus fort de leur activité se développe dans un espace de
286
+	  création, de construction et de fabrication de 600 m2. Un espace qui regroupe sous le même
287
+	  toit 15 artistes indépendants ou collectifs d’artistes. Il se mue parfois en espace de monstration.
288
+	</p>
289
+	<ul class="ul-links">
290
+	  <li><a href="https://atelierta.fr/">
291
+	      https://atelierta.fr/</a>
292
+	  </li>
293
+	</ul>	
294
+
295
+	<ul class="ul-install-3">
296
+	  <li><span class="tita">Pong architectural</span>
297
+	    <p class="noindent">
298
+	      Un grand classique de Faux Départ qui a déjà enflammé les foules de la THSF!
299
+	      Il s’agit d’un jeu de ping-pong lumineux à base de leds et de gros boutons rouges en guise
300
+	      de raquettes. La compét’ reprends, cette fois la tête en l'air, avec une installation
301
+	      conçue à partir de la structure architecturale de l’espace mutualisé de Mix’Art Myrys.
302
+	    </p>
303
+	    <ul class="ul-links">
304
+	      <li><a href="http://fauxdepart.com/?ds-gallery=pong1d">
305
+		  http://fauxdepart.com/?ds-gallery=pong1d</a>
306
+	      </li>
307
+	    </ul>	
308
+	  </li>
309
+
310
+	  <li><span class="tita">La gifle animée</span>
311
+	    <p class="noindent">
312
+	      Chausser un casque bol et s’auto-administrer une bonne claque animée !
313
+	    </p>
314
+	    <ul class="ul-links">
315
+	      <li><a href="http://fauxdepart.com/?ds-gallery=antoinette-gifle-animee">
316
+		  http://fauxdepart.com/?ds-gallery=antoinette-gifle-animee </a>
317
+	      </li>
318
+	    </ul>	
319
+	  </li>
320
+
321
+	  <li><span class="tita">Blaster</span>
322
+	    <p class="noindent">
323
+	      Les joueurs sont invités a lancer des cubes de mousse sur un mur pour détruire des
324
+	      objets mouvants identifiés.
325
+	    </p>
326
+	    <ul class="ul-links">
327
+	      <li><a href="http://fauxdepart.com/?ds-gallery=popcorn-blaster">
328
+		  http://fauxdepart.com/?ds-gallery=popcorn-blaster</a>
329
+	      </li>
330
+	    </ul>	
331
+	  </li>
332
+
333
+	  <li><span class="tita">Body bouddhisme 2.0 – up in V-aiR</span>
334
+	    <p class="noindent">
335
+	      Lévitation virtuelle autour du monde. Immergé dans une réalité virtuelle, le visiteur
336
+	      est invité à se détendre afin de se projeter en immersion dans ce monde reconstitué.</p>
337
+	    <p>
338
+	      Un casque d’électroencéphalographie (EEG) mesure son état de méditation, une fois atteint un
339
+	      niveau de relaxation suffisant, le visiteur commence à s'élever dans le monde. La maitrise de
340
+	      son état méditatif lui permettra de léviter au dessus de paysages connus ou inconnus et
341
+	      découvrir les nouvelles perspectives offertes lors de son immersion.
342
+	    </p>
343
+	    <p>
344
+	      Une transcendance rationaliste accessible a tous à partir de 11 ans, entrez dans la peau
345
+	      d'un moine tibétain, prenez vous pour un oiseau ou volez sur le tapis d'un prince perse
346
+	      Science et technologie vous permettrons d'accéder au mythe et de caresser le rêve d'Icare en
347
+	      réalité virtuelle…
348
+	    </p>
349
+	    <ul class="ul-links">
350
+	      <li><a href="http://fauxdepart.com/?ds-gallery=body-bouddhisme-2-0-up-in-v-air">
351
+		  http://fauxdepart.com/?ds-gallery=body-bouddhisme-2-0-up-in-v-air</a>
352
+	      </li>
353
+	    </ul>	
354
+	  </li>
355
+
356
+	  <li><span class="tita">WoodBeatBox</span>
357
+	    <p class="noindent">
358
+	      Installation sonore sur base de platine vinyle et de manipulation de petits plots en bois
359
+	      à déplacer sur le disque pour composer un accord, une mélodie.
360
+	    </p>
361
+	    <ul class="ul-links">
362
+	      <li><a href="http://fauxdepart.com/?ds-gallery=woodbeatbox">
363
+		  http://fauxdepart.com/?ds-gallery=woodbeatbox</a>
364
+	      </li>
365
+	    </ul>	
366
+	  </li>
367
+	</ul>
368
+      </div>	  
369
+
370
+      <br />
371
+      
372
+      <div id="olivierbaudu">
373
+	<p class="p-residence">01LIVIER BAUDU (BERLIN-SUR-SAONE)
374
+	  <span class="t-ita"></span>
375
+	</p>
376
+	<p class="">
377
+	  L'artiste pluridisciplinaire 01ivier Baudu, à l'habitude de surprendre par son originalité et
378
+	  propose cette année de briller au sein de la programmation en proposant installations, performance,
379
+	  conférence-éclair, en se laissant la possibilité de bien d'autres surprises...
380
+	</p>
381
+
382
+	<ul class="ul-install-3">
383
+	  <li><span class="tita">Poésinopinée</span>
384
+	    <p class="noindent">
385
+	      Installation qui donne à voir Google translate en train de faire de la poésie. Surprenante poésie.
386
+	    </p>
387
+	    <ul class="ul-links">
388
+	      <li><a href="https://yamatierea.org/Poesinopinee/"> 
389
+		  https://yamatierea.org/Poesinopinee/</a>
390
+	      </li>
391
+	    </ul>	
392
+	  </li>
393
+
394
+	  <li><span class="tita">Le bazar et la cathédrale</span>
395
+	    <p class="noindent">
396
+	      Il s'agit d'un stand d’œuvre d'art où l'artiste vends 1€ une photographie, une enveloppe ainsi
397
+	      que le code informatique utilisé pour réaliser l’œuvre d'art. Vous saurez tout !
398
+ 	    </p>
399
+	    <ul class="ul-links">
400
+	      <li><a href="https://yamatierea.org/bazaretcathedrale/ ">
401
+		  https://yamatierea.org/bazaretcathedrale/ </a>
402
+	      </li>
403
+	    </ul>	
404
+	  </li>
405
+
406
+	  <li><span class="tita">Tolstoï VS Capitaliste</span>
407
+	    <p class="noindent">
408
+	      Jeu vidéo développé pour le spectacle de ni gueux ni maîtres, de la compagnie des arracheurs
409
+	      de dents. Le jeu est installé dans le coffre d'une voiture plutôt de type BMW et les joueurs
410
+	      doivent crier dans des micros pour pouvoir contrôler leur personnage.</p>
411
+	    <p>
412
+	      Sont alors jetés, soit des billets de banque si c'est le Capitaliste, soit des colombes si
413
+	      c'est Léon Tolstoï. À vous de jouer, à vous de vous dévoiler !
414
+	    </p>
415
+	    <ul class="ul-links">
416
+	      <li><a href="https://wiki.labomedia.org/index.php/Tolsto%C3%AF_VS_Capitaliste">
417
+		  https://wiki.labomedia.org/index.php/Tolsto%C3%AF_VS_Capitaliste
418
+		</a>
419
+	      </li>
420
+	    </ul>	
421
+	  </li>
422
+	</ul>
423
+      </div>	  
424
+
425
+      <br />
426
+
427
+      <div id="mixartmyrys">
428
+	<p class="p-residence">COLLECTIF MIXART MYRYS (TOULOUSE)
429
+	  <span class="t-ita"></span>
430
+	</p>
431
+	<ul class="ul-install-3">
432
+	  <li><span class="tbold">DIANE TROUILLET |</span>
433
+	    <span class="tita">Jardin pour non humains</span>
434
+	    <p class="noindent">
435
+	      Le jardin classique est un enclos et un paradis fantasmé à la fois. Il représente un espace
436
+	      de nature domestiquée, protégée, utile. Il délimite une partie du non-humain qui nous entoure
437
+	      et dont nous connaissons si peu de choses. A contrario, je souhaite présenter un autre jardin.
438
+	      En s’inspirant du jardin en mouvement de Gilles Clément, je veux montrer le vivant tel qu’il est,
439
+	      non statique, non contraint, diversifié et imprévisible. Ce jardin s’inspire de la friche, c’est
440
+	      un espace de vie laissé au libre développement des espèces qui s’y installent. Les énergies se
441
+	      mêlent : croissances, luttes, déplacements, échanges sans rencontrer les obstacles ordinairement
442
+	      dressés pour contraindre le vivant à la géométrie, à la propreté ou au principe culturel de
443
+	      l’espace.
444
+	    </p>
445
+	    <p>
446
+	      Ceci peut être déroutant, inattendu mais vise à ne plus considérer la nature comme un élément
447
+	      étranger ou économique. Face au désastre écologique, penser l’anti fin du monde impose de
448
+	      changer de modèle économique, culturel … et de revoir nos liens à notre milieu.
449
+	    </p>
450
+	    <p>
451
+	      Si la liberté des autres étend la mienne à l’infini, tendre vers la liberté nécessite de
452
+	      considérer la liberté non-humaine.
453
+	    </p>
454
+	    <ul class="ul-links">
455
+	      <li><a href="http://www.un-artist.com/"> 
456
+		  http://www.un-artist.com/</a>
457
+	      </li>
458
+	    </ul>	
459
+	  </li>
460
+
461
+	  <li><span class="tbold">NAWRAS SHALHOUB, ANNLOR CODINA (Gaza, France) |</span>
462
+	    <span class="tita">Line</span>
463
+	    <p class="noindent">
464
+	      LINE est un projet de hacking de frontières mettant en connexion 6 artistes palestiniens
465
+	      de Gaza et 6 artistes européens.
466
+	    </p>
467
+	    <p>
468
+	      Chaque artiste européen réalise un projet imaginé par et en relation avec un artiste
469
+	      palestinien et réciproquement, chaque artiste palestinien réalise un projet imaginé par un
470
+	      artiste européen en communiquant entre eux en privilégiant les outils open-source : plateforme
471
+	      d'échange de documents, visio-conférence,...
472
+	    </p>
473
+	    <p>
474
+	      Les 12 projets réalisés et les traces du processus de réalisation, constitueront deux
475
+	      expositions itinérantes de 6 projets chacune : une dans la bande de Gaza et une en Europe.
476
+	      Le contexte géopolitique actuel dans la bande de Gaza et les restrictions qui en découlent,
477
+	      entravent le déplacement de personnes et de matériaux à l’extérieur des 360 km2 de ce territoire.
478
+	      À travers ce projet nous affirmons qu‘il n’y a aucune frontière pour l’art !
479
+	    </p>
480
+	    <p>
481
+	      Artistes participants : Duaa Qista, Rana Batrawi, Majdal Nateel, Rehaf Batniji, Ruqaia Alulu,
482
+	      Shareef Sarhan, Alex Less, Genjo Selwa, Annlor Codina, Titos Kontou, Diane Trouillet, Na/Da.
483
+	    </p>
484
+	    <ul class="ul-links">
485
+	      <li><a href="http://annlorcodina.com/projet-line/"> 
486
+		  http://annlorcodina.com/projet-line/</a>
487
+	      </li>
488
+	    </ul>	
489
+	  </li>
490
+
491
+	  <li><span class="tbold">CLAIRE CHOISNARD |</span>
492
+	    <span class="tita">Approche Sonore et bioluminescence</span>
493
+	    <p class="noindent">
494
+	      L'installation est une approche sonore de la bioluminescence témoignant de la réponse au
495
+	      stress d’une culture de phytoplancton (Pyrocystis Fusiformis). Stimulées, via une interface
496
+	      numérique, les cellules produisent une lumière bleue naturelle qui par le biais d’une
497
+	      captation vidéo en temps réel est analysée et traduite en fréquences sonores.
498
+	    </p>
499
+	    <p>
500
+	      Claire est diplômée dans les arts graphiques et plastiques et est étudiante en master création
501
+	      numérique à l’Université Toulouse Jean-Jaurès. Ses travaux sont des simulacres aux allures
502
+	      de cabinet d’absurdité, conjuguant le vivant et l’artificiel, l’apparence et l’essence,
503
+	      recréant des espaces où temps et matières sont indéterminés et invitant le public à bousculer
504
+	      son humanité et son individualité. Aux confluences entre les arts, les sciences et les
505
+	      technologies, elle se plaît au jeu de la création d’expériences, empruntant le langage
506
+	      d’une société hyper-industrialisée au service des désirs humains et au détriment de la nature.
507
+	    </p>
508
+	    <p class="noindent">
509
+	      Claire Choisnard est également l’artiste invitée pour la création graphique de la THSF#10.
510
+	    </p>
511
+	  </li>
512
+
513
+	  <li><span class="tbold">tTh |</span>
514
+	    <span class="tita">Images animés et timelapse</span>
515
+	    <p class="noindent">
516
+	      Cet artiste intemporel à cheval sur les esthétiques et les cadres se jouera de nos sens
517
+	      lors de projection d'étranges et originales images animées dans l'espace central de la halle
518
+	      de Mix'Art Myrys. Ses expérimentations participent à révéler d’extraordinaires équations de
519
+	      la mise en frottement raisonnables de savoirs, savoir-faire, sensations, lectures et volonté
520
+	      de surprendre en toutes circonstances !
521
+	    </p>
522
+	    <ul class="ul-links">
523
+	      <li><a href="http://la.buvette.org/"> 
524
+		  http://la.buvette.org/ </a>
525
+	      </li>
526
+	    </ul>	
527
+	  </li>
528
+
529
+	  <li><span class="tbold">DIDIER BONNEMAISON, LOTH VALAT, XANO MARTINEZ, CLAUDIO NERVI,
530
+	      GÉRALDINE CHIAMPO |</span>
531
+	    <span class="tita">Music'n'Piss</span>
532
+	    <p class="noindent">
533
+	      Expert en machines incongrues, Didier Bonnemaison invente Music’n’Piss, les urinoirs musicaux.
534
+	      Détournant la problématique quotidienne des festivals ou de la halle de Mix’Art Myrys,
535
+	      l’artiste, enrôlant quelques compères du collectif au passage, propose aux visiteurs, hommes
536
+	      ET femmes, de devenir, le temps d’un passage à l’urinoir, musicien de talent.
537
+	    </p>
538
+	  </li>
539
+	</ul>
540
+      </div>	  
541
+
542
+      <br />
543
+      
544
+      <div id="patchwork">
545
+	<p class="p-residence">COLLECTIF PATCH_WORK (TOULOUSE)
546
+	  <span class="t-ita"></span>
547
+	</p>
548
+	<ul class="ul-install-3">
549
+	  <li><span class="tbold">MADO RODRIGUES |</span>
550
+	    <span class="tita">Organe partagé, les trois temps</span>
551
+	    <p class="noindent">
552
+	      L’installation est composée d’un dispositif électronique qui la relie à un organe synthétique ;
553
+	      un cœur en latex dans lequel deux chenilles de Bombyx Mori (vers à soie) ont tissé leur cocon.
554
+	      D’autres éléments entourent l’organe et permettent de comprendre le processus d’habitation
555
+	      des Bombyx dans le cœur : trois écrans diffusent des restitutions vidéos des différentes
556
+	      étapes et des écrits poétiques.
557
+	    </p>
558
+	  </li>
559
+
560
+	  <li><span class="tbold"> |</span>
561
+	    <span class="tita">Boites-images ou Moi-pas, série de photographies vivantes</span>
562
+	    <p class="noindent">
563
+	      Chaque boîte-image contient du marc de café et du mycélium, la boîte est scellée par une
564
+	      impression photo de montages numériques. Pour se développer, le champignon doit traverser
565
+	      le papier plastifié par les trous préalablement percés avec des épingles, il va alors se
566
+	      répandre aux endroits ciblés de l’image comme par acupuncture en lui ajoutant une texture
567
+	      poudreuse en progression.
568
+	    <p>
569
+	  </li>
570
+
571
+	  <li><span class="tbold"> |</span>
572
+	    <span class="tita">Kaléidoscope génétique, série photographique</span>
573
+	    <p class="noindent">
574
+	      Ce travail photographique interroge le corps féminin objetisé, ce corps devenu décor,
575
+	      publicité, mais aussi la perte de son image dans la multiplicité des reproductions ainsi que
576
+	      des corps eux-même, identiques les uns des autres, à des échelles différentes. Par leurs
577
+	      assemblages numériques façon «kaléidoscope» ils sont devenus des motifs plus que des corps
578
+	      humains, rappelant ainsi l’imagerie biologique, celle des chromosomes du génome
579
+	      humain et par là, les analyses ADN qui définissent notre identité biologique.
580
+	    </p>
581
+	  </li>
582
+
583
+	  <li><span class="tbold"> |</span>
584
+	    <span class="tita">Reliques @cyborg, reliques vivantes</span>
585
+	    <p class="noindent">
586
+	    </p>
587
+	  </li>
588
+
589
+	  <li><span class="tbold">SALOMÉ GRILL |</span>
590
+	    <span class="tita">Part de nous</span>
591
+	    <p class="noindent">
592
+	      Dans une installation croisant plusieurs média, venons construire peut être une part
593
+	      de nous. Le paysage n'est pas seulement un décor ou se situe l'action. Il constitue un
594
+	      ensemble de relations dans lequel nos corps s'inscrivent. Quand nos référentiels changent
595
+	      ces relations persistent. Dans cette forêt si éloignée il reste nos mémoires et nos histoires
596
+	      à venir et passée.
597
+	  </li>
598
+
599
+	  <li><span class="tbold">ALEXIS REGLE |</span>
600
+	    <span class="tita">MissingNo</span>
601
+	    <p class="noindent">
602
+	      La mise en scène met en lumière un projet de jeu-vidéo questionnant le médium vidéo-ludique et
603
+	      des tentatives de dogmatisation scientifique s'imposant comme seul alternative à un changement
604
+	      de société. L'esthétique hybride les univers de la Cyber-punk et celle de la Dark Fantasy,
605
+	      mettant en relation croyance et idéologie religieuse à celle techno/scientifique. Le projet est
606
+	      une expérience vidéo-ludique, il interroge notre usage et notre dépendance hardware (matériel
607
+	      informatique) face à un marché très agressif, prônant encore une fois l'innovation à tout prix.
608
+	    </p>
609
+	  </li>
610
+
611
+	  <li><span class="tbold">RAPHAEL BERGERE |</span>
612
+	    <span class="tita">Les Utopies Suspendue</span>
613
+	    <p class="noindent">
614
+	      Les Utopies Suspendues sont des cabanes miniatures aériennes, légères, flottant au rythme du
615
+	      vent. Elles sont connectées pour former un village de cabanes en suspension et en expansion
616
+	      (de plus en plus de cabanes au fil des expositions). Une des cabanes a des racines qui tombent
617
+	      jusqu’au sol pour toucher la terre. Ces habitations rudimentaires sont construites avec du
618
+	      bois de récupération. Des sons, des lumières, ou des mouvement provoqués par des petits moteurs,
619
+	      viennent animer ces cabanes pour leur faire raconter des histoires, qui varient selon le lieu
620
+	      d’exposition. Mais à chaque fois, le spectateur ressent un sentiment de légèreté et d’élévation,
621
+	      tout comme un sentiment de gravité ou de fragilité, marqués notamment par le lien avec la
622
+	      terre et par l’impression qu’une chute est possible.
623
+	    </p>
624
+	    <p>
625
+	      Selon le lieu d’exposition et les interactions proposées, l’installation peut évoquer
626
+	      différentes formes d’émancipations, qu’elle soient domestiques, créatives, politiques, ou
627
+	      encore technologiques. Mais à chaque fois, il s’agit de poser un regard poétique sur nos
628
+	      manières d’habiter le monde, et sur les rapports que tissent entre eux les habitants. Ces
629
+	      cabanes sont aussi un point de rencontre dans l’imaginaire entre des modes de vie archaïques
630
+	      et des modes de vie à venir, à construire.
631
+	    </p>
632
+	  </li>
633
+
634
+	</ul>
635
+      </div>	  
636
+
637
+      <br />
638
+      
639
+      <div id="bruine">
640
+	<p class="p-residence">
641
+	  SARAH MUNRO, CHARLY CAILLAUX, THIERRY LAFFITTE et TRISTAN LUGINBUH (TOULOUSE) |
642
+	  <span class="t-ita">Bruine</span>
643
+	  </p>
644
+	<p class="">
645
+	  Bruine est un assemblage de rouages métalliques, d’un piano à eau, de marteaux mécaniques
646
+	  et de touches de lumière. Cette machine hydraulique s’anime lors de performances, plongées
647
+	  dans la pénombre, au moyen d’un clavier arrangeur, d’un synthétiseur modulaire et d’une
648
+	  console lumière.
649
+	</p>
650
+	<ul class="ul-links">
651
+	  <li><a href="https://www.youtube.com/watch?v=fgDIrK917VY">
652
+	      Teaser Bruine</a>
653
+	  </li>
654
+	</ul>	
655
+      </div>	  
656
+
657
+      <br />
658
+
659
+      <div id="bloom">
660
+	<p class="p-residence">
661
+	  YANNICK GOORDEN & FLORENT GALES (Toulouse) |
662
+	  <span class="t-ita">Bloom</span>
663
+	  </p>
664
+	<p class="">
665
+	  Cette installation propose une réflexion sur l'avenir de la planète: Un groupe de méduse se
666
+	  dévoile au visiteur ou chaque individu possède sa propre identité sous la forme d'un éclairage
667
+	  autonome. Il est proposé au visiteur d'interagir par le biais d'un capteur cardiaque. Le banc
668
+	  de méduse réagit alors à cette sollicitation.
669
+	</p>
670
+	<p>
671
+	  Nous opposons le rythme serein de la méduse avec l'emballement provoqué par le rythme cardiaque
672
+	  du visiteur, image de l'activité excessive de l'homme qui vient polluer les océans.
673
+	</p>
674
+	<p>
675
+	  Cette interaction amène le visiteur à se questionner sur son propre rôle et à savoir,
676
+	  comment l’Homme va se comporter, à présent, pour l’avenir de la planète.
677
+	</p>
678
+	<ul class="ul-links">
679
+	  <li><a href="yangoorden.com">
680
+	      yangoorden.com</a>
681
+	  </li>
682
+	  <li><a href="https://github.com/rataflo">
683
+	      https://github.com/rataflo</a>
684
+	  </li>
685
+	</ul>	
686
+      </div>	  
687
+
688
+      <br />
689
+
690
+      <div id="flo">
691
+	<p class="p-residence">
692
+	  FLORENT GALES (Toulouse) |
693
+	  <span class="t-ita">La fessée électronique</span>
694
+	  </p>
695
+	<p class="">
696
+	  Après la gifle animée vient la fessée électronique, où comment apprendre en s’amusant à
697
+	  mesurer l’intensité d’une claque sur la fesse.
698
+	</p>
699
+      </div>	  
700
+
701
+      <br />
702
+
703
+      <div id="mediatheque">
704
+	<p class="p-residence">
705
+	   MÉDIATHÈQUE DE TOULOUSE (Toulouse) |
706
+	  <span class="t-ita">Boom Box</span> & <span class="t-ita">Idiocracy machine</span>
707
+	  </p>
708
+	<p class="">
709
+	  Le pole d'art Numérique de la Médiathèque de Toulouse participera à cette 10ème édition
710
+	  en proposant deux installations sonores : La Boom Box et La Idiocracy machine. Ils présenteront
711
+	  leurs expérimentations numériques et électroniques.
712
+	</p>
713
+      </div>	  
714
+      
715
+      <br />
716
+
717
+      <div id="paulla">
718
+	<p class="p-residence">
719
+	   PAULLA (Pau) |
720
+	  <span class="t-ita">PauLLAroïd</span>
721
+	  </p>
722
+	<p class="">
723
+	  L'association Paloise vient tous les ans prêter mains fortes au THSF.
724
+	  Ils ramènent dans leurs bagages l'installation "PauLLAroïd" relatant chacune des éditions,
725
+	  et ce depuis plusieurs années.
726
+	</p>
727
+	<p>
728
+	  L'installation a été développé en collaboration par PauLLA et le MIPS-LAB.
729
+	</p>
730
+	<ul class="ul-links">
731
+	  <li><a href="https://paullaroid.paulla.asso.fr/ ">
732
+	      https://paullaroid.paulla.asso.fr/</a>
733
+	  </li>
734
+	</ul>	
735
+      </div>	  
736
+      
737
+      <br />
738
+      
739
+      <div id="aleea1">
740
+	<p class="p-residence">
741
+	  GILOU/ALEEA (Occitanie) |
742
+	  <span class="t-ita">(titre à venir)</span>
743
+	</p>
744
+	<p class="">
745
+	  (infos à venir)
746
+	</p>
747
+      </div>	  
748
+
749
+      <br />
750
+      
751
+      <div id="ilegal">
752
+	<p class="p-residence">
753
+	  LILIAN CHARDON (Villeneuve de Lauragais) |
754
+	  <span class="t-ita">Installations et sculptures</span>
755
+	</p>
756
+	<p class="">
757
+	  Une série de sculptures viendra relater l'ensemble de l'engagement et des expérimentations
758
+	  artistiques de Lilian depuis de nombreuses années. Entre un electrovolt voltswagen, un combi
759
+	  pick up vw en cours d'étude pour transformation en véhicule électrique, un robot, tracker
760
+	  solaire, un embryon d'une charrette robotisée, la machine a coudre les ordinateur, un vélo
761
+	  en bambou et bien d'autres encore.	  
762
+	</p>
763
+      </div>	  
764
+      
765
+      <br />
766
+
767
+      <div id="ilegal2">
768
+	<p class="p-residence">
769
+	  GUILLAUME GODARD (Paris) |
770
+	  <span class="t-ita">Dôme géodésique structure bois</span>
771
+	</p>
772
+	<p class="">
773
+	</p>
774
+      </div>	  
775
+
776
+      <br />
777
+
778
+      <div id="ilegal3">
779
+	<p class="p-residence">
780
+	   TETALAB (Toulouse) |
781
+	  <span class="t-ita">Dôme géodésique structure métal</span>
782
+	</p>
783
+	<p class="">
784
+	</p>
785
+      </div>	  
786
+
787
+      <br />
788
+      
789
+      <div id="aleea2">
790
+	<p class="p-residence">
791
+	  GILOU/ALEEA (Occitanie) |
792
+	  <span class="t-ita">Eolienne</span>
793
+	</p>
794
+	<p class="">
795
+	  (infos à venir)
796
+	</p>
797
+      </div>	  
798
+
799
+      <br />
800
+      
801
+      <div id="mixartmyrys2">
802
+	<p class="p-residence">
803
+	  SCÉNOGRAPHIE COLLECTIVE MIXART MYRYS |
804
+	  <span class="t-ita">A.D. 2019, Neo-Myrys</span>
805
+	</p>
806
+	<p class="">
807
+	  (infos à venir)
808
+	</p>
809
+      </div>	  
810
+
811
+      <br />
812
+
813
+      <div id="mixartmyrys3">
814
+	<p class="p-residence">
815
+	  DOM (Nimes) |
816
+	  <span class="t-ita">Chill out (safe dom)</span>
817
+	</p>
818
+	<p class="">
819
+	  (infos à venir)
820
+	</p>
821
+      </div>	  
822
+
823
+      <br />
824
+
825
+      
826
+
827
+      <br /><br /><br />
828
+      
829
+      
81 830
     </div>
82 831
     <!-- /main -->  
83 832
     
@@ -100,30 +849,5 @@
100 849
 <!-- /body -->
101 850
 </html>
102 851
 
103
-
104
-
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127
-
128 852
   
129 853
 

+ 31
- 29
liens.html View File

@@ -10,7 +10,32 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
13 14
   
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
37
+
38
+
14 39
 </head>
15 40
 
16 41
 
@@ -47,19 +72,19 @@
47 72
 	</ul>
48 73
         <ul id="navbar-collapse">
49 74
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
75
+          <li><a href="prog.html">Programme/</a></li>
76
+	  <li><a href="confs.html">Conférences/</a></li>
52 77
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
78
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 79
           <li><a href="installations.html">Installations/</a></li>
55 80
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 81
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 82
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 83
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
84
+          <li><a href="stream.html">Stream & radio/</a></li>
85
+          <li><a href="infos.html">Accès/</a></li>
61 86
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
87
+          <li><a href="propaganda.html">Propagande/</a></li>
63 88
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 89
           <li><a href="partenaires.html">Partenaires/</a></li>
65 90
 	  <li><a href="liens.html">Liens/</a></li>
@@ -106,28 +131,5 @@
106 131
 
107 132
 
108 133
 
109
-<script>
110
-$(document).ready(function() {
111
-console.log("document ready");
112
-let nav_toggle = true;
113
-//$("#navbar-collapse").hide();
114
-
115
-$("#navbar-toggle").click(function() {
116
-  if (nav_toggle) {
117
-    console.log("show menu");
118
-    $("#navbar-collapse").show();
119
-    nav_toggle = false;
120
-  } else { 
121
-    console.log("hide menu");
122
-    $("#navbar-collapse").hide();
123
-    nav_toggle = true;
124
-  }
125
-});
126
-
127
-
128
-
129
-});
130
-</script>
131
-
132 134
   
133 135
 

+ 71
- 33
mediation.html View File

@@ -11,6 +11,27 @@
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13 13
   
14
+  <script>
15
+  $(document).ready(function() {
16
+    console.log("document ready");
17
+    let nav_toggle = true;
18
+    //$("#navbar-collapse").hide();
19
+
20
+    $("#navbar-toggle").click(function() {
21
+      if (nav_toggle) {
22
+        console.log("show menu");
23
+        $("#navbar-collapse").show();
24
+        nav_toggle = false;
25
+      } else { 
26
+        console.log("hide menu");
27
+        $("#navbar-collapse").hide();
28
+       nav_toggle = true;
29
+      }
30
+    });
31
+
32
+  });
33
+</script>
34
+
14 35
 </head>
15 36
 
16 37
 
@@ -47,19 +68,19 @@
47 68
 	</ul>
48 69
         <ul id="navbar-collapse">
49 70
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
71
+          <li><a href="prog.html">Programme/</a></li>
72
+	  <li><a href="confs.html">Conférences/</a></li>
52 73
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
74
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 75
           <li><a href="installations.html">Installations/</a></li>
55 76
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 77
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 78
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 79
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
80
+          <li><a href="stream.html">Stream & radio/</a></li>
81
+          <li><a href="infos.html">Accès/</a></li>
61 82
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
83
+          <li><a href="propaganda.html">Propagande/</a></li>
63 84
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 85
           <li><a href="partenaires.html">Partenaires/</a></li>
65 86
 	  <li><a href="liens.html">Liens/</a></li>
@@ -74,9 +95,51 @@
74 95
     <!-- main -->  
75 96
     <div id="main" class="col">
76 97
       <br />
77
-      <p class="title p1">MEDIATION</p>
98
+      <p class="title p1">PUBLIC ET MÉDIATION</p>
78 99
       <br />
79
-      <p class="title p3">( EN COURS )</p>
100
+
101
+      <p class="title p2">ACCÈS</p>
102
+      <p>
103
+	L’accès au site et à la majorité des propositions sur Participation Libre et Nécessaire
104
+	Certains ateliers comportent un prix fixe (très abordable) correspondant au côut des
105
+	matières premières des objets fabriqués pendant l’atelier.
106
+      </p>
107
+      <br />
108
+     
109
+      <p class="title p2">VISITES & MÉDIATION</p>	    
110
+      <p>
111
+	Trois « Visites guidées d’Anticipation » sont proposées durant les 4 jours. Elles proposent à
112
+	différents types de public – enfant, curieux et initiés – des visites combinées à un atelier.
113
+      </p>
114
+      <p class="noindent">Durée 1h30. Inscription sur place.</p>
115
+
116
+      <ul class="ul-mediation">
117
+	<li>
118
+	  <p class="noindent">Parcours <span class="tbold">Masaru</span> : de l'émerveillement, une chasse, des trésors : un parcours
119
+	    pour les enfants à partir de 6 ans. 4€.</p>
120
+	  <p class="noindent"> > Jeudi et samedi 17h30</p>
121
+	</li>
122
+	<li>
123
+	  <p class="noindent">Parcours <span class="tbold">Kaneda</span> : l'exclusivité d'un passage et d'un atelier dans la résidence
124
+	    hacker : un parcours pour les initiés au hacking, à la THSF, au DIY.</p>
125
+	  <p class="noindent"> > Vendredi et samedi 15h30</p>
126
+	</li>
127
+	<li>
128
+	  <p class="noindent">Parcours <span class="tbold">Tetsuo</span> : perdu, besoin d'explication, incompréhension du jargon :
129
+	    un parcours pour vous faire découvrir la THSF, le hackerspirit et vous rendre autonome ensuite.</p>
130
+	  <p class="noindent"> > Jeudi 15h30 et vendredi 17h30</p>
131
+	</li>
132
+      </ul>
133
+
134
+      <br />
135
+      
136
+      <p class="title p2">ACCUEIL DES PERSONNES SOURDES</p>
137
+      <p> 
138
+	Des ateliers, des installations et une médiation LSF (Langue des Signes Française) seront proposés
139
+	durant les 4 jours. Renseignements sur place.
140
+      </p>
141
+
142
+      
80 143
       <br />
81 144
     </div>
82 145
     <!-- /main -->  
@@ -100,30 +163,5 @@
100 163
 <!-- /body -->
101 164
 </html>
102 165
 
103
-
104
-
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127
-
128 166
   
129 167
 

+ 30
- 30
partenaires.html View File

@@ -11,6 +11,30 @@
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13 13
   
14
+
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
37
+
14 38
 </head>
15 39
 
16 40
 
@@ -47,19 +71,19 @@
47 71
 	</ul>
48 72
         <ul id="navbar-collapse">
49 73
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
74
+          <li><a href="prog.html">Programme/</a></li>
75
+	  <li><a href="confs.html">Conférences/</a></li>
52 76
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
77
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 78
           <li><a href="installations.html">Installations/</a></li>
55 79
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 80
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 81
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 82
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
83
+          <li><a href="stream.html">Stream & radio/</a></li>
84
+          <li><a href="infos.html">Accès/</a></li>
61 85
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
86
+          <li><a href="propaganda.html">Propagande/</a></li>
63 87
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 88
           <li><a href="partenaires.html">Partenaires/</a></li>
65 89
 	  <li><a href="liens.html">Liens/</a></li>
@@ -101,29 +125,5 @@
101 125
 </html>
102 126
 
103 127
 
104
-
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127
-
128 128
   
129 129
 

performances-concerts.html → perfs.html View File

@@ -10,7 +10,31 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
13 14
   
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
37
+
14 38
 </head>
15 39
 
16 40
 
@@ -47,19 +71,19 @@
47 71
 	</ul>
48 72
         <ul id="navbar-collapse">
49 73
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
74
+          <li><a href="prog.html">Programme/</a></li>
75
+	  <li><a href="confs.html">Conférences/</a></li>
52 76
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
77
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 78
           <li><a href="installations.html">Installations/</a></li>
55 79
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 80
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 81
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 82
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
83
+          <li><a href="stream.html">Stream & radio/</a></li>
84
+          <li><a href="infos.html">Accès/</a></li>
61 85
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
86
+          <li><a href="propaganda.html">Propagande/</a></li>
63 87
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 88
           <li><a href="partenaires.html">Partenaires/</a></li>
65 89
 	  <li><a href="liens.html">Liens/</a></li>
@@ -102,28 +126,5 @@
102 126
 
103 127
 
104 128
 
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127
-
128 129
   
129 130
 

programme.html → prog.html View File

@@ -10,7 +10,30 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
-  
13
+
14
+  <script>
15
+$(document).ready(function() {
16
+console.log("document ready");
17
+let nav_toggle = true;
18
+//$("#navbar-collapse").hide();
19
+
20
+$("#navbar-toggle").click(function() {
21
+  if (nav_toggle) {
22
+    console.log("show menu");
23
+    $("#navbar-collapse").show();
24
+    nav_toggle = false;
25
+  } else { 
26
+    console.log("hide menu");
27
+    $("#navbar-collapse").hide();
28
+    nav_toggle = true;
29
+  }
30
+});
31
+
32
+
33
+
34
+});
35
+</script>
36
+
14 37
 </head>
15 38
 
16 39
 
@@ -47,19 +70,19 @@
47 70
 	</ul>
48 71
         <ul id="navbar-collapse">
49 72
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
73
+          <li><a href="prog.html">Programme/</a></li>
74
+	  <li><a href="confs.html">Conférences/</a></li>
52 75
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
76
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 77
           <li><a href="installations.html">Installations/</a></li>
55 78
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 79
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 80
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 81
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
82
+          <li><a href="stream.html">Stream & radio/</a></li>
83
+          <li><a href="infos.html">Accès/</a></li>
61 84
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
85
+          <li><a href="propaganda.html">Propagande/</a></li>
63 86
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 87
           <li><a href="partenaires.html">Partenaires/</a></li>
65 88
 	  <li><a href="liens.html">Liens/</a></li>
@@ -76,7 +99,16 @@
76 99
       <br />
77 100
       <p class="title p1">PROGRAMME</p>
78 101
       <br />
79
-      <p class="title p3">( EN COURS )</p>
102
+
103
+      <div id="talks-menu">
104
+	<a href="#jeudi">JEUDI</a>
105
+	<a href="#vendredi">VENDREDI</a>		
106
+	<a href="#samedi">SAMEDI</a>
107
+	<a href="#dimanche">DIMANCHE</a>		
108
+      </div>
109
+
110
+
111
+      <p class="title p3 tcenter">( EN COURS )</p>
80 112
       <br />
81 113
     </div>
82 114
     <!-- /main -->  
@@ -102,28 +134,6 @@
102 134
 
103 135
 
104 136
 
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});
122
-
123
-
124
-
125
-});
126
-</script>
127 137
 
128 138
   
129 139
 

propagande.html → propaganda.html View File

@@ -10,7 +10,31 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
13 14
   
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
37
+
14 38
 </head>
15 39
 
16 40
 
@@ -47,19 +71,19 @@
47 71
 	</ul>
48 72
         <ul id="navbar-collapse">
49 73
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
74
+          <li><a href="prog.html">Programme/</a></li>
75
+	  <li><a href="confs.html">Conférences/</a></li>
52 76
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
77
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 78
           <li><a href="installations.html">Installations/</a></li>
55 79
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 80
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 81
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 82
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
83
+          <li><a href="stream.html">Stream & radio/</a></li>
84
+          <li><a href="infos.html">Accès/</a></li>
61 85
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
86
+          <li><a href="propaganda.html">Propagande/</a></li>
63 87
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 88
           <li><a href="partenaires.html">Partenaires/</a></li>
65 89
 	  <li><a href="liens.html">Liens/</a></li>
@@ -134,28 +158,5 @@
134 158
 
135 159
 
136 160
 
137
-<script>
138
-$(document).ready(function() {
139
-console.log("document ready");
140
-let nav_toggle = true;
141
-//$("#navbar-collapse").hide();
142
-
143
-$("#navbar-toggle").click(function() {
144
-  if (nav_toggle) {
145
-    console.log("show menu");
146
-    $("#navbar-collapse").show();
147
-    nav_toggle = false;
148
-  } else { 
149
-    console.log("hide menu");
150
-    $("#navbar-collapse").hide();
151
-    nav_toggle = true;
152
-  }
153
-});
154
-
155
-
156
-
157
-});
158
-</script>
159
-
160 161
   
161 162
 

+ 23
- 26
residence.html View File

@@ -11,6 +11,29 @@
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13 13
   
14
+<script>
15
+$(document).ready(function() {
16
+console.log("document ready");
17
+let nav_toggle = true;
18
+//$("#navbar-collapse").hide();
19
+
20
+$("#navbar-toggle").click(function() {
21
+  if (nav_toggle) {
22
+    console.log("show menu");
23
+    $("#navbar-collapse").show();
24
+    nav_toggle = false;
25
+  } else { 
26
+    console.log("hide menu");
27
+    $("#navbar-collapse").hide();
28
+    nav_toggle = true;
29
+  }
30
+});
31
+
32
+
33
+
34
+});
35
+</script>
36
+
14 37
 </head>
15 38
 
16 39
 
@@ -253,29 +276,3 @@
253 276
 </html>
254 277
 
255 278
 
256
-
257
-<script>
258
-$(document).ready(function() {
259
-console.log("document ready");
260
-let nav_toggle = true;
261
-//$("#navbar-collapse").hide();
262
-
263
-$("#navbar-toggle").click(function() {
264
-  if (nav_toggle) {
265
-    console.log("show menu");
266
-    $("#navbar-collapse").show();
267
-    nav_toggle = false;
268
-  } else { 
269
-    console.log("hide menu");
270
-    $("#navbar-collapse").hide();
271
-    nav_toggle = true;
272
-  }
273
-});
274
-
275
-
276
-
277
-});
278
-</script>
279
-
280
-  
281
-

stream-radio.html → stream.html View File

@@ -10,7 +10,32 @@
10 10
   <link rel="icon" type="image/png" href="/images/favicon.png" />
11 11
 
12 12
   <script src="jquery/jquery-3.4.0.min.js"></script>
13
+
13 14
   
15
+<script>
16
+$(document).ready(function() {
17
+console.log("document ready");
18
+let nav_toggle = true;
19
+//$("#navbar-collapse").hide();
20
+
21
+$("#navbar-toggle").click(function() {
22
+  if (nav_toggle) {
23
+    console.log("show menu");
24
+    $("#navbar-collapse").show();
25
+    nav_toggle = false;
26
+  } else { 
27
+    console.log("hide menu");
28
+    $("#navbar-collapse").hide();
29
+    nav_toggle = true;
30
+  }
31
+});
32
+
33
+
34
+
35
+});
36
+</script>
37
+
38
+
14 39
 </head>
15 40
 
16 41
 
@@ -47,19 +72,19 @@
47 72
 	</ul>
48 73
         <ul id="navbar-collapse">
49 74
 	  <li><a href="index.html">Home/</a></li>
50
-          <li><a href="programme.html">Programme/</a></li>
51
-	  <li><a href="talks.html">Conférences/</a></li>
75
+          <li><a href="prog.html">Programme/</a></li>
76
+	  <li><a href="confs.html">Conférences/</a></li>
52 77
           <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
53
-          <li><a href="performances-concerts.html">Performances et Concerts/</a></li>
78
+          <li><a href="perfs.html">Performances et Concerts/</a></li>
54 79
           <li><a href="installations.html">Installations/</a></li>
55 80
 	  <li><a href="ateliers.html">Ateliers/</a></li>
56 81
 	  <li><a href="residence.html">Résidence hackers/</a></li>
57 82
 	  <li><a href="associations.html">Associations et Hackerspaces/</a></li>
58 83
           <li><a href="tvbruits.html">Plateau TVBruits</a></li>
59
-          <li><a href="stream-radio.html">Stream & radio/</a></li>
60
-          <li><a href="acces.html">Accès/</a></li>
84
+          <li><a href="stream.html">Stream & radio/</a></li>
85
+          <li><a href="infos.html">Accès/</a></li>
61 86
           <li><a href="mediation.html">Médiation/</a></li>
62
-          <li><a href="propagande.html">Propagande/</a></li>
87
+          <li><a href="propaganda.html">Propagande/</a></li>
63 88
           <li><a href="benevoles.html">Bénévoles/</a></li>
64 89
           <li><a href="partenaires.html">Partenaires/</a></li>
65 90
 	  <li><a href="liens.html">Liens/</a></li>
@@ -101,29 +126,5 @@
101 126
 </html>
102 127
 
103 128
 
104
-
105
-<script>
106
-$(document).ready(function() {
107
-console.log("document ready");
108
-let nav_toggle = true;
109
-//$("#navbar-collapse").hide();
110
-
111
-$("#navbar-toggle").click(function() {
112
-  if (nav_toggle) {
113
-    console.log("show menu");
114
-    $("#navbar-collapse").show();
115
-    nav_toggle = false;
116
-  } else { 
117
-    console.log("hide menu");
118
-    $("#navbar-collapse").hide();
119
-    nav_toggle = true;
120
-  }
121
-});