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.

mediation.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!DOCTYPE html>
  2. <html lang='zxx'>
  3. <head>
  4. <title>THSF #10 - PUBLIC ET MÉDIATION</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. <!-- navbar -->
  44. <div id="navbar">
  45. <ul id="navbar-toggle">
  46. <li>
  47. <a id="nav-toggle" href="#">
  48. <span class="span-menu-1">&#9776;</span>
  49. <span class="span-menu-2"> menu</span>
  50. </a>
  51. </li>
  52. </ul>
  53. <ul id="navbar-collapse">
  54. <li><a href="index.html">Home/</a></li>
  55. <li><a href="prog.html">Programme/</a></li>
  56. <li><a href="confs.html">Conférences/</a></li>
  57. <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
  58. <li><a href="perfs.html">Performances et Concerts/</a></li>
  59. <li><a href="installations.html">Installations/</a></li>
  60. <li><a href="ateliers.html">Ateliers/</a></li>
  61. <li><a href="residence.html">Résidence hackers/</a></li>
  62. <li><a href="assos.html">Associations et Hackerspaces/</a></li>
  63. <li><a href="tvbruits.html">Plateau TVBruits</a></li>
  64. <li><a href="stream.html">Stream & radio/</a></li>
  65. <li><a href="infos.html">Accès/</a></li>
  66. <li><a href="mediation.html">Médiation/</a></li>
  67. <li><a href="propaganda.html">Propagande/</a></li>
  68. <li><a href="benevoles.html">Bénévoles/</a></li>
  69. <li><a href="partenaires.html">Partenaires/</a></li>
  70. <li><a href="liens.html">Liens/</a></li>
  71. </ul>
  72. </div>
  73. <!-- /navbar -->
  74. </div>
  75. <!-- /nav -->
  76. <!-- main -->
  77. <div id="main" class="col">
  78. <br />
  79. <p class="title p1">PUBLIC ET MÉDIATION</p>
  80. <br />
  81. <p class="title p2">ACCÈS</p>
  82. <p>
  83. L’accès au site et à la majorité des propositions sont sur
  84. <i><a href="http://mixart-myrys.org/presentation/principe-d-autogestion/">Participation Libre et Nécessaire</a></i>.
  85. Certains ateliers comportent un prix fixe (très abordable) correspondant au coût des
  86. matières premières des objets fabriqués pendant l’atelier.
  87. </p>
  88. <br />
  89. <p class="title p2">VISITES & MÉDIATION</p>
  90. <p>
  91. Trois « Visites guidées d’Anticipation » sont proposées durant les 4 jours. Elles proposent à
  92. différents types de public – enfant, curieux et initiés – des visites combinées à un atelier.
  93. </p>
  94. <p class="noindent">Durée 1h30. Inscription sur place.</p>
  95. <ul class="ul-mediation">
  96. <li>
  97. <p class="noindent">Parcours <span class="tbold">Masaru</span> : de l'émerveillement, une chasse, des trésors : un parcours
  98. pour les enfants à partir de 6 ans. 4€.</p>
  99. <p class="noindent"> > Jeudi et samedi 17h30</p>
  100. </li>
  101. <li>
  102. <p class="noindent">Parcours <span class="tbold">Kaneda</span> : l'exclusivité d'un passage et d'un atelier dans la résidence
  103. hacker : un parcours pour les initiés au hacking, à la THSF, au DIY.</p>
  104. <p class="noindent"> > Vendredi et samedi 15h30</p>
  105. </li>
  106. <li>
  107. <p class="noindent">Parcours <span class="tbold">Tetsuo</span> :
  108. <a href="http://perdu.com/">perdu</a>, besoin d'explication, incompréhension du jargon :
  109. un parcours pour vous faire découvrir la THSF, le hackerspirit et vous rendre autonome ensuite.</p>
  110. <p class="noindent"> > Jeudi 15h30 et vendredi 17h30</p>
  111. </li>
  112. </ul>
  113. <br />
  114. <p class="title p2">ACCUEIL DES PERSONNES SOURDES</p>
  115. <p>
  116. Des ateliers, des installations et une médiation LSF (Langue des Signes Française) seront proposés
  117. durant les 4 jours. Renseignements sur place.
  118. </p>
  119. <br />
  120. <iframe src="https://player.vimeo.com/video/336845843" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
  121. <p><a href="https://vimeo.com/336845843">THSF 2019 LSF</a> from <a href="https://vimeo.com/user17794644">Mix&#039;art myrys</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
  122. <br />
  123. </div>
  124. <!-- /main -->
  125. </div>
  126. <!-- /row -->
  127. <!-- footer -->
  128. <div id="footer">
  129. <!-- <p class="pfooter">thsf 2019</p> -->
  130. </div>
  131. <!-- /footer -->
  132. </div>
  133. <!-- /wrapper -->
  134. </body>
  135. <!-- /body -->
  136. </html>