Le repo des sources pour le site web des JM2L
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
 
 
 
 
 

79 lignes
4.0 KiB

  1. <%inherit file="jm2l:templates/layout.mako"/>
  2. <%def name="jsAddOn()">
  3. <script src="/vendor/timeline/js/timeline-src.js"></script>
  4. <script>
  5. var timeline = new VMM.Timeline("timeline", '95%', '500px');
  6. var c = {language:{ lang:"fr",api:{wikipedia:"fr"},date:{month:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],month_abbr:["janv.","févr.","mars","avril","mai","juin","juil.","août","sept.","oct.","nov.","dec."],day:["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"],day_abbr:["Dim.","Lu.","Ma.","Me.","Jeu.","Vend.","Sam."]},dateformats:{year:"yyyy",month_short:"mmm",month:"mmmm yyyy",full_short:"d mmm",full:"d mmmm yyyy",time_short:"HH:MM:SS",time_no_seconds_short:"HH:MM",time_no_seconds_small_date:"HH:MM'<br/><small>'d mmmm yyyy'</small>'",full_long:"dddd',' d mmm yyyy 'à' HH:MM",full_long_small_date:"HH:MM'<br/><small>'dddd',' d mmm yyyy'</small>'"},messages:{loading_timeline:"Chargement de la frise en cours... ",return_to_title:"Retour à la page d'accueil",expand_timeline:"Elargir la frise",contract_timeline:"Réduire la frise",wikipedia:"Extrait de Wikipedia, l'encyclopédie libre",loading_content:"Chargement",loading:"Chargement",swipe_nav:"Swipe to Navigate"}}};
  7. timeline.init(c, "/2015/timeline-json");
  8. </script>
  9. </%def>
  10. <%def name="cssAddOn()">
  11. <!-- The default timeline stylesheet -->
  12. <link rel="stylesheet" href="/vendor/timeline/css/timeline.css" />
  13. <style>
  14. .enum li {
  15. list-style-type: none;
  16. background-image: url(/img/puce.png);
  17. background-repeat: no-repeat;
  18. background-position: 0 6px;
  19. padding-left: 16px;
  20. }
  21. </style>
  22. </%def>
  23. <H2 style="text-align: center;" class="shadow">9<sup>ème</sup> édition des JM2L</H2>
  24. <br>
  25. <div class="row-fluid">
  26. <div class="span4 offset1">
  27. <blockquote>
  28. Le 28 Novembre 2015 aura lieu la 9<sup>ème</sup> édition des Journées Méditerranéennes du Logiciel Libre (JM2L) à
  29. Polytech'Nice destinée à tout public.
  30. </blockquote>
  31. Le thème de cette année sera « Do It Yourself » ou « Faîtes le vous-même » :
  32. <ul class="enum">
  33. <li>Migration vers les logiciels libres</li>
  34. ## <li>Libres enfants du numérique : jeux et loisirs pour les juniors.</li>
  35. ## <li>Gérer ses données personnelles</li>
  36. <li>Do It Yourself (jeux vidéos, fablabs…)</li>
  37. <li>Culture libre</li>
  38. ## <li>Communautés du libre</li>
  39. </ul>
  40. </div>
  41. <div class="span4 offset1">
  42. <p>
  43. Nous faisons appel aux acteurs du numérique libre pour alimenter le programme des conférences/ateliers :
  44. <br>
  45. Vous pouvez nous faire parvenir vos propositions directement via le menu <a href="/participer-l-evenement">participer.</a>
  46. <br>
  47. Si vous souhaitez échanger avec le public et partager un bon moment avec la communauté, <a href="/participer-l-evenement#inscription">inscrivez-vous !</a>
  48. <br>
  49. Vous pouvez d'ores et déjà synchroniser votre calendrier avec <a href="/2015/JM2L.ics">notre fichier ical JM2L 2015</a>
  50. </p>
  51. </div>
  52. </div>
  53. ## Nous vous proposons plusieurs formats de contribution :
  54. ## <ul class="enum">
  55. ## <li>Stands au sein du village associatif</li>
  56. ## <li>Conférences de 20 à 70 minutes suivies d’un échange</li>
  57. ## <li>Ateliers de 45 minutes ou 1h15</li>
  58. ## <li>Démos de vos matériels, logiciels ou projets libres</li>
  59. ## <li>Animations ouvertes</li>
  60. ## <li>Vous pouvez aussi aider l'équipe à la logistique.</li>
  61. ## </ul>
  62. ## <p>
  63. ## Il sera bien sûr possible de combiner plusieurs formats (par exemple, une démo ou une conférence suivie
  64. ## d’un atelier).
  65. ## </p>
  66. <div class="row-fluid">
  67. <div class="span12">
  68. <!-- TimeLine -->
  69. <div id="timeline"></div>
  70. </div>
  71. </div>
  72. <div class="row-fluid">
  73. <div style="height:500px">
  74. </div>
  75. </div>