Site web
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.

221 lines
6.6KB

  1. <section id="infos" class="pal">
  2. <div class="w60 center txtcenter">
  3. <h1 class="mbm">Infos pratiques</h1>
  4. <div class="grid-3 has-gutter descriptions">
  5. <div>
  6. <h2>Financement participatif</h2>
  7. <a href="#donate" title="Financement participatif">
  8. <%= svg_image_tag 'icons.svg', :heart, data: { 'modal-target': :donate } %>
  9. </a>
  10. </div>
  11. <div>
  12. <h2>Appel à participation</h2>
  13. <a href="#speaker" title="Appel à participation">
  14. <%= svg_image_tag 'icons.svg', :speaker, data: { 'modal-target': :speaker } %>
  15. </a>
  16. </div>
  17. <div>
  18. <h2>Programme</h2>
  19. <a href="#schedule" title="Programme">
  20. <%= svg_image_tag 'icons.svg', :calendar, data: { 'modal-target': :schedule } %>
  21. </a>
  22. </div>
  23. <div>
  24. <h2>Localisation</h2>
  25. <a href="#location" title="Localisation">
  26. <%= svg_image_tag 'icons.svg', :place, data: { 'modal-target': :location } %>
  27. </a>
  28. </div>
  29. <div>
  30. <h2>Restauration</h2>
  31. <a href="#food" title="Restauration">
  32. <%= svg_image_tag 'icons.svg', :diet, data: { 'modal-target': :food } %>
  33. </a>
  34. </div>
  35. <div>
  36. <h2>Code de conduite</h2>
  37. <a href="#coc" title="Code de conduite">
  38. <%= svg_image_tag 'icons.svg', :team, data: { 'modal-target': :coc } %>
  39. </a>
  40. </div>
  41. </div>
  42. </div>
  43. <div id="donate" class="hide" data-modal="donate">
  44. <p>
  45. Le festival PSES est entièrement gratuit pour permettre au plus
  46. grand nombre d’y participer, sans considération de ressources.<br>
  47. Mais le monde actuel étant ce qu’il est, nous avons quand même
  48. besoin de financer des choses !
  49. </p>
  50. <ul>
  51. <li>
  52. Du matériel de captation pour vous permettre de suivre le
  53. festival à l’autre bout de la planète
  54. </li>
  55. <li>
  56. L’administratif courant de l’association (frais bancaires,
  57. assurances…)
  58. </li>
  59. </ul>
  60. <p>
  61. Nous avons aussi besoin de financement pour assurer la présence tant
  62. attendue des goodies et autres boissons houblonnées (ou non), qui
  63. même si elles s’auto-financent, nécessitent de l’avance de trésorerie.
  64. </p>
  65. <p>
  66. Cette année nous avons besoin d’un financement de <%= data.donate.target %>€ afin
  67. d’acquérir du matériel de captation audio.
  68. </p>
  69. <p>
  70. Plus d’information sur <%= link_to 'la page dédiée', '/donate.html', title: 'Aller sur la page de donation du festival Pas Sage En Seine' %>.
  71. </p>
  72. <div class="txtcenter">
  73. <progress value="<%= data.donate.current %>" max="<%= data.donate.target %>"></progress>
  74. <br>
  75. <%= data.donate.current %> / <%= data.donate.target %>€
  76. </div>
  77. <br>
  78. <p>
  79. Si vous souhaitez nous soutenir financièrement, plusieurs moyens
  80. sont à votre disposition :
  81. </p>
  82. <div class="grid-3 has-gutter center txtcenter mbm">
  83. <div>
  84. <% link_to 'https://liberapay.com/pses/donate', class: 'donate', title: 'Faire un don au festival chez Liberapay' do %>
  85. <%= image_tag 'liberapay.png', alt: 'Liberapay' %>
  86. <% end %><br>
  87. 0% de commission<br>
  88. (Nous reverserons 1%)
  89. </div>
  90. <div>
  91. <% link_to 'https://donorbox.org/pses', class: 'donate', title: 'Faire un don au festival chez Donorbox' do %>
  92. <%= image_tag 'donorbox.png', alt: 'Donorbox' %>
  93. <% end %><br>
  94. 1.4% + 0.25€ de commission
  95. </div>
  96. <div>
  97. <% link_to 'https://www.paypal.me/PasSageEnSeine/0eur', class: 'donate', title: 'Faire un don au festival chez Paypal' do %>
  98. <%= image_tag 'paypal.png', alt: 'Paypal' %>
  99. <% end %><br>
  100. 3.4% + 0.25€ de commission
  101. </div>
  102. </div>
  103. <p>
  104. Pour un virement bancaire, merci de
  105. <%= link_to "nous contacter", "mailto:bureau@passageenseine.fr?subject=IBAN%20don", title: 'Envoyer un courriel de demande d’IBAN au bureau' %>
  106. pour obtenir notre IBAN.
  107. </p>
  108. </div>
  109. <div id="speaker" class="hide" data-modal="speaker">
  110. <p>
  111. L’appel à participation sera ouvert du 18 janvier au 16 avril.
  112. </p>
  113. <p>
  114. Si vous êtes intéressé·e, rendez-vous
  115. <%= link_to "sur le site dédié", "https://participer.passageenseine.fr/proposals/new", title: "Soumettre une proposition" %>
  116.  !
  117. </p>
  118. <p>
  119. Le thème de cette année sera certainement (ou pas) :<br>
  120. <b>Bidouille, écologie & démocratie</b>
  121. </p>
  122. </div>
  123. <div id="schedule" class="hide" data-modal="schedule">
  124. <p>
  125. Un peu de patience, voyons !
  126. <br>
  127. Le programme sera communiqué le 04 mai ! 😊
  128. </p>
  129. </div>
  130. <div id="location" class="hide" data-modal="location">
  131. <div>
  132. <h1>Lieu</h1>
  133. <p>
  134. Le festival a lieu aux abords de la Médiathèque Aragon à
  135. Choisy-le-Roi, à 5 min à pied de la Gare de RER C
  136. « Choisy-le-Roi »
  137. </p>
  138. <p>
  139. Le lieu est (vraiment) accessible aux personnes moins valides.
  140. </p>
  141. <h1>Hébergement</h1>
  142. <p>
  143. Un appart-hôtel est présent à moins d'une minute de la
  144. médiathèque. Leur site
  145. <a href="http://www.allsuites-apparthotel.com/residences-hotelieres/all-suites-appart-hotel-choisy-le-roi" title="Appart Hôtel Choisy-le-Roi">ici</a>.
  146. </p>
  147. <p>
  148. Des logements sont aussi généralement disponibles aux alentours via
  149. <a href="https://www.airbnb.fr/s/Choisy~le~Roi/homes?refinement_paths%5B%5D=%2Fhomes&place_id=ChIJSzO-mZB05kcRYDmLaMOCCwQ&search_type=section_navigation&screen_size=large&checkin=2020-07-01&checkout=2020-07-06">AirBNB</a>
  150. </p>
  151. </div>
  152. <%= image_tag 'plan.png', alt: 'Plan d’accès' %>
  153. </div>
  154. <div id="food" class="hide" data-modal="food">
  155. <p>
  156. Des foods-trucks seront présents tous les midis pendant le festival,
  157. de 11h30 à 15h30.
  158. </p>
  159. <p>
  160. Les menus proposés seront publiés ici-même dès que nous en aurons
  161. connaissance.
  162. </p>
  163. <p>
  164. Pas d’inquiétude pour nos ami·es carnistes, des menus spéciaux leurs
  165. seront proposés.
  166. </p>
  167. </div>
  168. <div id="coc" class="hide" data-modal="coc">
  169. <p>
  170. Le festival PSES a pour vocation d’être un bon moment pour tou·tes
  171. les participant·es, et non seulement la majorité.
  172. </p>
  173. <p>
  174. La participation à notre festival vaut approbation de notre code de
  175. conduite, disponible <%= link_to 'ici', 'code-of-conduct.pdf', title: 'Lire le code de conduite au format PDF' %>.
  176. <br>
  177. Toute personne l’enfreignant se verra immédiatement exclue du
  178. festival.
  179. </p>
  180. <p>
  181. La captation de vidéo ou de photo est soumise à l’<b>accord
  182. préalable</b>
  183. des personnes présentes.
  184. </p>
  185. <div class="grid-3 has-gutter center txtcenter mbm">
  186. <div>
  187. <%= image_tag 'no-harassment.png', alt: 'Pas de harcèlement' %>
  188. </div>
  189. <div>
  190. <%= image_tag 'no-camera.png', alt: 'Pas de caméra' %>
  191. </div>
  192. <div>
  193. <%= image_tag 'no-photo.png', alt: 'Pas de photo' %>
  194. </div>
  195. </div>
  196. </div>
  197. </section>