Formatting, cleanup. Also moved out docs currently not being used to …

…drafts folder.

assets/scripts/main.js

@@ -5,11 +5,10 @@ document.addEventListener('DOMContentLoaded', function(event) {
   toggleButton.addEventListener("click", function(e){           
     sidebar.classList.toggle('open');        
   });
-  function resize() {
-      console.log("Resizing")
+  /*function resize() {
       if (window.innerWidth>=820 && sidebar.classList.contains('open'))
           sidebar.classList.toggle('open');
   }  
-  window.addEventListener("resize", resize);  
+  window.addEventListener("resize", resize);*/  
 });
 

assets/styles/index.css.stylus

@@ -139,14 +139,7 @@ article.page
     margin-bottom: .5rem;
     font-weight: regular;
     box-sizing: border-box;
-    padding: 0 10px;
-    &.mobile 
-          -webkit-box-shadow: inset 0 1px 0 #1d93b2,0 1px 2px #2692b0
-          box-shadow: inset 0 1px 0 0 #1d93b2,0 1px 2px #2692b0   
-          -webkit-margin-before: 0em;
-          -webkit-margin-after: 0em;
-          -webkit-margin-start: 0px;
-          -webkit-margin-end: 0px;           
+    padding: 0 10px;           
     a
         color #1692b2                                                       
   h3
@@ -189,27 +182,7 @@ article.page
     outline none 
 .open .mobile-docs-toggle
     background #003153
-    color #2fa0c3
-.open .sidebar__list .mobileHead 
-    -webkit-box-shadow: inset 0 1px 0 #1d93b2,0 1px 2px #2692b0
-    box-shadow: inset 0 1px 0 0 #1d93b2,0 1px 2px #2692b0   
-    -webkit-margin-before: 0em;
-    -webkit-margin-after: 0em;
-    -webkit-margin-start: 0px;
-    -webkit-margin-end: 0px;   
-    line-height: 2.25rem
-.open .sidebar__list .mobileHead a
-    color white    
-    box-shadow: none; 
-.open .mobile .current 
-    background #003351                       
-.open .sidebar__list .mobileBg
-    background #003351  
-    -webkit-margin-before: 0px
-    -webkit-margin-after: 0px
-    -webkit-margin-start: 0px
-    -webkit-margin-end: 0px
-    -webkit-padding-start: 0px         
+    color #2fa0c3       
 .video-wrapper
     position relative
     padding-bottom 56.25%
@@ -246,6 +219,9 @@ code, kbd, pre, samp
   .sub-footer__blocks
     display flex
     justify-content space-between
+@media (min-width: 1020px)
+  .sidebar
+     border-right 1px solid #CCC    
 @media (min-width: 820px)
   body
     padding-top 180px
@@ -259,17 +235,13 @@ code, kbd, pre, samp
       margin-bottom 50px
       padding-top 0
   .content
-    margin 0   
-    padding-left 20px
-    border-left 1px solid #CCC     
-    &.open
-      border-left none          
+    margin 0                         
   //Sidebar
-  .sidebar
-    overflow: scroll
+  .sidebar    
     display block
     width 250px
-    margin-right 30px
+    margin-right 50px
+    padding-right 5px
     position relative
     background none
     left none
@@ -278,14 +250,13 @@ code, kbd, pre, samp
     overflow auto
     box-shadow none
     max-height none
-    transition none
+    transition none         
     &.open
       box-shadow none
-      max-height none
-      overflow: scroll     
+      max-height none      
+      border none     
   .sidebar__content
     width 250px
-    padding-right 10px
     box-sizing border-box
   .sidebar__list     
     h1
@@ -294,7 +265,7 @@ code, kbd, pre, samp
       border-bottom 1px solid #999
     h2
       font-size 1.125rem
-      margin-bottom: .5rem;        
+      margin-bottom .5rem        
       border-bottom 1px solid #E7E7E7
       font-weight regular         
       a
@@ -306,7 +277,7 @@ code, kbd, pre, samp
         color #003351
     ul
       list-style none
-      margin: 0 0 1rem;
+      margin 0 0 1rem
       // Reduced to help tutorials sidebar page
       padding 0 0 0 1rem
       a
@@ -344,23 +315,24 @@ code, kbd, pre, samp
       padding-top 50px
       &:hover
         text-decoration none
-  .open .sidebar__list .mobileHead 
-    -webkit-box-shadow: inset 0 1px 0 #1d93b2,0 1px 2px #2692b0
-    box-shadow: inset 0 1px 0 0 #1d93b2,0 1px 2px #2692b0   
-    -webkit-margin-before: 0em;
-    -webkit-margin-after: 0em;
-    -webkit-margin-start: 0px;
-    -webkit-margin-end: 0px;   
-    line-height: 2.25rem
-  .open .sidebar__list .mobileHead a
-     color white     
-  .open .mobile .current 
+@media (max-width: 819px)
+  .sidebar__list .mobileHead 
+    -webkit-box-shadow inset 0 1px 0 #1d93b2,0 1px 2px #2692b0
+    box-shadow inset 0 1px 0 0 #1d93b2,0 1px 2px #2692b0   
+    -webkit-margin-before 0em;
+    -webkit-margin-after 0em;
+    -webkit-margin-start 0px;
+    -webkit-margin-end 0px;   
+    line-height 2.25rem
+  .sidebar__list .mobileHead a
+     color white
+     box-shadow none     
+  .mobile .current 
      background #003351                       
-  .open .sidebar__list .mobileBg
-    background #003351  
-    -webkit-margin-before: 0px
-    -webkit-margin-after: 0px
-    -webkit-margin-start: 0px
-    -webkit-margin-end: 0px
-    -webkit-padding-start: 0px                                  
-
+  .sidebar__list .mobileBg
+     background #003351  
+     -webkit-margin-before 0px
+     -webkit-margin-after 0px
+     -webkit-margin-start 0px
+     -webkit-margin-end 0px
+     -webkit-padding-start 0px                                  

docs/2-tutorials/0-index.html.md

@@ -3,8 +3,7 @@ title: Tutorials
 url: tutorials
 layout: subpage
 ---
-
-## Mobile App Development Phases
+# Mobile App Development Phases
 
 Creating a mobile app can require several stages which can be categorized in the following phases: