manuale

furgaclient/www/css/index.css

@@ -16,100 +16,3 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-* {
-    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-}
-
-body {
-    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
-    background-color:#E4E4E4;
-    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
-    background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
-    background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
-    background-image:-webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        color-stop(0, #A7A7A7),
-        color-stop(0.51, #E4E4E4)
-    );
-    background-attachment:fixed;
-    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
-    font-size:12px;
-    height:100%;
-    margin:0px;
-    padding:0px;
-    text-transform:uppercase;
-    width:100%;
-}
-
-/* Portrait layout (default) */
-.app {
-    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
-    position:absolute;             /* position in the center of the screen */
-    left:50%;
-    top:50%;
-    height:50px;                   /* text area height */
-    width:225px;                   /* text area width */
-    text-align:center;
-    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
-    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
-                                   /* offset horizontal: half of text area width */
-}
-
-/* Landscape layout (with min-width) */
-@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
-    .app {
-        background-position:left center;
-        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
-        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
-                                      /* offset horizontal: half of image width and text area width */
-    }
-}
-
-h1 {
-    font-size:24px;
-    font-weight:normal;
-    margin:0px;
-    overflow:visible;
-    padding:0px;
-    text-align:center;
-}
-
-.event {
-    border-radius:4px;
-    -webkit-border-radius:4px;
-    color:#FFFFFF;
-    font-size:12px;
-    margin:0px 30px;
-    padding:2px 0px;
-}
-
-.event.listening {
-    background-color:#333333;
-    display:block;
-}
-
-.event.received {
-    background-color:#4B946A;
-    display:none;
-}
-
-@keyframes fade {
-    from { opacity: 1.0; }
-    50% { opacity: 0.4; }
-    to { opacity: 1.0; }
-}
-
-@-webkit-keyframes fade {
-    from { opacity: 1.0; }
-    50% { opacity: 0.4; }
-    to { opacity: 1.0; }
-}
-
-.blink {
-    animation:fade 3000ms infinite;
-    -webkit-animation:fade 3000ms infinite;
-}

furgaclient/www/index.html

@@ -47,34 +47,51 @@
         <div data-role="content" data-theme="a">
             <!--poi facciamo in modo che venga nascosto questo paragrafo: Istruzioni e perchè:-->
 
-            <h1>Semplifichiamoci la vita!</h1>
-            <h2>Usiamo insieme una cosa e sfruttiamo uno software per calcolare le quote che ciascuno di noi deve per l'utilizzo della nostra risorsa in comune</h2>
+            <h2>Share is care! Condividere è prendersi cura di qualcosa.</h2>
+            <h3>Usiamo insieme un oggetto e sfruttiamo uno software per calcolare le quote che ciascuno di noi deve per l'utilizzo della nostra risorsa in comune.</h3>
             <pre>Gestione comune di un bene</pre>
-            <p>Per esempio: abbiamo un camper e lo vogliamo usare in 4. Sappiamo che ogni anno paghiamo 600 euro di assicurazione, 100 euro di bollo e circa 600 euro di manutenzione (cambio gomme o olio o imprevisti). Quindi ad inizio accordo necessitiamo di 600+100+600 diviso 4 persone = 325 euro a testa, che versiamo subito nella cassa comune. La cifra versata è per circa 90 giorni d'uso a testa (365 diviso 4, ovvero i partecipanti).</p>
+            <p>Per esempio: abbiamo un camper e lo vogliamo usare in 4. Sappiamo che ogni anno paghiamo 600 euro di assicurazione, 100 euro di bollo e circa 600 euro di manutenzione (cambio gomme o olio o imprevisti). Quindi ad inizio accordo necessitiamo di 600+100+600 diviso 4 persone = 325 euro a testa, che versiamo subito nella cassa comune. La cifra versata è per circa 90 giorni d'uso a testa all'anno (365 diviso 4, ovvero i partecipanti).</p>
             <p>A fine stagione o a fine anno, facciamo però i conguagli, ovvero, chi lo ha usato di più da qualche soldo a chi lo ha usato di meno. Per esempio, Giulia lo ha usato 23 giorni, Giacomo e consorte 14 giorni, Mirco e figli 12 giorni, mentre Lucia, che è una appassionata di pesca, lo ha usato 200 giorni. Sono rimasti 116 giorni di inutilizzo, che vanno divisi equamente tra tutti i partecipanti all'accordo.</p>
