-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (134 loc) · 6.26 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: "home"
title: "home"
---
<!-- CONTAINER CON IL RESTO DELLA PAGINA -->
<div class="container grow">
<h3>Cos'e' Progetto201 ?</h3>
<p>
Progetto201 e' un sistema di monitoraggio dei sensori.
Puo' rilevare temperatura e umidita' e permette di espandere
il sistema con altre tipologie di sensori.
</p>
<hr>
{% include html/difference.html %}
<hr>
{% include html/docs.html %}
<hr>
<h3>Come iniziare</h3>
<blockquote>
Anche se questo e' il successore del progetto 100+100 potrebbe essere utile leggere la sua documentazione per capire
il funzionamento alla base del progetto201. (a destra e' presente l'indice dei contenuti)
<a class="btn orange lighten-2" href="https://github.com/mario33881/progetto_100/wiki">Wiki del progetto 100+100</a>
</blockquote>
<p>
Per la guida su come iniziare relativa al progetto201
<a class="btn orange lighten-2" href="/start.html">Clicca qui</a>
o clicca su "Come iniziare" nella sidenav a sinistra.
(su smartphone occorre premere il pulsante hamburger <i class="material-icons">menu</i> a sinistra del titolo della pagina
o eseguire uno swipe dal bordo a sinistra della pagina verso destra)
</p>
<hr>
<h3>Come personalizzare la planimetria</h3>
<p>
E' possibile personalizzare la planimetria disegnandola con software per l'editing di documenti SVG (Scalable Vector Graphics)
come <a href="https://inkscape.org/">Inkscape</a> oppure con software CAD come AutoCAD e convertire il formato
in formato SVG.
</p>
<p>
Per la guida su come personalizzare la planimetria
<a class="btn orange lighten-2" href="/floorplan.html">Clicca qui</a>
o clicca su "Personalizzare planimetria" nella sidenav a sinistra.
(su smartphone occorre premere il pulsante hamburger <i class="material-icons">menu</i> a sinistra del titolo della pagina
o eseguire uno swipe dal bordo a sinistra della pagina verso destra)
</p>
<hr>
<h3>Idee e modifiche</h3>
<p>
E' possibile visualizzare la pagina con idee, miglioramenti, considerazioni riguardo
al progetto201 <a class="btn orange lighten-2" href="/ideas.html">Cliccando qui</a>
o clicca su "Idee e modifiche" nella sidenav a sinistra.
(su smartphone occorre premere il pulsante hamburger <i class="material-icons">menu</i> a sinistra del titolo della pagina
o eseguire uno swipe dal bordo a sinistra della pagina verso destra)
</p>
<hr>
<h3>Navigazione della wiki</h3>
<p>
Qui vengono elencate alcune caratteristiche della wiki:
</p>
<ul class="collection">
<li class="collection-item">
Se JavaScript e' abilitato, e' possibile cliccare sulle immagini per ingrandirle
</li>
<li class="collection-item">
<p>
Se JavaScript e' abilitato (e la pagina contiene molto contenuto), e' possibile premere il pulsante:
<div class=" not-selectable">
<a class="btn-floating btn-large orange lighten-2">
<i class="large material-icons">expand_less</i>
</a>
</div>
</p>
<p>
Per tornare a inizio pagina.
</p>
</li>
<li class="collection-item">
Se e' presente l'indice dei contenuti nella pagina, e' possibile cliccare le sue voci per andare in quella sezione della pagina
</li>
<li class="collection-item">
<p>
Se JavaScript e' abilitato ed e' presente questa icona vicino ad un titolo della sezione:
</p>
<span class="material-icons not-selectable">
link
</span>
<p>
E' possibile cliccare l'icona per copiare nella clipboard l'URL della sezione.
</p>
<p>
A questo punto e' possibile incollare l'URL per condividerlo o per memorizzarlo. Quando sara' aperto portera' la pagina automaticamente alla sezione.
</p>
</li>
<li class="collection-item">
<p>
Se JavaScript e' abilitato e si utilizza un browser moderno e' possibile visualizzare la documentazione anche offline.
</p>
<blockquote>
NOTA: tutte le pagine diverse da quella principale (questa) verranno memorizzate solo se sono visualizzate mentre si e' online
</blockquote>
<p>
Su smartphone apparira' un invito ad aggiungere l'applicazione alla home.
</p>
</li>
<li class="collection-item">
<p>
Se JavaScript e' abilitato e' possibile modificare la velocita' dei video attraverso questi pulsanti (presenti sotto ai video):
</p>
<div class="videospeed-controller" style="display: flex;">
<a class="btn orange lighten-2"
style="width: calc(33.33% - 5px);margin-right: 5px;display: flex;justify-content: center;" >
<i class="material-icons">fast_rewind</i>
<span class="msg-speed">Velocita' </span> 0.5
</a>
<a class="btn orange lighten-2"
style="width: 33.33%;">
<span class="msg-speed">Velocita' </span> 1.0
</a>
<a class="btn orange lighten-2"
style="width: calc(33.33% - 5px);margin-left: 5px;display: flex;justify-content: center;" >
<span class="msg-speed">Velocita' </span> 1.5
<i class="material-icons">fast_forward</i>
</a>
</div>
<p>
Dopo aver premuto uno dei pulsanti e il pulsante play del video, il video andra' alla velocita' desiderata.
</p>
<blockquote>
E' possibile modificare la velocita' del video in ogni momento
</blockquote>
</li>
</ul>
</div>