Updating Vorlon.js website with up to date content.

MicrosoftDX · Mar 16, 2023 · ea1e63e · ea1e63e
1 parent 97c9f6f
commit ea1e63e
Show file tree

Hide file tree

Showing 8 changed files with 36 additions and 34 deletions.
diff --git a/404.html b/404.html
@@ -31,7 +31,7 @@
           <h1 class="home"><a href="/" class="logo">Vorlon.JS</a></h1>
           <label for="reveal-nav" class="nav-item filled reveal-nav-btn">Menu</label>
           <input type="checkbox" id="reveal-nav" role="button" class="reveal-nav-input">
-          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://slackinvorlon.azurewebsites.net/" target="_blank" class="nav-item">Join Slack</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
+          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
         </div>
       </nav>
       <section class="site-header"></section>

diff --git a/community/index.html b/community/index.html
@@ -31,7 +31,7 @@
           <h1 class="home"><a href="/" class="logo">Vorlon.JS</a></h1>
           <label for="reveal-nav" class="nav-item filled reveal-nav-btn">Menu</label>
           <input type="checkbox" id="reveal-nav" role="button" class="reveal-nav-input">
-          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://slackinvorlon.azurewebsites.net/" target="_blank" class="nav-item">Join Slack</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
+          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
         </div>
       </nav>
       <section class="centered">

diff --git a/data/documentation.json b/data/documentation.json
diff --git a/documentation/index.html b/documentation/index.html
@@ -31,7 +31,7 @@
           <h1 class="home"><a href="/" class="logo">Vorlon.JS</a></h1>
           <label for="reveal-nav" class="nav-item filled reveal-nav-btn">Menu</label>
           <input type="checkbox" id="reveal-nav" role="button" class="reveal-nav-input">
-          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://slackinvorlon.azurewebsites.net/" target="_blank" class="nav-item">Join Slack</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
+          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
         </div>
       </nav>
       <div class="container docs-content">
@@ -315,7 +315,7 @@ <h3>Documentation</h3>
 <a name="running-proxy-locally"></a><h2 id="running-proxy-locally">Running proxy locally</h2>
 <p>First you must check that the proxy has been enabled. Open config.json and verify that "enableWebproxy" is set to true, and start your Vorlon server (using "npm start" for example). That's the only thing you must have to do. If you run the proxy locally, you could go to <a href="http://localhost:1337/httpproxy">http://localhost:1337/httpproxy</a> to open a helper page. The proxy itself will listen on port 5050 (by default). In case of trouble, look at the console for your server. At the very beginning you must have a trace indicating that the server and the proxy have started, and which port they are running on.</p>
 <a name="hosting-the-proxy"></a><h2 id="hosting-the-proxy">hosting the proxy</h2>
-<p>Vorlon server and proxy resides on different processes and could be deployed separately. To work properly, the proxy must be listening at the root of a http domain. The proxy cannot work if it's set on a path like "<a href="http://vorlonjs.com/documentation/">http://vorlonjs.com/documentation/</a>". This is due to the fact that inspected web pages may have url relative to the httpdomain (url starting with "/"). If the proxy is not listening at the root, it won't be able to catch those calls.</p>
+<p>Vorlon server and proxy resides on different processes and could be deployed separately. To work properly, the proxy must be listening at the root of a http domain. The proxy cannot work if it's set on a path like "<a href="http://vorlonjs.com/documentation/&quot;">http://vorlonjs.com/documentation/"</a>. This is due to the fact that inspected web pages may have url relative to the httpdomain (url starting with "/"). If the proxy is not listening at the root, it won't be able to catch those calls.</p>
 <p>If you want to host a Vorlon instance with the proxy feature, their are a few configurations that you may find usefull :
 "vorlonServerURL" is used by the proxy to build the url of Vorlon client script
 "vorlonProxyURL" is used by the Vorlon server to send requests to the proxy</p>

diff --git a/index.html b/index.html
@@ -32,7 +32,7 @@
           <h1 class="home"><a href="/" class="logo">Vorlon.JS</a></h1>
           <label for="reveal-nav" class="nav-item filled reveal-nav-btn">Menu</label>
           <input type="checkbox" id="reveal-nav" role="button" class="reveal-nav-input">
-          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://slackinvorlon.azurewebsites.net/" target="_blank" class="nav-item">Join Slack</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
+          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
         </div>
       </nav>
       <header class="site-header">
@@ -58,9 +58,7 @@ <h1 class="home"><a href="/" class="logo">Vorlon.JS</a></h1>
       <section class="centered">
         <div class="container narrow">
           <h1>Introducing Vorlon.JS</h1>
