Le dépôt du site du THSF
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <!DOCTYPE html>
  2. <html lang='zxx'>
  3. <head>
  4. <title>THSF #10 - N.E.A.R</title>
  5. <meta name="viewport" content="initial-scale=1.0" />
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <link rel="stylesheet" type="text/css" href="./styles/main.css" />
  8. <link rel="stylesheet" type="text/css" href="./styles/text.css" />
  9. <link rel="icon" type="image/png" href="/images/favicon.png" />
  10. <script src="jquery/jquery-3.4.0.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. console.log("document ready");
  14. let nav_toggle = true;
  15. //$("#navbar-collapse").hide();
  16. $("#navbar-toggle").click(function() {
  17. if (nav_toggle) {
  18. console.log("show menu");
  19. $("#navbar-collapse").show();
  20. nav_toggle = false;
  21. } else {
  22. console.log("hide menu");
  23. $("#navbar-collapse").hide();
  24. nav_toggle = true;
  25. }
  26. });
  27. });
  28. </script>
  29. </head>
  30. <!-- body -->
  31. <body>
  32. <!-- wrapper -->
  33. <div id="wrapper">
  34. <!-- header -->
  35. <div id="header">
  36. <img src="./img/THSF10_Bandeau.jpg" class="header-img1" alt="THSF #10" />
  37. <img src="./img/THSF10_2.gif" class="header-img2" alt="THSF #10" />
  38. </div>
  39. <!-- /header -->
  40. <div class="row">
  41. <!-- nav -->
  42. <div id="nav" class="col">
  43. <div id="player">
  44. <p>Le live des conférences :</p>
  45. <audio controls="controls" preload="none"><source src="http://serviette.mixart-myrys.org:8000/TvBruitsTHSF10.ogg" type="application/ogg" /></audio>
  46. <p>Retrouvez tous les <a href="https://www.thsf.net/stream.html">streams ici/</a></p>
  47. </div>
  48. <!-- navbar -->
  49. <div id="navbar">
  50. <ul id="navbar-toggle">
  51. <li>
  52. <a id="nav-toggle" href="#">
  53. <span class="span-menu-1">&#9776;</span>
  54. <span class="span-menu-2"> menu</span>
  55. </a>
  56. </li>
  57. </ul>
  58. <ul id="navbar-collapse">
  59. <li><a href="index.html">Home/</a></li>
  60. <li><a href="prog.html">Programme/</a></li>
  61. <li><a href="confs.html">Conférences/</a></li>
  62. <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
  63. <li><a href="perfs.html">Performances et Concerts/</a></li>
  64. <li><a href="installations.html">Installations/</a></li>
  65. <li><a href="ateliers.html">Ateliers/</a></li>
  66. <li><a href="residence.html">Résidence hackers/</a></li>
  67. <li><a href="assos.html">Associations et Hackerspaces/</a></li>
  68. <li><a href="tvbruits.html">Plateau TVBruits</a></li>
  69. <li><a href="stream.html">Stream & radio/</a></li>
  70. <li><a href="infos.html">Accès/</a></li>
  71. <li><a href="mediation.html">Médiation/</a></li>
  72. <li><a href="propaganda.html">Propagande/</a></li>
  73. <li><a href="benevoles.html">Bénévoles/</a></li>
  74. <li><a href="partenaires.html">Partenaires/</a></li>
  75. <li><a href="liens.html">Liens/</a></li>
  76. </ul>
  77. </div>
  78. <!-- /navbar -->
  79. </div>
  80. <!-- /nav -->
  81. <!-- main -->
  82. <div id="main" class="col">
  83. <br />
  84. <p class="title p1">THSF #10 // N.E.A.R</p>
  85. <br />
  86. <p>
  87. Akira. A.D. 2019 Neo-Tokyo, le manga culte de Katsuhiro Otomo écrit entre 1982 et 1990,
  88. nous plonge en 2019 dans une Néo-Tokyo post-apocalyptique et futuriste. Mégapole
  89. aliénante, politiciens corrompus, révoltes sociales, expérimentations militaires,
  90. pouvoirs psychiques et mutations techno-organiques… Katsuhiro Otomo pose
  91. les bases du cyberpunk japonais et questionne avec acuité les modes d’organisation
  92. sociale, le rapport de l’homme à la technologie et sa place dans l’environnement.
  93. </p>
  94. <br />
  95. <p>
  96. La 10ème édition de la Toulouse HackerSpace Factory (THSF) se construit en hommage
  97. et écho à cette oeuvre majeure (lol) tant sur le plan graphique que scénaristique avec
  98. un récit profondément politique et social.
  99. Malheureusement la 2019 d’Otomo se rapproche par bien des aspects de notre 2019 actuelle,
  100. et les questions qu'il soulevait au début des années 80 restent toujours prégnantes.
  101. Notamment les inégalites et l'injustice sociale, le rapport à la science et aux technologies,
  102. aux contrôles des personnes et des masses, et à l’environnement.
  103. Autant de questions que, depuis 10 ans, la THSF entend partager avec des artistes,
  104. des hackers, des chercheurs, des militants associatifs et tous les publics.
  105. </p>
  106. <br />
  107. <p>
  108. Pour ces 10 ans donc, et dans le contexte politique, social et climatique actuel,
  109. nous nous efforcerons de penser en terme de "contre-fin" du monde.
  110. Questionner et repenser les modèles théoriques et les paradigmes sociétaux,
  111. mutualiser les compétences et les savoirs, expérimenter et pratiquer l'intelligence
  112. collective.
  113. </p>
  114. <p>
  115. Nous en profiterons également pour rendre hommage aux personnes qui ont permis de concrétiser
  116. et faire perdurer l'aventure THSF pendant ces 10 ans, grâce à leur implication, leur énergie,
  117. beaucoup d'amour et de bienveillance &lt;3
  118. </p>
  119. <br />
  120. <p class="title p1">A PROPOS DU THSF</p>
  121. <br />
  122. <p class="">
  123. Depuis 2010, le THSF est un rendez-vous autour des différentes facettes de la
  124. culture hacker.<br />
  125. Logiciels et matériels libres, DIY, réappropriation et détournement
  126. des technologies, art et science, défense des droits et libertés sur Internet,
  127. sécurité informatique, médias et investigation citoyenne, politique et société…
  128. sont parmi les sujets que nous invitons à venir découvrir, questionner, partager
  129. et construire ensemble.
  130. </p>
  131. <p class="">
  132. Durant 4 jours, l’événement articule :
  133. </p>
  134. <ul class="ul-apropos">
  135. <li><p class="noindent">Conférences, conférences éclair et tables rondes</p></li>
  136. <li><p class="noindent">Ateliers, associations et hackerspaces</p></li>
  137. <li><p class="noindent">Exposition, installations, performances, oeuvres et création numérique</p></li>
  138. <li><p class="noindent">Concerts</p></li>
  139. <li><p class="noindent">Résidence hackers 24H/24H</p></li>
  140. </ul>
  141. <br />
  142. <p class="noindent">
  143. L'événement est organisé par le
  144. <a href="https://www.tetalab.org/">Tetalab</a>
  145. et
  146. <a href="http://mixart-myrys.org/">Mix'Art Myrys</a>
  147. <br />
  148. </p>
  149. </div>
  150. <!-- /main -->
  151. </div>
  152. <!-- /row -->
  153. <!-- footer -->
  154. <div id="footer">
  155. <!-- <p class="pfooter">thsf 2019</p> -->
  156. </div>
  157. <!-- /footer -->
  158. </div>
  159. <!-- /wrapper -->
  160. </body>
  161. <!-- /body -->
  162. </html>