Updated the 'Build for Developers' section (#41)

* Updated the 'Build for Developers' section with the new embeded viewer and code sample

* Updated embedded src

package.json

@@ -2,7 +2,7 @@
   "name": "speckle-starter-theme",
   "description": "A custom theme for speckle",
   "demo": "https://starter.ghost.io",
-  "version": "2.4.12",
+  "version": "2.4.13",
   "engines": {
     "ghost": ">=3.0.0",
     "ghost-api": "v3"

partials/cardCTA.hbs

@@ -18,7 +18,7 @@
           {{/if}}
         </p>
         <div class="rounded-xl shadow-xl mt-5">
-          <a href="/getstarted" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white transition-colors bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
+          <a href="https://app.speckle.systems" class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white transition-colors bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
             {{#if buttonText}}
               {{buttonText}}
             {{else}}

partials/cardCTAShadow.hbs

@@ -15,7 +15,7 @@
           {{/if}}
         </p>
         <div class="rounded-xl shadow-xl mt-5">
-          <a href="/getstarted"
+          <a href="https://app.speckle.systems"
             class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white transition bg-blue-500 hover:ring-4 md:py-4 md:text-lg md:px-10">
             {{#if buttonText}}
             {{buttonText}}

partials/ctaButton.hbs

@@ -1,4 +1,4 @@
-<a href="/getstarted"
+<a href="https://app.speckle.systems"
   class="inline-block items-center justify-center px-8 py-3 transition text-base font-medium rounded-md text-white bg-blue-500 hover:ring-4 hover:shadow-3xl md:py-4 md:text-lg">
   <span class="text-white no-underline">Get Started</span>
 </a>

partials/interop/connectorTagCards.hbs

@@ -6,7 +6,7 @@
       us:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md">
       <option value="Select a connector">From</option>
       {{#get "tags" limit="all" include='count.posts' order='count.posts desc'
-      filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,unity,unreal,archicad,openrail,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
+      filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,advancesteel,unity,unreal,archicad,openrail,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
       {{#foreach tags }}
       <option value="{{name}}">{{name}}</option>
       {{/foreach}}
@@ -17,7 +17,7 @@
       class="inline-block sm:w-auto mt-1 pl-3 mx-3 pr-10 py-2 text-base font-extrabold shadow-lg text-white bg-blue-500  dark:bg-blue-900 border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md">
       <option value="Select a connector">To </option>
       {{#get "tags" limit="all" include='count.posts' order='count.posts desc'
-      filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,unity,unreal,archicad,openrail,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
+      filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,advancesteel,unity,unreal,archicad,openrail,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
       {{#foreach tags }}
       <option value="{{name}}">{{name}}</option>
       {{/foreach}}
@@ -34,7 +34,7 @@
 <div class="relative flex items-center w-default mt-4 text-white"></div>
 <div class="w-default pt-10 grid grid-cols-2 gap-0 gap-y-2 md:gap-6">
   {{#get "tags" limit="all" include='count.posts' order='count.posts desc'
-  filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,unity,unreal,archicad,openrail,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
+  filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,advancesteel,unity,unreal,archicad,openrail,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
   {{#foreach tags }}
   <a href="{{url}}" class="group p-2 py-5 col-span-2 md:col-span-1 flex flex-row
           shadow-sm hover:shadow-xl transition-shadow hover:ring dark:bg-gray-900 bg-white rounded-xl connector-card connector-{{name}}

partials/landing/connectorsPreview.hbs

@@ -24,7 +24,7 @@
     <div class="swiper-container connector-swiper">
       <div class="swiper-wrapper mb-10">
         {{#get "tags" limit="all" include='count.posts' order='count.posts desc'
-        filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,archicad,openrail,unity,unreal,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
+        filter="slug:[rhino,grasshopper,revit,dynamo,navisworks,excel,blender,autocad,civil3d,advancesteel,archicad,openrail,unity,unreal,etabs,sap2000,csibridge,safe,qgis,arcgis,topsolid,powerbi,sketchup,openroads,microstation,openbuildings,teklastructures,gsa]"}}
         {{#foreach tags }}
         <a href="{{url}}"
           class="swiper-slide group dark:text-gray-200 text-gray-600 p-2 text-center content-center flex flex-wrap justify-center">

partials/landing/developersPreview.hbs

@@ -63,7 +63,7 @@
         </p>
         <div class="relative h-96 w-full flex items-center justify-center bg-gradient-to-br from-white dark:from-gray-900 via-gray-200 dark:via-gray-700 dark:to-gray-800 to-white"
           id="renderer">
-          <iframe src="https://speckle.xyz/embed?stream=3073b96e86"style="width: 100%; height:100%;"></iframe>
+          <iframe title="Speckle" src="https://app.speckle.systems/projects/24c98619ac/models/38639656b8#embed={%22isEnabled%22:true,%22isTransparent%22:true,%22hideControls%22:true,%22hideSelectionInfo%22:true,%22noScroll%22:true,%22manualLoad%22:true}" width="600" height="400" frameborder="0"></iframe>
         </div>
         <div class="w-full bg-gray-300 dark:bg-gray-900 text-gray-500 text-xs py-2 px-8">
           $ ▸ superApp.js <span class="ml-3 opacity-50">#
@@ -73,14 +73,16 @@
         <code class="language-javascript">
   // Sample 3d viewer app
   // See: https://github.com/specklesystems/speckle-server
-  import Viewer from '@speckle/viewer'
+  import { Viewer, SpeckleLoader } from '@speckle/viewer'
 
-  let viewer = new Viewer( )
+  const viewer = new Viewer();
+  await viewer.init();
 
-  // load a model
-  async function load( commitUrl ) {
-    await viewer.loadObject( commitUrl )
-  }</code></pre>
+  /** Create a loader for the speckle stream */
+  const loader = new SpeckleLoader(viewer.getWorldTree(), modelURL);
+  /** Load the speckle data */
+  await viewer.loadObject(loader, true);
+  </code></pre>
 
       </div>
     </div>

partials/landing/header.hbs

@@ -14,7 +14,7 @@
       </p>
     </div>
     <div class="mt-5 md:mt-8 flex items-center justify-center lg:justify-start">
-      <a href="https://speckle.xyz/authn/register" class="items-center justify-center px-8 py-3 transition text-base font-medium rounded-md text-white bg-blue-500 hover:ring-4 hover:shadow-3xl md:py-4 md:text-lg md:px-10
+      <a href="https://app.speckle.systems" class="items-center justify-center px-8 py-3 transition text-base font-medium rounded-md text-white bg-blue-500 hover:ring-4 hover:shadow-3xl md:py-4 md:text-lg md:px-10
         ">
         <span class="text-white no-underline">Register Now</span>
       </a>

partials/navbarCTA.hbs

@@ -1,4 +1,4 @@
-<a href="https://speckle.xyz/authn/register" target="_blank"
+<a href="https://app.speckle.systems" target="_blank"
   class="inline-flex w-full items-center justify-center px-4 py-2 border border-transparent transition rounded-md shadow-sm text-base font-medium text-white bg-blue-500 hover:ring-4 hover:shadow-xl">
   Register Now
 </a>

partials/pricing.hbs

@@ -33,7 +33,7 @@
     </div>
     {{!-- <div class="h-16 absolute bottom-0 inset-x-0"> --}}
     <div class="self-end mt-10 ">
-      <a href="https://speckle.xyz/authn/register">
+      <a href="https://app.speckle.systems">
         <button class="w-full bg-blue-500 hover:bg-blue-600 font-medium text-base text-white px-4 py-4 shadow-sm border-transparent rounded-md border hover:ring-4 hover:shadow-xl transition">
           Register Now
         </button>

partials/pricingRegister.hbs

@@ -23,7 +23,7 @@
     </div>
 
     <div class="flex items-center justify-center">
-      <a href="https://speckle.xyz/authn/register"
+      <a href="https://app.speckle.systems"
         target="_blank"
         class="mt-2 border-2 h-32 w-72 rounded-xl border-blue-500 bg-blue-500 hover:ring-4 transition p-4 flex text-white text-center justify-center">
         <span class="self-center">Register Now</span>