-          <p class="centered"><img src="https://jcorioland.visualstudio.com/DefaultCollection/_apis/public/build/definitions/593f5499-db9b-4e0f-ba42-fdd5d655592a/2/badge"><span>&nbsp;&nbsp;</span><a href="https://npmjs.org/package/vorlon" class="npm-shield"><img src="https://badge.fury.io/js/vorlon.svg"></a><span>&nbsp;&nbsp;</span>
-            <script async defer src="https://slackinvorlon.azurewebsites.net/slackin.js"></script><span>&nbsp;&nbsp;</span>
-          </p>
+          <p class="centered"><a href="https://npmjs.org/package/vorlon" class="npm-shield"></a><img src="https://badge.fury.io/js/vorlon.svg"></p><span>&nbsp;&nbsp;</span>
           <p>An open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io.</p>
         </div>
       </section>
@@ -85,20 +83,25 @@ <h2>Extensible</h2>
           <h2>See a Vorlon.JS Demo</h2>
           <div class="video">
             <div class="video-embed">
-              <video controls>
-                <source src="/videos/vorlon-demo.mp4" type="video/mp4">
-              </video>
+              <iframe width="560" height="315" src="https://www.youtube.com/embed/akmiqohFOM0" frameborder="0" allowfullscreen></iframe>
+            </div>
+          </div>
+          <div class="container cf"></div>
+          <h2>Remote debug a Tesla!</h2>
+          <div class="video">
+            <div class="video-embed">
+              <iframe width="560" height="315" src="https://www.youtube.com/embed/r7nDvWS3n1o" frameborder="0" allowfullscreen></iframe>
             </div>
           </div>
         </div>
       </section>
       <hr>
       <section id="getting-started">
         <div class="container cf">
-          <h2>Learn more about Vorlon.js in this 20 minutes video</h2>
+          <h2>Learn more about Vorlon.js in this 10 minutes video</h2>
           <div class="video">
             <div class="video-embed">
-              <iframe src="https://channel9.msdn.com/Shows/codechat/046/player" width="960" height="540" allowFullScreen frameBorder="0"></iframe>
+              <iframe width="560" height="315" src="https://www.youtube.com/embed/77u73mD9MKE?t=2812" frameborder="0" allowfullscreen></iframe>
             </div>
           </div>
         </div>
@@ -107,6 +110,7 @@ <h2>Learn more about Vorlon.js in this 20 minutes video</h2>
       <section id="getting-started">
         <div class="container narrow">
           <h2>Getting Started</h2>
+          <p><strong>Prerequisites:</strong> please note that Vorlon.js doesn't work for now with Node v18, please use v16 until we fix it.</p>
           <p>Learn everything you need to about Vorlon.js 0.1.0 in <a href='https://channel9.msdn.com/Shows/codechat/046' target="_blank">this video</a></p>
           <p>Install and run the Vorlon.JS server from npm:</p>
           <pre><code>$ npm i -g vorlon 
@@ -123,7 +127,6 @@ <h2>Getting Started</h2>
             <pre><code>&lt;script src="http://localhost:1337/vorlon.js"&gt;&lt;/script&gt;</code></pre>
           </p>
           <p>Now when you open your app you should see your client appear on the dashboard.</p>
-          <p>You can also open the <a href="http://cdn.rawgit.com/MicrosoftDX/Vorlonjs/master/Plugins/samples/index.html">sample page</a>, which already has this script tag in it, to test your dashboard.</p>
           <p class="centered"><a href="documentation/" class="btn btn-primary">Read the Docs</a></p>
         </div>
       </section>
@@ -139,7 +142,7 @@ <h3>Install Windows version</h3>
             <li>Download zip file by clicking the button bellow. </li>
             <li>Unzip content in a temp folder and run the installer</li>
           </ul>
-          <p class="centered"><a href="https://andyet.azurewebsites.net/desktop/vorlon-desktop.zip" class="btn btn-primary">Download Windows version</a></p>
+          <p class="centered"><a href="./desktop/vorlon-desktop.zip" class="btn btn-primary">Download Windows version</a></p>
           <h3>Install MacOSX version</h3>
           <ul>
             <li>Download dmg file by clicking the button bellow. </li>
@@ -148,7 +151,7 @@ <h3>Install MacOSX version</h3>
             <li>If the window also contains a shortcut icon to 'Applications', drag and drop the app onto the shortcut. </li>
             <li>If not, double-click the mounted volume on your desktop and drag the app icon from there to the 'Applications' icon in the Finder sidebar.</li>
           </ul>
-          <p class="centered"><a href="https://andyet.azurewebsites.net/desktop/vorlon-desktop_0.1.0.dmg" class="btn btn-primary">Download Mac OSX version</a></p>
+          <p class="centered"><a href="./desktop/vorlon-desktop_0.1.0.dmg" class="btn btn-primary">Download Mac OSX version</a></p>
         </div>
       </section>
       <footer class="site-footer">

diff --git a/index.jade b/index.jade
@@ -24,13 +24,9 @@ block content
     .container.narrow
       h1 Introducing Vorlon.JS
       p.centered
-        img(src='https://jcorioland.visualstudio.com/DefaultCollection/_apis/public/build/definitions/593f5499-db9b-4e0f-ba42-fdd5d655592a/2/badge')
-        span &nbsp;&nbsp;
-        a.npm-shield(href='https://npmjs.org/package/vorlon')
+          a.npm-shield(href='https://npmjs.org/package/vorlon')
           img(src='https://badge.fury.io/js/vorlon.svg')
         span &nbsp;&nbsp;
