This commit is contained in:
kiki 2016-08-16 17:31:44 +02:00
parent 4c8a9f624a
commit 187ccfe008
2 changed files with 27 additions and 107 deletions

View file

@ -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;
}

View file

@ -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">