Browse Source

added fonts and todo.md

Federico Bonelli 2 years ago
parent
commit
1587297bab

+ 48 - 45
admin.html

@@ -28,7 +28,7 @@
28 28
                         <span class="icon-bar"></span>
29 29
                         <span class="icon-bar"></span>
30 30
                     </button>
31
-                    <a class="navbar-brand" href="#">DOWSE WEB UI</a>
31
+                    tion.html
32 32
                 </div>
33 33
                 <div id="navbar" class="collapse navbar-collapse">
34 34
                     <ul class="nav navbar-nav">
@@ -45,7 +45,7 @@
45 45
                             <a href="#contact">Installers</a>
46 46
                         </li>
47 47
                         <li>
48
-                            <a href="#contact">Documentation</a>
48
+                            <a href="documentation.html">Documentation</a>
49 49
                         </li>
50 50
                     </ul>
51 51
                 </div>
@@ -59,71 +59,73 @@
59 59
                     <h3>DOWSE STATUS</h3>
60 60
                     <button type="button" class="btn btn-default">BLOCK THE MF!</button>
61 61
                     <div class=".btn-dowse" class="dowseStatus">GREEN</div>
62
-                    <p>do you want to block the whole network?</p> 
62
+                    <p>do you want to block the whole network?</p>
63 63
                 </div>
64 64
                 <div class="col-md-4">
65
-                    <form role="form"> 
66
-                        <div class="form-group"> 
67
-                            <label class="control-label" for="exampleInputEmail1">Email address</label>                             
68
-                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="your email here"> 
69
-                        </div>                         
70
-                        <div class="form-group"> 
71
-                            <label class="control-label" for="exampleInputName">Your name</label>                             
72
-                            <input type="name" class="form-control" id="exampleInputName" placeholder="your name"> 
73
-                        </div>                         
74
-                        <div class="form-group"> 
75
-                            <label class="control-label" for="exampleInputName">your device name</label>                             
76
-                            <input type="device_name" class="form-control" id="exampleInputName" placeholder="Device Name"> 
77
-                        </div>                         
78
-                        <button type="submit" class="btn">Change</button>                         
79
-                    </form>                     
65
+                    <form role="form">
66
+                        <div class="form-group">
67
+                            <label class="control-label" for="exampleInputEmail1">Email address</label>
68
+                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="your email here">
69
+                        </div>
70
+                        <div class="form-group">
71
+                            <label class="control-label" for="exampleInputName">Your name</label>
72
+                            <input type="name" class="form-control" id="exampleInputName" placeholder="your name">
73
+                        </div>
74
+                        <div class="form-group">
75
+                            <label class="control-label" for="exampleInputName">your device name</label>
76
+                            <input type="device_name" class="form-control" id="exampleInputName" placeholder="Device Name">
77
+                        </div>
78
+                        <button type="submit" class="btn">Change</button>
79
+                    </form>
80 80
                 </div>
81 81
                 <div class="col-md-4">
82 82
                     <h3>Hallo [name of admn]</h3>
83
-                    <h3>you are logged from [name of admin machine]</h3>
83
+                    <h3 class="messages">you are logged from [name of admin machine]</h3>
84 84
                     <p>
85 85
         Messages</p>
86 86
                 </div>
87 87
             </div>
88 88
             <div class="row">
89
-                <div class="col-sm-4 col-lg-12 col-md-12 col-xs-2"> 
90
-                    <table class="table"> 
91
-                        <thead> 
92
-                            <tr> 
93
-                                <th>#</th> 
94
-                                <th>Device Name</th> 
95
-                                <th>First Seen</th> 
96
-                                <th>Last Seen</th> 
97
-                                <th>Vendor</th> 
98
-                                <th>MAC Address</th> 
99
-                                <th>On/Off</th> 
100
-                            </tr>                             
101
-                        </thead>                         
102
-                        <tbody> 
103
-                            <tr> 
104
-                                <td>1</td> 
105
-                                <td>ma-dercazzo</td> 
106
-                                <td>one hour ago</td> 
107
-                                <td>now</td> 
89
+                <div class="col-sm-4 col-lg-12 col-md-12 col-xs-2">
90
+                    <table class="table">
91
+                        <thead>
92
+                            <tr>
93
+                                <th>#</th>
94
+                                <th>Device Name</th>
95
+                                <th>First Seen</th>
96
+                                <th>Last Seen</th>
97
+                                <th>Vendor</th>
98
+                                <th>MAC Address</th>
99
+                                <th>On/Off</th>
100
+                            </tr>
101
+                        </thead>
102
+                        <tbody>
103
+                            <tr>
104
+                                <td>1</td>
105
+                                <td>
106
+                                    <button type="button" class="btn btn-default">Label</button>                                                                            ma-derrcazzo
107
+                                </td>
108
+                                <td>one hour ago</td>
109
+                                <td>now</td>
108 110
                                 <td>APPLE inc</td>
