Merge pull request #168 from pycom/pb-749-ios-updates

Pb 749 ios updates

Author: KaterynaPycom

.gitignore

@@ -7,3 +7,9 @@
 *.iml
 out
 gen
+
+.DS_Store
+static/.DS_Store
+static/gitbook/.DS_Store
+static/gitbook/assets/.DS_Store
+static/gitbook/assets/pybytes/.DS_Store

content/pybytes/smart/_index.md

@@ -4,35 +4,78 @@ aliases:
 ---
 
 Pybytes iOS app will allow you to quickly provision any number of devices effortlessly to Pybytes.
-Your devices will need to run **firmware 1.20.1** or newer.
 
-Go to App Store and download Pybytes iOS app.
-User your Pybytes web app account to log in.
+<span style="background-color:#00cc96;">&nbsp;Tip:&nbsp;</span>&nbsp;Your devices will need to run **firmware 1.20.1** or newer.
 
-<img src="/gitbook/assets/pybytes/iOS/login.jpg" alt="Pybytes iOS login" width="300"/>
+Further down the page you will find the following information:
 
-Tip: Go to Pybytes web app with Safari on iOS or macOS and save your login credentials. 
-Then iPhone will let you pre-fill your saved password. 
+*  [Pybytes iOS installing and Device Provisioning](#installing)
+*  [Take into consideration](#recommendations)
+*  [Quick help/FAQ](#faq)
 
-<img src="/gitbook/assets/pybytes/iOS/loginSavedPasswords.jpg" alt="Pybytes iOS login" width="300"/>
 
-On the next screen, you will need to enter your Wi-Fi credentials.
+<a id="installing"></a>
+### Pybytes iOS installing and Device Provisioning
 
-* if you are using iOS 12, turn off your Wi-Fi completely on your iPhone.
-* use only Wi-Fi network with 2.4GHz (Pycom devices cannot connect to 5GHz network)
-* your device might be provisioned faster if you move your device closer to your Wi-Fi router
+1. Go to the App Store and download Pybytes iOS app.
+2. Use your Pybytes web app account to log in.
+<br/>
+<br/>
+<span style="background-color:#00cc96;">&nbsp;Tip:&nbsp;</span>&nbsp;Go to Pybytes web app with Safari on iOS or macOS and save your log-in credentials.
+Then your iPhone will pre-fill your saved password.
 
-Make sure your devices are powered on and running firmware 1.20.1 or newer.
+3. On the next screen, you will need to enter your Wi-Fi credentials.
+<br/>
+<br/>
+<img src="/gitbook/assets/pybytes/iOS/login.jpg" alt="Pybytes iOS login" width="200" style="padding:0px;box-shadow: 2px 2px 8px 2px #cccccc;"/>&nbsp;&nbsp;&nbsp;&nbsp;<img src="/gitbook/assets/pybytes/iOS/loginSavedPasswords.jpg" alt="Pybytes iOS login" width="200" style="padding:0px;box-shadow: 2px 2px 8px 2px #cccccc;" />
 
-<img src="/gitbook/assets/pybytes/iOS/wifiSettings.jpg" alt="Pybytes iOS login" width="300"/>
+4. After pressing the START button, a list of devices will appear on the screen. It may take up to several minutes to provision all of your devices. The first device usually appears on the screen within one minute.
+<br/>
+<br/>
+<span style="background-color:#00cc96;">&nbsp;Tip:&nbsp;</span>&nbsp;The name of a device provisioned device is its Wireless MAC address.
+<br/>
+<br/>
+<img src="/gitbook/assets/pybytes/iOS/wifiSettings.jpg" alt="Pybytes iOS login" width="200" style="padding:0px;box-shadow: 2px 2px 8px 2px #cccccc;"/>&nbsp;&nbsp;&nbsp;&nbsp;
+<img src="/gitbook/assets/pybytes/iOS/provisionedDevicesIOS.jpg" alt="Pybytes iOS login" width="200" style="padding:0px;box-shadow: 2px 2px 8px 2px #cccccc;"/>
+5. As your devices are provisioning in Pybytes devices management platform, you will see notifications appearing on the screen when the provisioning is successful. You will also see the provisioned devices in the Devices section.
+<br/>
+<br/>
+<img src="/gitbook/assets/pybytes/iOS/provisionedDevicesPybytes.png" alt="Pybytes iOS login" style="padding:0px;box-shadow: 2px 2px 8px 2px #cccccc;"/>
 
-After a moment found devices should appear on the screen.
-I might take up to several minutes until all your devices are provisioned.
-The first device usually appears on the screen within one minute.   
+<a id="recommendations"></a>
+### Take into consideration
 
-<img src="/gitbook/assets/pybytes/iOS/provisionedDevicesIOS.jpg" alt="Pybytes iOS login" width="300"/>
+* If you are using iOS 12, turn off your Wi-Fi completely on your iPhone.
+* Only use a Wi-Fi network with 2.4GHz as Pycom devices cannot connect to a 5GHz network.
+* Your device might be provisioned faster if you move your device closer to your Wi-Fi router.
+* Make sure your devices are powered on and running firmware 1.20.1 or newer.
+* You cannot provision the same devices on the different Pybytes account unless you [erased them completely](../../advance/cli/#erase-all) and flashed the latest firmware again with FW updater tool.
+* If there is a spinning wheel on your screen, that means that your device is being provisioned. If it has disappeared, then press the START button again.
+* Please take into account that we are developing a new feature and therefore some niggles can occur. (Please bear with us!) If any issues occur whilst you are using Pybytes iOS, then drop us a line at <a href="mailto:support@pycom.io">support@pycom.io</a>.
 
-Then go to Pybytes -> devices. Your provisioned devices appear in the table.
-The name of a device provisioned device is its Wireless MAC address.  
+<a id="faq"></a>
+### FAQ
 
-<img src="/gitbook/assets/pybytes/iOS/provisionedDevicesPybytes.png" alt="Pybytes iOS login"/>
+<span style="background-color:#00cc96;">&nbsp;I can’t connect to Wi-Fi in Pybytes iOS&nbsp;</span>
+
+* Firstly, check your version of iOS. If it is iOS 12, then turn off the Wi-Fi connection on your phone. Following this, try to use Pybytes iOS again, and it should now automatically connect to the WiFi.
+
+* If you have version that is later than iOS 12, check your Wi-Fi router setting. It should run on a 2.4 HGz Wi-Fi network.
+
+<span style="background-color:#00cc96;">&nbsp;No devices were provisioned after 5 min.&nbsp;</span>
+
+* Check if your devices are on
+
+* Move your devices closer to the Wi-Fi router
+
+* Check that no-one else in the room is trying to provision devices with the Pybytes iOS app.
+
+<span style="background-color:#00cc96;">&nbsp;How long does the provisioning take?&nbsp;</span>
+
+* On average, it takes up to 2 minutes to provision 6 devices.
+
+<br/>
+Our hope is that Pybytes iOS will simplify the device provisioning process. However, as we are still in a development pipeline, sometimes there can be a hitch in the silk. If that happens, please let us know! Drop us a line at <a href="mailto:support@pycom.io">support@pycom.io</a>.
+<br/>
+<br/>
+<br/>

layouts/_default/baseof.html

@@ -10,7 +10,7 @@
   <title>{{ if .Title }}{{ .Title }} {{ else }}{{ .Site.Title }}{{ end }}</title>
   <meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.SiteDescription }}{{ end }}">
 
-
+  <script src="/js/smooth-scroll.js"></script>
   <link href="/css/doc-theme.css?" rel="stylesheet">
   <link rel="icon" href="/favicon.ico">
 </head>

static/gitbook/assets/pybytes/iOS/provisionedDevicesPybytes.png

@@ -2,7 +2,7 @@
   app
   fixed
   height=68
-  class="pr-3 pl-2"
+  class="pr-3 pl-2 navbar"
   dark
   style="background-color: #171730;"
 >

themes/doc-theme/layouts/partials/toolbar.html

@@ -1,5 +1,6 @@
 html {
     /*font-size: 100%;*/
+    scroll-behavior: smooth;
 }
 
 /* Style the header */
@@ -122,7 +123,7 @@ a.bread:hover {
 .bread {
   font-family: 'BebasNeueBold',sans-serif;
   letter-spacing: 0.1em;
-  color: rgb(120, 0, 255)!important;
+  color: #00cc96 !important;
 }
 
 .theme--dark.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border {
@@ -148,7 +149,7 @@ li.lefttree > a {
 
 li.hot > a.hot {
   text-decoration: none;
-  color: #7800FF!important;
+  color: #00cc96!important;
   padding: 6px;
 
 }
@@ -245,8 +246,8 @@ nav#TableOfContents {
 
 img {
   max-width: 90%;
-  margin-left: 5%;
-  padding: 18px;
+  margin-left: 0;
+  padding: 5px;
 }
 
 [v-cloak] > * { display:none }
@@ -281,11 +282,11 @@ table td, table th {
 }
 
 .ppurple {
-  color: #7800FF;
+  color: #00cc96;
 }
 
 .pbgpurple {
-  background-color: #7800FF!important;
+  background-color: #00cc96!important;
   color: white;
 }
 
@@ -324,7 +325,7 @@ code {
 }
 
 .primary--text {
-  color: #7800FF;
+  color: #00cc96;
 }
 
 .v-window {

themes/doc-theme/static/css/doc-theme.css

@@ -0,0 +1,23 @@
+/*
+* Smooth scroll to anchor link
+*/
+
+
+$(document).ready(function(){
+    $( 'a[href^="#"]' ).on( 'click', function( e ) {
+
+        if ( this.hash !== '' ) {
+            e.preventDefault();
+
+            var hash = this.hash;
+            var nav = $( '.navbar' ).outerHeight();
+            var targetOffset = $( hash ).offset().top - nav;
+
+            $( 'html, body' ).animate( {
+                scrollTop: targetOffset
+            }, 1100, function() {
+                //window.location.hash = hash;
+            } );
+        }
+    } );
+} );