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.

propaganda.html 3.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html>
  2. <html lang='zxx'>
  3. <head>
  4. <title>THSF #10 - PROPAGANDE</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">PROPAGANDE // MEDIAS</p>
  80. <br />
  81. <p class="title p2">MEDIAS KIT</p>
  82. <p class="title p3">DOSSIER DE PRESSE</p>
  83. <p class="">Le dossier de presse est (encore ?)
  84. en cours de modification (mais sera-t-il fini à temps ?)
  85. </p>
  86. <br />
  87. <p class="title p3">PROGRAMME</p>
  88. <p class="">Programme détaillé au <a href="doc/THSF10_Prog_2mmFP.pdf">format pdf</a> à
  89. imprimer vous même. <i>Sauvez un arbre, mangez un castor.</i>
  90. </p>
  91. <br />
  92. <p class="title p3">AFFICHE</p>
  93. <p class="">Affiche au <a href="img/THSF10_Affiche_pdf.pdf">format pdf</a>.
  94. <i>Sauvez une forêt, virez les bétonneurs.</i>
  95. </p>
  96. <a href="img/THSF10_Affiche_pdf.pdf" class="">
  97. <img src="./img/thsf_affiche_tmb.jpg" class="img-tmb" />
  98. </a>
  99. <br />
  100. <!--
  101. <p class="title p2">PRESSE</p>
  102. <p class="title p3">ÉDITIONS PRÉCÉDENTES</p>
  103. -->
  104. </div>
  105. <!-- /main -->
  106. </div>
  107. <!-- /row -->
  108. <!-- footer -->
  109. <div id="footer">
  110. <!-- <p class="pfooter">thsf 2019</p> -->
  111. </div>
  112. <!-- /footer -->
  113. </div>
  114. <!-- /wrapper -->
  115. </body>
  116. <!-- /body -->
  117. </html>