Browse Source

new page for dowse lounch

Federico Bonelli 2 years ago
parent
commit
fe4b5b51d5

BIN
docs/Dowse.pdf


BIN
media/Dowse-siteElements_03.sketch


+ 4 - 3
www/css/modern-business.css

@@ -35,7 +35,7 @@ body
35 35
 
36 36
 header.carousel
37 37
 {
38
-    height: 100%;
38
+    height: 60%;
39 39
     overflow: hidden;
40 40
     width: 100%;
41 41
 }
@@ -44,13 +44,13 @@ header.carousel .item,
44 44
 header.carousel .item.active,
45 45
 header.carousel .carousel-inner
46 46
 {
47
-    height: 100%;
47
+    height: 150%;
48 48
 }
49 49
 
50 50
 header.carousel .fill
51 51
 {
52 52
     width: 100%;
53
-    height: 100%;
53
+    height: 50%;
54 54
     background-position: center;
55 55
     background-size: cover;
56 56
 }
@@ -132,3 +132,4 @@ footer
132 132
         width: 70%;
133 133
     }
134 134
 }
135
+

BIN
www/images/DOWSE-RASP.png


BIN
www/images/GenericArm.png


BIN
www/images/Git-ddowse.png


BIN
www/images/dowseBox.png


+ 66 - 29
www/index.html

@@ -107,12 +107,53 @@
107 107
                         <h2 class="CarouselBig CarouselSlogan">Keep it simple, be aware, afford hospitality</h2>
108 108
                     </div>
109 109
                 </div>
110
+                <div class="item">
111
+                    <div class="fill" style="background-image:url('images/carousel/');">
112
+</div>
113
+                    <div class="carousel-caption">
114
+                        <h2 class="CarouselBig CarouselSlogan">Keep it simple, be aware, afford hospitality</h2>
115
+                    </div>
116
+                </div>
110 117
             </div>
111 118
             <!-- Wrapper for slides -->
112 119
             <!-- Controls -->
113 120
             <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="icon-prev"></span></a>
114 121
             <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="icon-next"></span></a>
115 122
         </header>
123
+        <div class="container">
124
+            <div class="well">Dowse 1.0 beta is out!</div>
125
+            <div class="row">
126
+                <div class="col-sm-6 col-md-4 col-lg-4 col-xs-4"> 
127
+                    <div class="thumbnail"> 
128
+                        <img src="images/DOWSE-RASP.png" alt=""> 
129
+                        <div class="caption"> 
130
+                            <h3>Download the beta!</h3> 
131
+                            <p>Beta images optimised for Raspberry PI 3 B.</p> 
132
+                            <p><a href="#" class="btn btn-dowse" role="button">Downloadn</a> </p>
133
+                        </div>                         
134
+                    </div>                     
135
+                </div>
136
+                <div class="col-sm-6 col-md-4 col-lg-4 col-xs-4"> 
137
+                    <div class="thumbnail"> 
138
+                        <img src="images/GenericArm.png" alt=""> 
139
+                        <div class="caption"> 
140
+                            <h3>Download the beta!</h3> 
141
+                            <p>Generic ARM Image: Follow the instructions to compie for your platform.</p> 
142
+                            <p><a href="#" class="btn btn-dowse" role="button">Downloadn</a> </p> 
143
+                        </div>                         
144
+                    </div>                     
145
+                </div>
146
+                <div class="col-sm-6 col-md-4 col-lg-4 col-xs-4"> 
147
+                    <div class="thumbnail"> 
148
+                        <img src="images/Git-ddowse.png" alt=""> 
149
+                        <div class="caption"> 
150
+                            <h3>Download the beta!</h3> 
151
+                            <p>Git of the dowse Project. You can compile it on your own platform. Document inside.<br><a href="#" class="btn btn-dowse" role="button">Downloadn</a> </p>
152
+                        </div>                         
153
+                    </div>                     
154
+                </div>
155
+            </div>
156
+        </div>
116 157
         <!-- Header Carousel -->