-        script(async, defer, src='https://slackinvorlon.azurewebsites.net/slackin.js')
-        span &nbsp;&nbsp;
 
       p An open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io.
 
@@ -54,24 +50,29 @@ block content
       h2 See a Vorlon.JS Demo
       .video
         .video-embed
-          //- iframe(src='https://www.youtube.com/embed/r3QVbyesRmc?rel=0' frameborder='0' allowfullscreen)
-          video(controls)
-            source(src='/videos/vorlon-demo.mp4', type='video/mp4')
-
+          iframe(width='560', height='315', src='https://www.youtube.com/embed/akmiqohFOM0', frameborder='0', allowfullscreen)
+
+      .container.cf
+      h2 Remote debug a Tesla!
+      .video
+        .video-embed
+          iframe(width='560', height='315', src='https://www.youtube.com/embed/r7nDvWS3n1o', frameborder='0', allowfullscreen)
+
   hr
 
   section#getting-started
     .container.cf
-      h2 Learn more about Vorlon.js in this 20 minutes video
+      h2 Learn more about Vorlon.js in this 10 minutes video
       .video
         .video-embed
-          iframe(src='https://channel9.msdn.com/Shows/codechat/046/player' width="960" height="540" allowFullScreen frameBorder="0")
-          
+         iframe(width='560', height='315', src='https://www.youtube.com/embed/77u73mD9MKE?t=2812', frameborder='0', allowfullscreen)
+
   hr   
 
   section#getting-started
     .container.narrow
       h2 Getting Started
+      p <strong>Prerequisites:</strong> please note that Vorlon.js doesn't work for now with Node v18, please use v16 until we fix it.
       p Learn everything you need to about Vorlon.js 0.1.0 in <a href='https://channel9.msdn.com/Shows/codechat/046' target="_blank">this video</a>
       p Install and run the Vorlon.JS server from npm:
       pre
@@ -95,7 +96,6 @@ block content
           code
             | &lt;script src="http://localhost:1337/vorlon.js"&gt;&lt;/script&gt;
       p Now when you open your app you should see your client appear on the dashboard.
-      p You can also open the <a href="http://cdn.rawgit.com/MicrosoftDX/Vorlonjs/master/Plugins/samples/index.html">sample page</a>, which already has this script tag in it, to test your dashboard.
       p.centered
         a.btn.btn-primary(href='documentation/') Read the Docs
 
@@ -115,7 +115,7 @@ block content
         li Download zip file by clicking the button bellow. 
         li Unzip content in a temp folder and run the installer
       p.centered
-        a.btn.btn-primary(href='https://andyet.azurewebsites.net/desktop/vorlon-desktop.zip') Download Windows version
+        a.btn.btn-primary(href='./desktop/vorlon-desktop.zip') Download Windows version
       h3 Install MacOSX version
       ul
         li Download dmg file by clicking the button bellow. 
@@ -124,4 +124,4 @@ block content
         li If the window also contains a shortcut icon to 'Applications', drag and drop the app onto the shortcut. 
         li If not, double-click the mounted volume on your desktop and drag the app icon from there to the 'Applications' icon in the Finder sidebar.
       p.centered
-        a.btn.btn-primary(href='https://andyet.azurewebsites.net/desktop/vorlon-desktop_0.1.0.dmg') Download Mac OSX version
+        a.btn.btn-primary(href='./desktop/vorlon-desktop_0.1.0.dmg') Download Mac OSX version
diff --git a/layout.jade b/layout.jade
@@ -51,7 +51,6 @@ html(lang='en')
             a.nav-item(href='/plugins') Plugins
             a.nav-item(href='/documentation') Documentation
             a.nav-item(href='/community') Community
-            a.nav-item(href='https://slackinvorlon.azurewebsites.net/', target='_blank') Join Slack
             a.nav-item.filled(href='https://github.com/MicrosoftDX/Vorlonjs/') GitHub
 
       block content

diff --git a/plugins/index.html b/plugins/index.html
@@ -31,7 +31,7 @@
           <h1 class="home"><a href="/" class="logo">Vorlon.JS</a></h1>
           <label for="reveal-nav" class="nav-item filled reveal-nav-btn">Menu</label>
           <input type="checkbox" id="reveal-nav" role="button" class="reveal-nav-input">
-          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://slackinvorlon.azurewebsites.net/" target="_blank" class="nav-item">Join Slack</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
+          <div class="nav-main-list"><a href="/#demo" class="nav-item">See Demo</a><a href="/#getting-started" class="nav-item">Get Started</a><a href="/#vorlon-desktop" class="nav-item">Desktop app</a><a href="/plugins" class="nav-item">Plugins</a><a href="/documentation" class="nav-item">Documentation</a><a href="/community" class="nav-item">Community</a><a href="https://github.com/MicrosoftDX/Vorlonjs/" class="nav-item filled">GitHub</a></div>
         </div>
       </nav>
       <section class="centered">