-            <p>Quindi abbiamo le quote di uso esclusivo per singolo giorno: ;
-            <br/>e le quote singole per i giorni di inutilizzo: .
-            ShareFine ogni volta che gli chiedi il conguaglio ti fa la differenza tra quello che hai versato come quota iniziale e quello che devi al gruppo in base al reale utilizzo che ne hai fatto del mezzo, senza dimenticare i giorni in cui è stato fermo e che quindi pagano tutti.</p>
+            <p>Quindi abbiamo le quote di uso esclusivo per singolo giorno: 3.56 euro;
+                <br/>e le quote singole per i giorni di inutilizzo: 0.89 euro. ShareFine ogni volta che gli chiedi il conguaglio ti fa la differenza tra quello che hai versato come quota iniziale e quello che devi al gruppo in base al reale utilizzo che ne hai fatto del bene, senza dimenticare i giorni in cui è stato fermo e che quindi pagano tutti.</p>
+            <p>Quindi Giulia (23 giorni) spenderà 185.20; Giacomo (14 giorni) 153,15; Mirco (12 giorni) 146,03 e Lucia (200 giorni) 815,62. ShareFine ti indica anche le differenze in base alla quota iniziale o a quanto hai già versato.</p>
+            <p>Non abbiamo considerato la benzina perchè ognuno dovrà pagare la sua, possiamo consigliare per nostra esperienza, che è sempre meglio accordarsi per lasciarlo con il pieno quando lo si rimette nel parcheggio concordato. Tutte le altre questioni: pulizia, accessori, prenotazioni e provviste ... vi consigliamo di risolverle parlandosi piuttosto che lasciando biglietti in giro o utilizzando un PC!
+                <br/> Se avete commenti, vi piace, vorreste farlo meglio, scrivete a sharefine@digitigrafo.it</p>
             <h2>Riassunto</h2>
             <p>Per impostare la condivisione ti verrà chiesto all'inizio:</p>
             <ul>
                 <li>quali sono le spese annuali</li>
                 <li>una quota annuale per la manutenzione del bene</li>
                 <li>quanti siete che lo condividete</li>
+                <li>dei nomi/etichette per distinguere chi lo usa</li>
             </ul>
             <p>Man mano dovrete raccogliere queste informazioni:</p>
             <ul>
                 <li>quanto versa ognuno</li>
                 <li>quanti giorni di utilizzo di ognuno</li>
+                <li>se dovesse capitare, altre ventuali spese non considerate</li>
             </ul>
-            <small>Potrebbe bastare un diario o calendario tenuto vicino al mezzo o in garage</small>
+            <small>Potrebbe bastare un diario o calendario tenuto vicino all'oggetto o in luogo concordato</small>
             <p>ShareFine ti da questi risultati:</p>
             <ul>
                 <li>quote da versare all'inizio</li>
                 <li>i conguagli in base all'uso</li>
             </ul>
-<p>Non abbiamo considerato la benzina perchè ognuno dovrà pagare la sua, possiamo consigliare per nostra esperienza, che è sempre meglio accordarsi per lasciarlo con il pieno quando lo si rimette nel parcheggio concordato. Tutte le altre questioni: pulizia, accessori, prenotazioni e provviste ... vi consigliamo di risolvere parlandosi piuttosto che utilizzando un PC! Se avete commenti, vi piace, vorreste farlo meglio, scrivete a sharefine@digitigrafo.it</p>
-            <label for="slider1">Input slider:</label>
+
+            <h2>Obiettivi:</h2>
+            <ul>
+                <li>usare le risorse piuttosto che lasciarle ferme</li>
+                <li>educarci al condividere</li>
+                <li>imparare a far manutenzione agli oggetti</li>
+                <li>condividere conoscenze, passioni e idee</li>
+            </ul>
+
+            <h2>Domande comuni:</h2>
+            <ul>
+                <li>Se si aggiunge qualcuno?</li>
+                <li> Se è un progetto annuale, aggiungete e basta, se è un progetto a tempo definito vi consigliamo di fare un conguaglio, chiudere quel progetto ed iniziarne uno nuovo con un numero di utenti diverso.</li>
+            </ul>
+            <!--label for="slider1">Input slider:</label>
             <input type="range" name="slider1" id="slider1" value="50" min="0" max="100" data-theme="a" />
             <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
                 <legend>Settings:</legend>
@@ -82,7 +99,7 @@
                 <label for="radio-choice-a1">On</label>
                 <input type="radio" name="radio-choice-a1" id="radio-choice-b1" value="off" />
                 <label for="radio-choice-b1">Off</label>
-            </fieldset>
+            </fieldset-->
         </div>
     </div>
     <!--div class="app">