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.

tvbruits.html 5.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <!DOCTYPE html>
  2. <html lang='zxx'>
  3. <head>
  4. <title>THSF #10 - PLATEAU TVBRUITS</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">PLATEAU TV BRUITS</p>
  80. <br />
  81. <p>
  82. A l'occasion des 10 ans du THSF, Tv Bruits ressort son plateau TV partagé !
  83. Comme pour les universités d'été d'ATTAC en aout 2018, durant lesquelles nous avons réalisé 34 plateaux
  84. diffusées en direct sur Internet et "touché" ainsi 330 000 personnes sur les réseaux sociaux
  85. (<a href="http://ue2018.tvbruits.org/">ue2018.tvbruits.org</a>)
  86. , nous allons réaliser des émissions de 15 à 30 minutes avec les artistes, les intervenants ou encore le public du THSF
  87. qui viendront expliquer, montrer, jouer, experimenter ou encore simplement parler des divers thèmes abordés lors
  88. des performances, des conférences et ateliers.
  89. </p>
  90. <p>
  91. Diffusées en direct sur Internet, de 16h à 19h tous les jours, les émissions seront préparées et présentées
  92. par Tv Bruits et également les collectifs, associations et citoyens volontaires qui voudront se saisir du plateau !
  93. </p>
  94. <br />
  95. <p class="title p3">L'ASSOCIATION TV BRUITS</p>
  96. <p>TV Bruits est une web-télévision locale, indépendante, à vocation régionale. C'est une structure associative
  97. et non commerciale composée de personnes et d'associations.
  98. </p>
  99. <p>
  100. Depuis 15 ans, elle produit, réalise et diffuse, sur Internet et en projections publiques, des reportages, des documentaires,
  101. des films et des émissions télévisuelles. Certains de ses films ont été sélectionnés dans différents festivals en France et à l'étranger.
  102. Le site Internet atteste de la diversité des œuvres produites et notre vidéothèque est devenue, au fil des années, un endroit ressource reconnu de tous.
  103. </p>
  104. <p>
  105. Composée à la fois d'amateurs et de professionnel.les des secteurs audiovisuel et médiatique, nous oeuvrons
  106. à la démocratisation de la production audiovisuelle. Nous utilisons les techniques de l'éducation populaire et
  107. proposons des ateliers d'initiation aux pratiques audiovisuelles auprès de différents publics sur les territoires
  108. de Toulouse et de la région Occitanie.
  109. L'association s'inscrit également dans l'éducation aux médias au travers d’ateliers et de décryptages médiatiques. Ceux-ci s'attachent
  110. à analyser la fabrique de l'information et les concepts de liberté d'expression et d'information.
  111. </p>
  112. <p>
  113. Dans une société où chacun peut devenir producteur et diffuseur de vidéo, TV Bruits est un outil de citoyenneté.
  114. Nous initions et formons les citoyennes et citoyens afin de permettre à chacune et chacun de décrypter et comprendre
  115. les médias audiovisuels, leur fabrication et leur impact sur nos vies.
  116. </p>
  117. <br />
  118. <p class="tcenter">
  119. <a href="https://tvbruits.org/">http://tvbruits.org/</a>
  120. </p>
  121. <br />
  122. </div>
  123. <!-- /main -->
  124. </div>
  125. <!-- /row -->
  126. <!-- footer -->
  127. <div id="footer">
  128. <!-- <p class="pfooter">thsf 2019</p> -->
  129. </div>
  130. <!-- /footer -->
  131. </div>
  132. <!-- /wrapper -->
  133. </body>
  134. <!-- /body -->
  135. </html>