117 158
         <!-- Page Content -->
118 159
         <div class="container">
@@ -121,6 +162,31 @@
121 162
                 <div class="col-lg-12">
122 163
                     <h1 class="page-header">Better be aware :^)&nbsp;</h1>
123 164
                 </div>
165
+                <div class="col-md-6">
166
+                    <h3>Dowse visualisation with Gource</h3>
167
+                    <video class="embed-responsive-item" autoplay="" loop="" width="545">
168
+                        <source src="images/dowse-dns-graph.webm" type="video/webm">
169
+                        <source src="images/dowse-dns-graph.ogg" type="video/ogg">
170
+                        <source src="images/dowse-dns-graph.mp4" type="video/mp4">
171
+                        Your browser does not support the video tag.
172
+                    </video>
173
+                    <p><a href="http://gource.io/">Gource is a open source project</a> that allow visualisation in real time of activity on graphs.Has been developed for git and svn repositories. We have adapted dowse to use it to visualise the flow of information in the network. Small "agents" show activities in the network and to wich server your machines (the pawns) are trying to connect to in real time.</p>
174
+                    <p>
175
+        This is just one of the many ways you can be aware of your network activity in real time using dowse.</p>
176
+                </div>
177
+                <div class="col-md-6">
178
+                    <h3>Dowse 1.0 Beta</h3>
179
+                    <ul>
180
+                        <li>Network awareness</li>
181
+                        <li>DNSCrypt encrypts your metadata</li>
182
+                        <li>Captive portal</li>
183
+                        <li>build on devuan linux for extra security</li>
184
+                        <li>Talks and listen to OSC/MQTT/Websockets </li>
185
+                        <li>Filters out known malware</li>
186
+                    </ul>
187
+                </div>
188
+            </div>
189
+            <div class="row">
124 190
                 <div class="col-md-4">
125 191
                     <div class="panel panel-default">
126 192
                         <div class="panel-heading">
@@ -163,35 +229,6 @@
163 229
             </div>
164 230
             <div class="row">
165 231
                 <div class="col-lg-12">
166
-                    <h2 class="page-header"><i class="fa fa-glass"></i>  Dowse 1.0beta is out!</h2>
167
-                </div>
168
-                <div class="col-md-6">
169
-                    <h3>Dowse 1.0</h3>
170
-                    <ul>
171
-                        <li>Network awareness</li>
172
-                        <li>DNSCrypt encrypts your metadata</li>
173
-                        <li>Captive portal</li>
174
-                        <li>build on devuan linux for extra security</li>
175
-                        <li>Talks and listen to OSC/MQTT/Websockets </li>
176
-                        <li>Filters out known malware</li>
177
-                    </ul>
178
-                    <p>Know more!</p>
179
-                </div>
180
-                <div class="col-md-6">
181
-                    <h3>Dowse visualisation with Gource</h3>
182
-                    <video class="embed-responsive-item" autoplay="" loop="" width="545">
183
-                        <source src="images/dowse-dns-graph.webm" type="video/webm">
184
-                        <source src="images/dowse-dns-graph.ogg" type="video/ogg">
185
-                        <source src="images/dowse-dns-graph.mp4" type="video/mp4">
186
-                        Your browser does not support the video tag.
187
-                    </video>
188
-                    <p><a href="http://gource.io/">Gource is a open source project</a> that allow visualisation in real time of activity on graphs.Has been developed for git and svn repositories. We have adapted dowse to use it to visualise the flow of information in the network. Small "agents" show activities in the network and to wich server your machines (the pawns) are trying to connect to in real time.</p>
189
-                    <p>
190
-        This is just one of the many ways you can be aware of your network activity in real time using dowse.</p>
191
-                </div>
192
-            </div>
193
-            <div class="row">
194
-                <div class="col-lg-12">
195 232
                     <h1 class="page-header">How to Dowse...</h1>
196 233
                 </div>
197 234
                 <div class="col-sm-6 col-md-6">

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