109
-                                <td>A4:5E:60:BB:CC:EF</td> 
111
+                                <td>A4:5E:60:BB:CC:EF</td>
110 112
                                 <td>
111 113
                                     <img src="images/button_OFF@2x.png" width="30" />
112 114
                                 </td>
113 115
                             </tr>
114 116
                             <tr>
115 117
                                 <td>2</td>
116
-                                <td>devuan-moscio</td> 
117
-                                <td>30' ago</td> 
118
-                                <td>1h ago</td> 
118
+                                <td>devuan-moscio</td>
119
+                                <td>30' ago</td>
120
+                                <td>1h ago</td>
119 121
                                 <td>LAMMERDA inc</td>
120
-                                <td>78:5E:60:EE:CC:EF</td> 
122
+                                <td>78:5E:60:EE:CC:EF</td>
121 123
                                 <td>
122 124
                                     <img src="images/button_ON@2x.png" width="30" />
123 125
                                 </td>
124
-                            </tr>                             
126
+                            </tr>
125 127
                         </tbody>
126
-                    </table>                     
128
+                    </table>
127 129
                 </div>
128 130
             </div>
129 131
             <div class="starter-template">
@@ -141,3 +143,4 @@
141 143
         <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
142 144
     </body>
143 145
 </html>
146
+umenta

BIN
assets/fonts/Comfortaa/Comfortaa-Bold.ttf


BIN
assets/fonts/Comfortaa/Comfortaa-Light.ttf


BIN
assets/fonts/Comfortaa/Comfortaa-Regular.ttf


BIN
assets/fonts/Muli/Muli-Italic.ttf


BIN
assets/fonts/Muli/Muli-Light.ttf


BIN
assets/fonts/Muli/Muli-LightItalic.ttf


BIN
assets/fonts/Muli/Muli-Regular.ttf


BIN
assets/fonts/alte-din-1451-mittelschrift/din1451alt G.ttf


BIN
assets/fonts/alte-din-1451-mittelschrift/din1451alt.ttf


+ 143 - 0
documentation.html

@@ -0,0 +1,143 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+    <head>
4
+        <meta charset="utf-8">
5
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+        <meta name="viewport" content="width=device-width, initial-scale=1">
7
+        <meta name="description" content="">
8
+        <meta name="author" content="">
9
+        <title>Starter Template for Bootstrap</title>
10
+        <!-- Bootstrap core CSS -->
11
+        <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
12
+        <!-- Custom styles for this template -->
13
+        <link href="starter-template.css" rel="stylesheet">
14
+        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
15
+        <!--[if lt IE 9]>
16
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
17
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
18
+    <![endif]-->
19
+        <link href="dowse.css" rel="stylesheet" type="text/css">
20
+    </head>
21
+    <body>
22
+      <nav class="navbar navbar-inverse navbar-fixed-top">
23
+          <div class="container">
24
+              <div class="navbar-header">
25
+                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
26
+                      <span class="sr-only">Toggle navigation</span>
27
+                      <span class="icon-bar"></span>
28
+                      <span class="icon-bar"></span>
29
+                      <span class="icon-bar"></span>
30
+                  </button>
31
+                  <a class="navbar-brand" href="#">DOWSE WEB UI</a>
32
+              </div>
33
+              <div id="navbar" class="collapse navbar-collapse">
34
+                  <ul class="nav navbar-nav">
35
+                      <li class="active">
36
+                          <a href="#">Home</a>
37
+                      </li>
38
+                      <li>
39
+                          <a href="#about">Things</a>
40
+                      </li>
41
+                      <li>
42
+                          <a href="#contact">NEtData</a>
43
+                      </li>
44
+                      <li>
45
+                          <a href="#contact">Installers</a>
46
+                      </li>
47
+                      <li>
48
+                          <a href="#contact">Documentation</a>
49
+                      </li>
50
+                  </ul>
51
+              </div>
52
+              <!--/.nav-collapse -->
53
+          </div>
54
+      </nav>
55
+        <div class="container-fluid">
56
+            <img src="images/dowseLogo.png" width="200" />
57
+            <div class="row">
58
+                <div class="col-md-4">
59
+                    <h3>DOWSE STATUS</h3>
60
+                    <button type="button" class="btn btn-default">BLOCK THE MF!</button>
61
+                    <div class=".btn-dowse" class="dowseStatus">GREEN</div>
62
+                    <p>do you want to block the whole network?</p>
63
+                </div>
64
+                <div class="col-md-4">
65
+                    <form role="form">
66
+                        <div class="form-group">
67
+                            <label class="control-label" for="exampleInputEmail1">Email address</label>
68
+                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="your email here">
69
+                        </div>
70
+                        <div class="form-group">
71
+                            <label class="control-label" for="exampleInputName">Your name</label>
72
+                            <input type="name" class="form-control" id="exampleInputName" placeholder="your name">
73
+                        </div>
74
+                        <div class="form-group">
75
+                            <label class="control-label" for="exampleInputName">your device name</label>
76
+                            <input type="device_name" class="form-control" id="exampleInputName" placeholder="Device Name">
77
+                        </div>
78
+                        <button type="submit" class="btn">Change</button>
79
+                    </form>
80
+                </div>
81
+                <div class="col-md-4">
82
+                    <h3>Hallo [name of admn]</h3>
83
+                    <h3>you are logged from [name of admin machine]</h3>
84
+                    <p>
85
+        Messages</p>
86
+                </div>
87
+            </div>
88
+            <div class="row">
89
+                <div class="col-sm-4 col-lg-12 col-md-12 col-xs-2">
90
+                    <table class="table">
91
+                        <thead>
92
+                            <tr>
93
+                                <th>#</th>
94
+                                <th>Device Name</th>
95
+                                <th>First Seen</th>
96
+                                <th>Last Seen</th>
97
+                                <th>Vendor</th>
98
+                                <th>MAC Address</th>
99
+                                <th>On/Off</th>
100
+                            </tr>
101
+                        </thead>
102
+                        <tbody>
103
+                            <tr>
104
+                                <td>1</td>
105
+                                <td>ma-dercazzo</td>
106
+                                <td>one hour ago</td>
107
+                                <td>now</td>
108
+                                <td>APPLE inc</td>
109
+                                <td>A4:5E:60:BB:CC:EF</td>
110
+                                <td>
111
+                                    <img src="images/button_OFF@2x.png" width="30" />
112
+                                </td>
113
+                            </tr>
114
+                            <tr>
115
+                                <td>2</td>
116
+                                <td>devuan-moscio</td>
117
+                                <td>30' ago</td>
118
+                                <td>1h ago</td>
119
+                                <td>LAMMERDA inc</td>
120
+                                <td>78:5E:60:EE:CC:EF</td>
121
+                                <td>
122
+                                    <img src="images/button_ON@2x.png" width="30" />
123
+                                </td>
124
+                            </tr>
125
+                        </tbody>
126
+                    </table>
127
+                </div>
128
+            </div>
129
+            <div class="starter-template">
130
+                <h1>VERSION 15 march&nbsp;</h1>
131
+                <p class="lead">lets' use this temporary just for love messages between UX/DEV/OPS</p>
132
+            </div>
133
+        </div>
134
+        <!-- /.container -->
135
+        <!-- Bootstrap core JavaScript
136
+    ================================================== -->
137
+        <!-- Placed at the end of the document so the pages load faster -->
138
+        <script src="assets/js/jquery.min.js"></script>
139
+        <script src="bootstrap/js/bootstrap.min.js"></script>
140
+        <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
141
+        <script src="assets/js/ie10-viewport-bug-workaround.js"></script>
142
+    </body>
143
+</html>

+ 21 - 0
dowse.css

@@ -32,6 +32,13 @@ footer
32 32
  * --------------------------------------------------
