Browse Source

test of fluid column

Federico Bonelli 3 years ago
parent
commit
4da527ab8d

+ 143 - 0
_pgbackup/admin_1489607817.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">
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-md-10 col-sm-4 col-xs-3 col-lg-12"> 
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>

+ 118 - 0
_pgbackup/dowse_1489607817.css

@@ -0,0 +1,118 @@
1
+
2
+
3
+/*
4
+ * Style tweaks
5
+ * --------------------------------------------------
6
+ */
7
+
8
+html,
9
+body
10
+{
11
+    margin: 0;
12
+    padding: 0;
13
+    font-size: 100%;
14
+    font-family: 'Source Sans Pro', 'Ubuntu', sans-serif;
15
+    overflow-x: hidden;
16
+}
17
+
18
+body
19
+{
20
+    padding-top: 70px;
21
+    color: #000000;
22
+    background-color: #e2ecfb;
23
+}
24
+
25
+footer
26
+{
27
+    padding: 30px 0;
28
+}
29
+
30
+/*
31
+ * Off Canvas
32
+ * --------------------------------------------------
33
+ */
34
+
35
+@media screen and (max-width: 767px)
36
+{
37
+    .row-offcanvas
38
+    {
39
+        position: relative;
40
+        -webkit-transition: all .25s ease-out;
41
+        -o-transition: all .25s ease-out;
42
+        transition: all .25s ease-out;
43
+    }
44
+    .row-offcanvas-right
45
+    {
46
+        right: 0;
47
+    }
48
+    .row-offcanvas-left
49
+    {
50
+        left: 0;
51
+    }
52
+    .row-offcanvas-right
53
+  .sidebar-offcanvas
54
+    {
55
+        right: -50%;
56
+    }
57
+    .row-offcanvas-left
58
+  .sidebar-offcanvas
59
+    {
60
+        left: -50%;
61
+    }
62
+    .row-offcanvas-right.active
63
+    {
64
+        right: 50%;
65
+    }
66
+    .row-offcanvas-left.active
67
+    {
68
+        left: 50%;
69
+    }
70
+    .sidebar-offcanvas
71
+    {
72
+        position: absolute;
73
+        top: 0;
74
+        width: 50%;
75
+    }
76
+}
77
+
78
+.navbar
79
+{
80
+    background-color: #5e6b76;
81
+}
82
+
83
+.btn-dowse
84
+{
85
+    background: #F2CA68;
86
+    border-radius: 5px;
87
+    font-family: DINCondensed-Bold;
88
+    font-size: 16px;
89
+    color: #FFFFFF;
90
+}
91
+
92
+.dowsefont
93
+{
94
+    font-family: DINCondensed;
95
+    font-size: 14;
96
+    font-weight: bold;
97
+}
98
+
99
+.serviceGREEN
100
+{
101
+    color: 325726;
102
+    font-size: big;
103
+    font-weight: 300;
104
+}
105
+
106
+.status
107
+{
108
+    margin-left: 70;
109
+}
110
+
111
+.dowseStatus
112
+{
113
+    color: 325726;
114
+    font-weight: 500;
115
+    text-align: right;
116
+    padding-right: 30;
117
+}
118
+

File diff suppressed because it is too large
+ 1 - 0
_pgbackup/pinegrow_1489607817.json


+ 13 - 0
_pgbackup/starter-template_1489607817.css

@@ -0,0 +1,13 @@
1
+
2
+
3
+body
4
+{
5
+    padding-top: 50px;
6
+}
7
+
8
+.starter-template
9
+{
10
+    padding: 40px 15px;
11
+    text-align: center;
12
+}
13
+

+ 2 - 2
admin.html

@@ -52,7 +52,7 @@
52 52
                 <!--/.nav-collapse -->
53 53
             </div>
54 54
         </nav>
55
-        <div class="container">
55
+        <div class="container-fluid">
56 56
             <img src="images/dowseLogo.png" width="200" />
57 57
             <div class="row">
58 58
                 <div class="col-md-4">
@@ -86,7 +86,7 @@
86 86
                 </div>
87 87
             </div>
88 88
             <div class="row">
89
-                <div class="col-md-10 col-sm-4 col-xs-3 col-lg-12"> 
89
+                <div class="col-sm-4 col-lg-12 col-md-12 col-xs-2"> 
90 90
                     <table class="table"> 
91 91
                         <thead> 
92 92
                             <tr> 

File diff suppressed because it is too large
+ 6757 - 0
bootstrap/css/_pgbackup/bootstrap_1489607817.css


File diff suppressed because it is too large
+ 7075 - 4458
bootstrap/css/bootstrap.css


File diff suppressed because it is too large
+ 1 - 1
pinegrow.json