index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. <!DOCTYPE html>
  2. <!--
  3. Licensed to the Apache Software Foundation (ASF) under one
  4. or more contributor license agreements. See the NOTICE file
  5. distributed with this work for additional information
  6. regarding copyright ownership. The ASF licenses this file
  7. to you under the Apache License, Version 2.0 (the
  8. "License"); you may not use this file except in compliance
  9. with the License. You may obtain a copy of the License at
  10. http://www.apache.org/licenses/LICENSE-2.0
  11. Unless required by applicable law or agreed to in writing,
  12. software distributed under the License is distributed on an
  13. "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  14. KIND, either express or implied. See the License for the
  15. specific language governing permissions and limitations
  16. under the License.
  17. -->
  18. <html>
  19. <head>
  20. <meta charset="utf-8" />
  21. <meta name="format-detection" content="telephone=no" />
  22. <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
  23. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
  24. <!--meta http-equiv="Content-Security-Policy" content="default-src * 'self' gap: ; frame-src * 'self' gap: http: ; style-src * 'self' 'unsafe-inline' 'unsafe-eval'; script-src * 'self' 'unsafe-inline' 'unsafe-eval'; " /-->
  25. <title>I love xm24</title>
  26. <link rel="stylesheet" type="text/css" href="css/index.css" />
  27. <link rel="stylesheet" type="text/css" href="css/toastr.css" />
  28. <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.5.min.css" />
  29. <script type="text/javascript" src="js/vendor/jquery-1.10.2.min.js"></script>
  30. <script type="text/javascript" src="js/vendor/jquery.mobile-1.4.5.min.js"></script>
  31. <script type="text/javascript" src="js/vendor/xml2json.js"></script>
  32. <script type="text/javascript" src="js/vendor/toastr.js"></script>
  33. <script type="text/javascript" src="js/vendor/moment-with-locales.min.js"></script>
  34. <!--script src="js/swipe-page.js"></script-->
  35. <script type="text/javascript" src="js/main.js"></script>
  36. <script type="text/javascript" src="js/util.js"></script>
  37. <script type="text/javascript" src="js/query.js"></script>
  38. <script type="text/javascript" src="js/update.js"></script>
  39. <script type="text/javascript" src="js/tag.js"></script>
  40. <script type="text/javascript" src="js/search.js"></script>
  41. <script type="text/javascript" src="js/events.js"></script>
  42. <script type="text/javascript" src="js/crud.events.js"></script>
  43. <script type="text/javascript" src="js/push.js"></script>
  44. <script type="text/javascript" src="js/share.js"></script>
  45. <script type="text/javascript" src="js/progetti.js"></script>
  46. <script type="text/javascript" src="cordova.js"></script>
  47. </head>
  48. <body>
  49. <!--panel -->
  50. <div data-role="panel" data-position="left" id="outside" data-theme="a" data-position-fixed="true" data-display="overlay" data-swipe-close="true">
  51. <p><img src="image/xm-logo.png" class="panel_logo" /></p>
  52. <ul data-role="listview">
  53. <li><a class="nav" href="#info">Home</a></li>
  54. <li><a class="nav" href="#ilove">I love XM24</a></li>
  55. <li><a class="nav" href="#events">Eventi</a></li>
  56. <li><a class="nav" href="#laboratori">Laboratori</a></li>
  57. <li><a class="nav" href="#about">About</a></li>
  58. <li>
  59. <input type="text" class="cerca" value="" placeholder="Cerca" data-clear-btn="true" />
  60. </li>
  61. <li>
  62. <button onclick="cerca();" class="ui-btn ui-corner-all">Cerca su tutto il sito</button>
  63. </li>
  64. <hr/>
  65. <li data-icon="mail"><a href="mailto:info@digitigrafo.it" onclick="segnalaBug();">Hey, non mi funziona!</a></li>
  66. </ul>
  67. </div>
  68. <!--footer -->
  69. <div data-position="fixed" id="navfooter" data-role="footer" data-theme="b" role="contentinfo" class="hide ui-footer ui-bar-a ui-footer-fixed slideup">
  70. <ul>
  71. <li>
  72. <a data-rel="back" href="#" data-ajax="false">
  73. <h3>INDIETRO</h3>
  74. </a>
  75. </li>
  76. </ul>
  77. </div>
  78. <!--/navbar -->
  79. <div data-role="header" data-position="fixed" id="navheader">
  80. <div data-role="navbar" id="nav2" data-iconpos="left" data-theme="a">
  81. <ul class="downnav">
  82. <li>
  83. <a class="ui-mini" href="#outside" data-icon="bars">
  84. <img src="image/xm-logo.png" class="rwd" />
  85. </a>
  86. </li>
  87. </ul>
  88. </div>
  89. </div>
  90. <!-- /header -->
  91. <div data-role="page" id="info" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  92. <div role="main" class="ui-content">
  93. <div class="ui-body">
  94. <p class="introlettera">News</p>
  95. <p id="mostralistainfo" class="news listatovirgole listevoci">
  96. <span class="preload">
  97. <i>Non è stato attualmente caricato alcun contenuto</i>
  98. </span>
  99. </p>
  100. <!-- TODO: possiamo usare il l'id, occhio vanno cambiati i nomi degli attributi nella FONTE -->
  101. <button onclick="loadMore('info')">Altre News</button>
  102. </div>
  103. </div>
  104. </div><!--chiude content -->
  105. <div data-role="page" id="ilove" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  106. <div role="main" class="ui-content">
  107. <div class="ui-body">
  108. <p class="introlettera">I love Xm24</p>
  109. <p id="mostralistalove" class="news listatovirgole listevoci">
  110. <span class="preload">
  111. <i>Non è stato attualmente caricato alcun contenuto</i>
  112. </span>
  113. </p>
  114. <!-- TODO: possiamo usare il l'id, occhio vanno cambiati i nomi degli attributi nella FONTE -->
  115. <button onclick="loadMore('ilove')">Altre News</button>
  116. </div>
  117. </div>
  118. </div><!-- chiude pagina -->
  119. <div data-role="page" id="events" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  120. <div role="main" class="ui-content">
  121. <div class="ui-body">
  122. <p class="introlettera">Eventi</p>
  123. <p id="mostralista-34" class="listatovirgole listevoci">
  124. <i>Non sono stati attualmente caricati eventi.</i>
  125. </p>
  126. </div>
  127. </div>
  128. </div><!--chiude content -->
  129. <div data-role="page" id="laboratori" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  130. <div role="main" class="ui-content">
  131. <div class="ui-body">
  132. <p class="introlettera">Laboratori</p>
  133. <div data-role="tabs">
  134. <div data-role="navbar">
  135. <ul>
  136. <li><a href="#today" data-theme="a" class="ui-btn-active">Oggi</a></li>
  137. <li><a href="#mydate" data-theme="a">Data</a></li>
  138. <li><a href="#project" data-theme="a">Progetti</a></li>
  139. </ul>
  140. </div>
  141. <div id="today">
  142. <p class="listatovirgole listevoci">
  143. <i>Non sono stati attualmente caricati laboratori.</i>
  144. </p>
  145. </div>
  146. <div id="mydate">
  147. <p class="listatovirgole listevoci">
  148. <i>Non sono stati attualmente caricati laboratori.</i>
  149. </p>
  150. </div>
  151. <div id="project">
  152. <p class="listatovirgole listevoci">
  153. <i>Non sono stati attualmente caricati laboratori.</i>
  154. </p>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div><!--chiude content -->
  160. <div data-role="page" id="about" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  161. <div role="main" class="ui-content">
  162. <div class="ui-body">
  163. <center>
  164. <img src="image/xm-logo.png"/>
  165. </center>
  166. <p class="introlettera">About</p>
  167. <p class="listatovirgole listevoci">
  168. Xm24 è uno spazio pubblico autogestito di Bologna posizionato
  169. da 15 anni nel quartiere popolare Bolognina a pochi passi a
  170. nord della stazione. Quartiere che amiamo e di cui siamo orgogliosi.
  171. </p>
  172. <p class="listatovirgole listevoci">
  173. Il cuore dell'autogestione di Xm24 è l'assemblea pubblica che
  174. avviene ogni martedì. Xm24 organizza, grazie ai suoi collettivi,
  175. numerosi laboratori settimanali completamente gratuiti.
  176. Xm24 non ha mai preso denaro dal comune, per le sue attività
  177. si autofinanzia mediante iniziative culturali, sociali e ludiche.
  178. </p>
  179. <p class="listatovirgole listevoci">
  180. Il 30 dicembre l'amministrazione di Bologna non ha rinnovato
  181. ad Xm24 la convenzione e ha inviato il 25 gennaio un avviso
  182. allo spazio dove lo invita a lasciare lo spazio adducendo
  183. come motivazioni menzogne smentite più volte.
  184. <p class="listatovirgole listevoci">
  185. </p>
  186. La realtà è che il comune di Bologna pensa ad una bolognina
  187. non più popolare ma cuore nevralgico del capitalismo.
  188. <br><br>
  189. Per saperne di più vi rimandiamo agli articoli che potete leggere
  190. sul <a href="http://www.ecn.org/xm24">sito</a> o con questa applicazione.
  191. </p>
  192. <p class="listatovirgole listevoci">
  193. Abbiamo creato questa applicazione per migliorare la nostra
  194. capacità comunicativa, utilizzando i nuovi strumenti
  195. tecnologici, sia per i giorni di routine, ma anche per allertare,
  196. se mai ce ne dovesse essere bisogno, le persone solidali in
  197. caso di emergenza. Grazie!
  198. <br><br>
  199. <b>Noi non ce ne andiamo!</b>
  200. <br><br>
  201. <button id="init-btn" class="nav" href="#info">Avanti</button>
  202. </p>
  203. </div>
  204. </div>
  205. </div><!-- chiude pagina -->
  206. <!--<div data-role="page" id="quotidiano" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  207. <div role="main" class="ui-content">
  208. <div class="ui-body">
  209. <img onclick="myJsonRandomPost('#titolosingleR', '#mostracontentsingleR');" src="./image/RICARICA.png" style="float:right;width:80px;cursor:pointer;" />
  210. <p class="introlettera">Un diritto al giorno:</p>
  211. <p id="mostrapostrandom">
  212. <p class="introlettera" id="titolosingleR"></p>
  213. <p id="mostracontentsingleR" class="listatovirgole">
  214. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  215. </p>
  216. </p>
  217. </div>
  218. </div>
  219. </div>--><!--chiude content -->
  220. <div data-role="page" id="singleQpost" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  221. <div role="main" class="ui-content">
  222. <div class="ui-body">
  223. <p class="introlettera" id="titolosingle"></p>
  224. <p id="mostracontentsingle">
  225. <span class="preload">
  226. <i>Non è stato attualmente caricato alcun contenuto</i>
  227. </span>
  228. </p>
  229. </div>
  230. </div>
  231. </div><!-- chiude pagina -->
  232. <div data-role="page" id="ultime" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  233. <div role="main" class="ui-content">
  234. <div class="ui-body">
  235. <p class="introlettera">ultime novità</p>
  236. <p id="mostralistaultime" class="listatovirgole listevoci">
  237. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  238. </p>
  239. </div>
  240. </div>
  241. </div><!-- chiude pagina -->
  242. <div data-role="page" id="tag" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  243. <div role="main" class="ui-content">
  244. <div class="ui-body">
  245. <p class="introlettera">Naviga per tag</p>
  246. <p id="mostralistaTag" class="listatovirgole">
  247. <img class="gifloader" src="./image/ajax_loader_red_512.gif" />
  248. </p>
  249. </div>
  250. </div>
  251. </div><!-- chiude pagina -->
  252. <div data-role="page" id="posttag" data-transition="slide" data-prev="" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  253. <div role="main" class="ui-content">
  254. <div class="ui-body">
  255. <p class="introlettera">TAG:</p>
  256. <p class="introlettera" id="tagtitle"></p>
  257. <p id="tagpostlist" class="listatovirgole listevoci">
  258. <!-- <img class="gifloader" src="./image/ajax_loader_red_512.gif" /> -->
  259. </p>
  260. </div>
  261. </div>
  262. </div><!-- chiude pagina -->
  263. <div data-role="page" id="cerca" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  264. <div role="main" class="ui-content">
  265. <div class="ui-body">
  266. <p class="introlettera">Risultati della ricerca</p>
  267. <p class="listresult listatovirgole listevoci"></p>
  268. </div>
  269. </div>
  270. </div><!-- chiude pagina -->
  271. <div data-role="page" id="alert" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
  272. <div role="main" class="ui-content">
  273. <div class="ui-body" style="text-align: center">
  274. <p>
  275. <img src="image/xm-logo.png" class="rwd" />
  276. </p>
  277. <h1 class="introlettera" id="alert-title"></h1>
  278. <h2 id="alert-message"></h2>
  279. </div>
  280. </div>
  281. </div><!-- chiude pagina -->
  282. </body>
  283. </html>