33 33
  */
34 34
 
35
+@font-face{
36
+  font-family: 'Aalta DIN';
37
+  font-style:  normal;
38
+  font-weight: 400;
39
+  src: url(assets/fonts/alte-din-1451-mittelschrift/din1451alt.ttf) format('ttf');
40
+}
41
+
35 42
 @media screen and (max-width: 767px)
36 43
 {
37 44
     .row-offcanvas
@@ -89,6 +96,15 @@ footer
89 96
     color: #FFFFFF;
90 97
 }
91 98
 
99
+.btn-dowse_sml
100
+{
101
+    background: #F2CA68;
102
+    border-radius: 5px;
103
+    font-family: DINCondensed-Bold;
104
+    font-size: 16px;
105
+    color: #FFFFFF;
106
+}
107
+
92 108
 .dowsefont
93 109
 {
94 110
     font-family: DINCondensed;
@@ -116,3 +132,8 @@ footer
116 132
     padding-right: 30;
117 133
 }
118 134
 
135
+.messages
136
+{
137
+    font-family: Aalta DIN;
138
+    color: #a0db4d;
139
+}

+ 66 - 0
todo.md

@@ -0,0 +1,66 @@
1
+# Dowse TODO
2
+
3
+## TOP DOWN
4
+- I enter in the room and there is a dowse.it network
5
+
6
+- A am installing a dowse box from git or with an SD image
7
+	- I Follow the instructions to make my SD on win/mac/linux
8
+    - I attach the dowse box to my AP and power them
9
+    - I fire up dowse
10
+    - What is happening and how
11
+    - I log to dowse.it first and be administrator
12
+    - Configuration tour scenario
13
+    - install and fire up gource (on win,mac,linux)
14
+- A friend enters in the room and asks "can I surf the net?"
15
+	- YES -- "attach to dowse.it" In captive portal friend "WAIT FOR AUTHORISATION"; in captive portal ADMIN "new device: YES/NO". Agreement gets authorised
16
+    - YES -- "attach your device to dowse.it" - "button light" blinks - i push the button- friend device is authorised
17
+    - NO -- "sorry, we cannot offer this service to you today"
18
+- I like to give access to everyone automagically but have them to push a "agree to terms" button in the dowse.it CP (Captive Portal like in NS trains)
19
+	- A welcome text that explains that the network is protected by DOWSE: NO LOGS, OBFUSCATION, DOWSE/HUMAN AWARENESS ON
20
+
21
+- A friend comes back often and always surfs the net
22
+	- does his mac address need confirmation every time
23
+    	- what when you change mac address? newer android phones have this feature (it's not just a hacker thing) Has to be re-recognised :)
24
+- Alarms
25
+	- Somebody got a malware active on his device and that device needs to be blocked
26
+    - some device needs traffic shaping (device calls home)
27
+    - accounting traffic device by device
28
+
29
+- if I use Tor in a dowse network I disappear...
30
+
31
+## Politeness
32
+- Interface design that allows to be kind to each other
33
+    - can an admin send a message to the client before cutting him off?
34
+    - post on avvisi a message to a client or to all in case for ex. of detachment
35
+
36
+## Tutorials
37
+- Nodered first steps (moved to 1.1 ?)
38
+- http://noderedguide.com
39
+
40
+## Package Gource with installer
41
+- MAC
42
+- LINUX
43
+- PC
44
+
45
+## DOWSE autoupdate (Parazyd)
46
+
47
+## Gource
48
+- add installers for Gource win ? (there is a problem with ssh anyway, that could be solved in a tutorial for the beta)
49
+
50
+	- TODO: research "bash on windows, see if there is ssh and if possible" I did... with putty is possible but has to be tested and i get itches if i touch a win machine
51
+    we can install a VM (i have installed successfully gource on Manuela windows 10)  https://mediatemple.net/community/products/dv/204404604/using-ssh-in-putty-
52
+
53
+
54
+- https://github.com/acaudwell/Gource/wiki/Gravatar-Example
55
+
56
+
57
+## 1.1 iconised pictures of the devices
58
+
59
+## 1.1. names of the devices in gource
60
+
61
+
62
+
63
+
64
+
65
+TASKS
66
+- ticket system on pad/github (via oddo)