fix: updated docs template and added more plugins

Author: frankpagan

docs/menu.html

@@ -29,7 +29,7 @@
 	  			<ul class="overflow:auto display:flex flex-direction:column width:100% height:calc(100vh_-_140px) bottom:10px margin-right:5px">
 
 					 <!--Navigation -->
-					<div class="show-on-phone-only">
+					<div class="display:none@md@lg@xl">
 						<li class="padding-right:10px font-size:20px line-height:40px height:40px">
 							<a href="./index.html#features" class="padding-left:15px color:dodgerblue:hover">Features</a>
 						</li>

docs/navbar.html

@@ -67,14 +67,14 @@
 			</a>
 
 	    	 <!--Icon Logo -->
-	    	<span class="padding:5px_12px show-on-phone-only">
+	    	<span class="padding:5px_12px display:none@md@lg@xl">
 				<a href="./index.html">	
 					<img data-collection="organizations" data-document_id="" name="logo" data-pass_id="me1234" src="https://cdn.cocreate.app/icon.png" height="40px" alt="...">
 				</a>
 			</span>
 
 	    	 <!--Navigation -->
-			<div class="display:flex align-items:center show-on-tablet-and-up overflow:overlay height:50px width:100% font-size:20px">
+			<div class="display:flex align-items:center display:none@xs@sm overflow:overlay height:50px width:100% font-size:20px">
 				<div class="margin-right:25px">
 					<a href="./index.html#features" class="color:dodgerblue:hover">Features</a>
 				</div>

src/components.js

@@ -63,9 +63,9 @@ addLazily('domain', '[data-domain]', ()=> import (/*webpackChunkName: "domain-ch
 addLazily('facebook', '[data-facebook]', ()=> import (/*webpackChunkName: "facebook-chunk"*/ '@cocreate/facebook'))
 addLazily('fullcalendar', '.cal-container', ()=> import (/*webpackChunkName: "fullcalendar-chunk"*/ '@cocreate/fullcalendar'))
 addLazily('font-awesome', '.fa, .fas, .fab', ()=> import (/*webpackChunkName: "font-awesome-chunk"*/ '@cocreate/font-awesome'))
-// addLazily('google-auth', '[data-googleauth]', ()=> import (/*webpackChunkName: "google-auth-chunk"*/ '@cocreate/google-auth'))
+addLazily('google-auth', '[data-googleauth]', ()=> import (/*webpackChunkName: "google-auth-chunk"*/ '@cocreate/google-auth'))
 // addLazily('google-maps', '[data-google-maps]', ()=> import (/*webpackChunkName: "google-maps-chunk"*/ '@cocreate/google-maps'))
-// addLazily('instagram', '[data-instagram]', ()=> import (/*webpackChunkName: "instagram-chunk"*/ '@cocreate/instagram'))
+addLazily('instagram', '[data-instagram]', ()=> import (/*webpackChunkName: "instagram-chunk"*/ '@cocreate/instagram'))
 // addLazily('lighthouse', '[data-lighthouse]', ()=> import (/*webpackChunkName: "lighthouse-chunk"*/ '@cocreate/lighthouse'))
 // addLazily('linkedin', '[data-linkedin]', ()=> import (/*webpackChunkName: "linkedin-chunk"*/ '@cocreate/linkedin'))
 // addLazily('monaco', '.monaco', ()=> import (/*webpackChunkName: "monaco-chunk"*/ '@cocreate/monaco'))