Ilovexm24/www/index.html

307 lines
15 KiB
HTML

<!DOCTYPE html>
<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
-->
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<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" />
<!--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'; " /-->
<title>I love xm24</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/toastr.css" />
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="js/vendor/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/vendor/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="js/vendor/xml2json.js"></script>
<script type="text/javascript" src="js/vendor/toastr.js"></script>
<script type="text/javascript" src="js/vendor/moment-with-locales.min.js"></script>
<!--script src="js/swipe-page.js"></script-->
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/query.js"></script>
<script type="text/javascript" src="js/update.js"></script>
<script type="text/javascript" src="js/tag.js"></script>
<script type="text/javascript" src="js/search.js"></script>
<script type="text/javascript" src="js/events.js"></script>
<script type="text/javascript" src="js/crud.events.js"></script>
<script type="text/javascript" src="js/push.js"></script>
<script type="text/javascript" src="js/share.js"></script>
<script type="text/javascript" src="js/progetti.js"></script>
<script type="text/javascript" src="cordova.js"></script>
</head>
<body>
<!--panel -->
<div data-role="panel" data-position="left" id="outside" data-theme="a" data-position-fixed="true" data-display="overlay" data-swipe-close="true">
<p><img src="image/ilovexm24_menu.png" class="panel_logo" /></p>
<ul data-role="listview">
<li><a class="nav" href="#info">Home</a></li>
<li><a class="nav" href="#ilove">I love XM24</a></li>
<li><a class="nav" href="#events">Eventi</a></li>
<li><a class="nav" href="#laboratori">Laboratori</a></li>
<li><a class="nav" href="#about">About</a></li>
<li>
<input type="text" class="cerca" value="" placeholder="Cerca" data-clear-btn="true" />
</li>
<li>
<button onclick="cerca();" class="ui-btn ui-corner-all">Cerca su tutto il sito</button>
</li>
<hr/>
<li data-icon="mail"><a href="mailto:info@digitigrafo.it" onclick="segnalaBug();">Hey, non mi funziona!</a></li>
</ul>
</div>
<!--footer -->
<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">
<ul>
<li>
<a data-rel="back" href="#" data-ajax="false">
<h3>INDIETRO</h3>
</a>
</li>
</ul>
</div>
<!--/navbar -->
<div data-role="header" data-position="fixed" id="navheader">
<div data-role="navbar" id="nav2" data-iconpos="left" data-theme="a">
<ul class="downnav">
<li>
<a class="ui-mini" href="#outside" data-icon="bars">
<img src="image/xm-logo.png" class="rwd" />
</a>
</li>
</ul>
</div>
</div>
<!-- /header -->
<div data-role="page" id="info" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">News</p>
<p id="mostralistainfo" class="news listatovirgole listevoci">
<span class="preload">
<i>Non è stato attualmente caricato alcun contenuto</i>
</span>
</p>
<!-- TODO: possiamo usare il l'id, occhio vanno cambiati i nomi degli attributi nella FONTE -->
<button onclick="loadMore('info')">Altre News</button>
</div>
</div>
</div><!--chiude content -->
<div data-role="page" id="ilove" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">I love Xm24</p>
<p id="mostralistalove" class="news listatovirgole listevoci">
<span class="preload">
<i>Non è stato attualmente caricato alcun contenuto</i>
</span>
</p>
<!-- TODO: possiamo usare il l'id, occhio vanno cambiati i nomi degli attributi nella FONTE -->
<button onclick="loadMore('ilove')">Altre News</button>
</div>
</div>
</div><!-- chiude pagina -->
<div data-role="page" id="events" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Eventi</p>
<p id="mostralista-34" class="listatovirgole listevoci">
<i>Non sono stati attualmente caricati eventi.</i>
</p>
</div>
</div>
</div><!--chiude content -->
<div data-role="page" id="laboratori" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Laboratori</p>
<div data-role="tabs">
<div data-role="navbar">
<ul>
<li><a href="#today" data-theme="a" class="ui-btn-active">Oggi</a></li>
<li><a href="#mydate" data-theme="a">Data</a></li>
<li><a href="#project" data-theme="a">Progetti</a></li>
</ul>
</div>
<div id="today">
<p class="listatovirgole listevoci">
<i>Non sono stati attualmente caricati laboratori.</i>
</p>
</div>
<div id="mydate">
<p class="listatovirgole listevoci">
<i>Non sono stati attualmente caricati laboratori.</i>
</p>
</div>
<div id="project">
<p class="listatovirgole listevoci">
<i>Non sono stati attualmente caricati laboratori.</i>
</p>
</div>
</div>
</div>
</div>
</div><!--chiude content -->
<div data-role="page" id="about" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<center>
<img src="image/xm-logo.png"/>
</center>
<p class="introlettera">About</p>
<p class="listatovirgole listevoci">
Xm24 è uno spazio pubblico autogestito di Bologna posizionato
da 15 anni nel quartiere popolare Bolognina a pochi passi a
nord della stazione. Quartiere che amiamo e di cui siamo orgogliosi.
</p>
<p class="listatovirgole listevoci">
Il cuore dell'autogestione di Xm24 è l'assemblea pubblica che
avviene ogni martedì. Xm24 organizza, grazie ai suoi collettivi,
numerosi laboratori settimanali completamente gratuiti.
Xm24 non ha mai preso denaro dal comune, per le sue attività
si autofinanzia mediante iniziative culturali, sociali e ludiche.
</p>
<p class="listatovirgole listevoci">
Il 30 dicembre l'amministrazione di Bologna non ha rinnovato
ad Xm24 la convenzione e ha inviato il 25 gennaio un avviso
allo spazio dove lo invita a lasciare lo spazio adducendo
come motivazioni menzogne smentite più volte.
<p class="listatovirgole listevoci">
</p>
La realtà è che il comune di Bologna pensa ad una bolognina
non più popolare ma cuore nevralgico del capitalismo.
<br><br>
Per saperne di più vi rimandiamo agli articoli che potete leggere
sul <a href="http://www.ecn.org/xm24">sito</a> o con questa applicazione.
</p>
<p class="listatovirgole listevoci">
Abbiamo creato questa applicazione per migliorare la nostra
capacità comunicativa, utilizzando i nuovi strumenti
tecnologici, sia per i giorni di routine, ma anche per allertare,
se mai ce ne dovesse essere bisogno, le persone solidali in
caso di emergenza. Grazie!
<br><br>
<b>Noi non ce ne andiamo!</b>
<br><br>
<button id="init-btn" class="nav" href="#info">Avanti</button>
</p>
</div>
</div>
</div><!-- chiude pagina -->
<!--<div data-role="page" id="quotidiano" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<img onclick="myJsonRandomPost('#titolosingleR', '#mostracontentsingleR');" src="./image/RICARICA.png" style="float:right;width:80px;cursor:pointer;" />
<p class="introlettera">Un diritto al giorno:</p>
<p id="mostrapostrandom">
<p class="introlettera" id="titolosingleR"></p>
<p id="mostracontentsingleR" class="listatovirgole">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</p>
</div>
</div>
</div>--><!--chiude content -->
<div data-role="page" id="singleQpost" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera" id="titolosingle"></p>
<p id="mostracontentsingle">
<span class="preload">
<i>Non è stato attualmente caricato alcun contenuto</i>
</span>
</p>
</div>
</div>
</div><!-- chiude pagina -->
<div data-role="page" id="ultime" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">ultime novità</p>
<p id="mostralistaultime" class="listatovirgole listevoci">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
</div>
</div><!-- chiude pagina -->
<div data-role="page" id="tag" data-transition="slide" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Naviga per tag</p>
<p id="mostralistaTag" class="listatovirgole">
<img class="gifloader" src="./image/ajax_loader_red_512.gif" />
</p>
</div>
</div>
</div><!-- chiude pagina -->
<div data-role="page" id="posttag" data-transition="slide" data-prev="" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">TAG:</p>
<p class="introlettera" id="tagtitle"></p>
<p id="tagpostlist" class="listatovirgole listevoci">
<!-- <img class="gifloader" src="./image/ajax_loader_red_512.gif" /> -->
</p>
</div>
</div>
</div><!-- chiude pagina -->
<div data-role="page" id="cerca" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body">
<p class="introlettera">Risultati della ricerca</p>
<p class="listresult listatovirgole listevoci"></p>
</div>
</div>
</div><!-- chiude pagina -->
<div data-role="page" id="alert" data-prev="index" data-next="" data-dom-cache="true" data-theme="a" class="ui-page">
<div role="main" class="ui-content">
<div class="ui-body" style="text-align: center">
<p>
<img src="image/xm-logo.png" class="rwd" />
</p>
<h1 class="introlettera" id="alert-title"></h1>
<h2 id="alert-message"></h2>
</div>
</div>
</div><!-- chiude pagina -->
</body>
</html>