Browse Source

docs: Update landing page with new install method

Michael Bromley 6 years ago
parent
commit
94687c38ae

+ 1 - 2
docs/assets/scripts/intro/intro.ts

@@ -14,8 +14,7 @@ const INTRO_VIEWED_KEY = 'v-intro-viewed';
 if (container && textArea && scene && controls && title) {
     container.classList.add('visible');
     const replayButton = controls.querySelector('#replay');
-    const terminalCommands = `$ install @vendure/core\n` +
-        `$ vendure init\n` +
+    const terminalCommands = `$ @vendure/create\n` +
         `$ start\n`;
     const terminal = new TerminalTyper(textArea as HTMLDivElement, terminalCommands);
     const onTransition = (className: string) => {

+ 3 - 3
docs/assets/scripts/intro/sequencer.ts

@@ -17,15 +17,15 @@ export class Sequencer {
         Object.values(this.playTimer).forEach(k => clearTimeout(k));
         await this.sleep('initial', 0);
         this.scene0();
-        await this.sleep('start-typing', 2000);
+        await this.sleep('start-typing', 1000);
         this.scene1();
-        await this.sleep('zoom-out', 2500);
+        await this.sleep('zoom-out', 1500);
         this.scene2();
         await this.sleep('data-flow', 1200);
         this.scene3();
         await this.sleep('websites', 1000);
         this.scene4();
-        await this.sleep('logo', 3000);
+        await this.sleep('logo', 2000);
         this.scene5();
         await this.sleep('final', 1000);
         this.scene6();

+ 12 - 22
docs/layouts/index.en.html

@@ -154,32 +154,22 @@
     <div class="content">
         <h2>Get Started</h2>
 
-<iframe src="https://player.vimeo.com/video/315862294"
-        title="intro video"
-        class="vimeo-player" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+        <div class="install-code">
+            <div class="highlight">
+                <pre class="chroma"><code class="language-bash" data-lang="bash">$ npx @vendure/create my-shop</code></pre>
+            </div>
+        </div>
 
-        <div class="getting-started">
-            <div class="install-code">
-                <div class="highlight">
-            <pre class="chroma"><code class="language-bash" data-lang="bash">$ npm install @vendure/core@alpha
+        <iframe src="https://player.vimeo.com/video/329126409"
+                title="intro video"
+                class="vimeo-player" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 
-<span class="c1"># or</span>
 
-$ yarn add @vendure/core@alpha</code>
-            </pre>
-                </div>
-            </div>
-            <div class="getting-started-link">
+        <div class="getting-started-link">
 
-                <div class='alert warning'>
-                    <p>
-                    <strong>Note</strong> Vendure is currently in <strong>alpha</strong>, which means it is not yet production-ready.
-                    </p>
-                </div>
-                <a href="{{ "docs/getting-started" | relURL }}" class="getting-started-button">
-                <img src="{{ "svg/clr-icon-bolt-light.svg" | relURL }}"> Getting Started Guide
-                </a>
-            </div>
+            <a href="{{ "docs/getting-started" | relURL }}" class="getting-started-button">
+            <img src="{{ "svg/clr-icon-bolt-light.svg" | relURL }}"> Getting Started Guide
+            </a>
         </div>
     </div>
 </div>