Merge pull request #208 from node-red/showcase-update

Update users showcase

Author: knolleary

css/front.css

@@ -229,17 +229,25 @@ a:hover {
 .users ul {
     text-align: center;
     list-style-type: none;
-    margin: 0;
     padding: 0;
+    max-width: 800px;
+    margin: 0 auto;
 }
 .users ul li {
     margin: 10px;
     padding: 10px;
     display: inline-block;
-    width: 200px;
+    width: 100px;
     vertical-align: middle;
     background: white;
 }
+.users ul li a {
+    vertical-align: middle;
+    filter: grayscale(1) opacity(0.6);
+}
+.users ul li a:hover {
+    filter: none;
+}
 .users ul li img {
     width: 100%;
 }

docs/api/ui/typedInput/index.md

@@ -221,14 +221,16 @@ $(".input").typedInput('width', '200px');
 
 ### Events
 
-#### <a href="#events-change" name="events-change">change( type, value )</a>
+#### <a href="#events-change" name="events-change">change( event, type, value )</a>
 
 Triggered when either the type or value of the input is changed.
 
 ```javascript
 $(".input").on('change', function(type, value) {} );
 ```
 
+*Note:* The `value` property was added in Node-RED 1.3
+
 ### Types
 
 #### <a href="#types-typedefinition" name="types-typedefinition">TypeDefinition</a>

index.html

@@ -120,16 +120,27 @@ <h4>In the cloud</h4>
     <div class="grid">
         <div class="content">
             <h3>Who's using Node-RED?</h3>
-            <ul>
-            <li><a href="/users/sensetecnic"><img src="users/sensetecnic/sensetecnic_logo.jpg"/></a></li>
-            <li><a href="/users/agilit-e"><img src="users/agilit-e/Agilit-e-logo.jpg"/></a></li>
-            <li><a href="/users/go-iot"><img src="users/go-iot/Logo-large.png"/></a></li>
-            <li><a href="/users/spiritai"><img src="users/spiritai/spiritai.png"/></a></li>
-            <li><a href="/users/multitech"><img src="users/multitech/multitech.png"/></a></li>
-            <li><a href="/users/opto22"><img src="users/opto22/images/opto22.png"/></a></li>
-            <li><a href="/users/iaconnects"><img src="users/iaconnects/iaconnects.png"/></a></li>
+            <ul id="user-list">
+                <li><a href="https://vwww.vigilent.com"><img src="users/vigilent.png"/></a></li>
+                <li><a href="https://entelligently.com"><img src="users/entelligently.png"/></a></li>
+                <li><a href="https://st-one.io/"><img src="users/st-one.png"/></a></li>
+                <li><a href="https://www.aiomeet.com/"><img src="users/aiomeet.png"/></a></li>
+                <li><a href="https://www.thingtrack.com/"><img src="users/thingtrack.png"/></a></li>
+                <li><a href="https://www.enebular.com/"><img src="users/enebular.svg"/></a></li>
+                <li><a href="https://www.victronenergy.com/live/venus-os:large"><img src="users/victron.png"/></a></li>
+                <li><a href="https://www.yellaumbrella.tv/"><img src="users/yellaUmbrella.svg"/></a></li>
+                <li><a href="https://www.veritone.com/"><img src="users/veritone.png"/></a></li>
+                <li><a href="https://www.flowake.com/"><img src="users/flowake.png"/></a></li>
+                <li><a href="https://sensetecnic.com/"><img src="users/sensetecnic.png"/></a></li>
+                <li><a href="https://agilite.io/"><img src="users/agilit-e.png"/></a></li>
+                <li><a href="http://dingo-iot.io/"><img src="users/go-iot.png"/></a></li>
+                <li><a href="https://www.spiritai.com/"><img src="users/spiritai.png"/></a></li>
+                <li><a href="https://www.multitech.com/"><img src="users/multitech.png"/></a></li>
+                <li><a href="https://www.opto22.com/"><img src="users/opto22.png"/></a></li>
+                <li><a href="https://www.iaconnects.co.uk/"><img src="users/iaconnects.png"/></a></li>
             </ul>
             <p style="text-align:center;"><a href="/about/community/">Want to feature here? Let us know!</a></p>
+            <p style="text-align:center; font-size: 0.6em; max-width: 420px; line-height: 1.2em; margin: auto; ">All logos used with permission. These links do not constitute an endorsement or approval by the Node-RED project of any of the products, services or opinions of the companies listed.</p>
         </div>
     </div>
 </div>
@@ -157,3 +168,14 @@ <h3>On the blog <a class="box-link" href="/blog/">more</a></h3>
             </div>
         </div>
 </div>
+<script>
+    $(function() {
+        var list = $("#user-list");
+        var items = list.children();
+        items.sort(function() {
+            return 0.5 - Math.random();
+        });
+        list.empty();
+        items.appendTo(list);
+    })
+</script>