COGNHACKER - LAB
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

127 рядки
6.7 KiB

  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <title>Cognhacker - INFORMATIONS</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="../../css/bootstrap.css">
  8. <link rel="stylesheet" href="../../css/bootstrap-icons.css">
  9. <script src="../../js/bootstrap.bundle.min.js"></script>
  10. <script src="../../js/jquery.min.js"></script>
  11. </head>
  12. <body>
  13. <div class="container-fluid"><br/><br/></div>
  14. <div class="container-fluid">
  15. <img src="../../img/logo-min.png" class="img-fluid" alt="Cognhacker logo">
  16. </div>
  17. <div class="container-fluid"><br/><br/></div>
  18. <div class="container-fluid">
  19. <h1>INFORMATIONS</h1>
  20. <hr/>
  21. <p>Bienvenue dans le Laboratoire virtuel des Geeks de la ville de Cognac !<br/>
  22. Ce lieu d’échange est le point de rencontre réservé aux membres de Cognhacker, permettant à chacun d’échanger et de partager ses projets et ressources.</p>
  23. </div>
  24. <div class="accordion" id="FAQ">
  25. <div class="accordion-item">
  26. <h2 class="accordion-header" id="heading1">
  27. <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
  28. Pourquoi un lieu virtuel ?
  29. </button>
  30. </h2>
  31. <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#FAQ" style="">
  32. <div class="accordion-body">
  33. <p>
  34. La location d’un local sur Cognac est contraignante et difficile à pérenniser pour réunir des bidouilleurs et leur nombreuses machines et outils.<br/>
  35. Les rares <abbr title="Le FabLab, de la contraction laboratoire de fabrication, est un lieu ouvert au public mettant à la disposition de ce dernier un arsenal de machines et d’outils utilisés pour la conception et la réalisation d’objets de toutes sortes.
  36. La population ciblée se démarque par la richesse de ses profils à l’âme de « bidouilleur » désireux d’expérimenter et d’enrichir leurs connaissances.">FabLabs</abbr> qui ont existé dans la ville ont tous fermé.
  37. </p>
  38. <p>
  39. C’est ainsi qu’est née l’idée de créer un espace décentralisé ou chaque bidouilleur peut partager ses ressources dont ils disposent chez eux, via des accès à distances matérialisées dans ce Labo virtuel.<br/>
  40. Si nous avons la chance d’accéder à un local physique sur Cognac pendant un temps, ce dernier est également virtualisé ici, afin d’être piloté à distance autant que possible.
  41. </p>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="accordion-item">
  46. <h2 class="accordion-header" id="heading2">
  47. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
  48. Comment devenir membre et participer a l’aventure ?
  49. </button>
  50. </h2>
  51. <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#FAQ" style="">
  52. <div class="accordion-body">
  53. <p>
  54. Vous êtes un Bidouilleur ? Geek ? Makeur ? Bricoleur ? Adepte du DIY ? Passionné touche à tout ?<br/>
  55. Si vous habitez proche de la ville de Cognac, alors faisons vite connaissance ! Plus on est de fou, plus on fait des dingueries !
  56. </p>
  57. <p>
  58. <a target="_blank" rel="noopener" class="nav-link" href="https://discord.com/invite/2JgB6ppdw2"><button type="button" class="btn btn-primary"><i class="bi bi-discord"></i> Nous rejoindre sur Discord</button></a>
  59. <p class="text-success">Le digicode pour ouvrir la porte du Labo vous sera communiqué de vive voix, durant l’apéro !</p>
  60. </p>
  61. </div>
  62. <div class="card border-info mb-3" style="max-width: 21rem;">
  63. <div class="card-body">
  64. <iframe src="https://discord.com/widget?id=1061483128960581652&theme=dark" width="300" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="accordion-item">
  70. <h2 class="accordion-header" id="heading3">
  71. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
  72. Comment fonctionne le Labo ?
  73. </button>
  74. </h2>
  75. <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#FAQ" style="">
  76. <div class="accordion-body">
  77. <p>
  78. <ul>
  79. <li>La technologie utilisée s’appelle <a target="_blank" href="https://workadventu.re">WorkAdventure</a>, cette dernière est capable d’interagir avec tout ce qui est exposé sur le web depuis un espace virtuel totalement personnalisable.</li>
  80. <li>Le code source du Labo est ouvert et les membres le font évoluer afin d’y partager leurs propres ressources ! La salle sur votre gauche est le point de départ pour apprendre le fonctionnement technique.</li>
  81. <li>Dans le Labo, chaque membre dispose de sa propre salle personnelle où ce dernier y expose ce qu’il veut.</li>
  82. <li>Le virtuel nous affranchit de toutes les contraintes d’un local physique : l’imagination est la seule limite !</li>
  83. </ul>
  84. </p>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="accordion-item">
  89. <h2 class="accordion-header" id="heading4">
  90. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
  91. Commbien ca coute ?
  92. </button>
  93. </h2>
  94. <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#FAQ" style="">
  95. <div class="accordion-body">
  96. <p>
  97. Pour le moment il faut nous inviter à prendre l’apéro.
  98. </p>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="accordion-item">
  103. <h2 class="accordion-header" id="heading5">
  104. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
  105. Et si je ne suis pas un bidouilleur ?
  106. </button>
  107. </h2>
  108. <div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5" data-bs-parent="#FAQ" style="">
  109. <div class="accordion-body">
  110. <p>
  111. Nous apprécions aussi la compagnie des Moldus.
  112. </p>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </body>
  118. </html>