Merge pull request #660 from HelixDesignSystem/tweak-getting-started-guide

100stacks · web-flow · commit 5979ebe7faec · 2020-02-04T11:05:03.000-06:00
docs(Getting Started): assets -&gt; vendor
diff --git a/docs/guides/getting-started/index.html b/docs/guides/getting-started/index.html
@@ -72,16 +72,16 @@ <h2 id="copy-assets-into-app">2 - Copy Assets into App</h2>
     <figure>
       {% code 'bash' %}
         # Web Components Polyfill Loader
-        cp node_modules/helix-ui/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js public/assets
+        cp node_modules/helix-ui/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js public/vendor
 
         # Web Components Polyfill Bundles (injected as needed by loader above)
-        cp -R node_modules/helix-ui/node_modules/@webcomponents/webcomponentsjs/bundles public/assets
+        cp -R node_modules/helix-ui/node_modules/@webcomponents/webcomponentsjs/bundles public/vendor
 
         # production-ready, browser-compatible HelixUI JavaScript bundles
-        cp node_modules/helix-ui/dist/js/*.min.js public/assets
+        cp node_modules/helix-ui/dist/js/*.min.js public/vendor
 
         # production-ready HelixUI Stylesheets
-        cp node_modules/helix-ui/dist/css/*.min.css public/assets
+        cp node_modules/helix-ui/dist/css/*.min.css public/vendor
       {% endcode %}
     </figure>
 
@@ -93,7 +93,7 @@ <h2 id="copy-assets-into-app">2 - Copy Assets into App</h2>
     <figure>
       {% code 'bash' %}
         public/
-        ├ assets/
+        ├ vendor/
         │ ├ bundles/
         │ │ └ ...
         │ ├ helix-ui.min.css
@@ -158,7 +158,7 @@ <h3>3.2 - Load HelixUI Styles</h3>
 
       <figure>
         {% code 'html' %}
-          <link rel="stylesheet" href="assets/helix-ui.min.css" />
+          <link rel="stylesheet" href="vendor/helix-ui.min.css" />
         {% endcode %}
       </figure>
 
@@ -183,7 +183,7 @@ <h3>3.3 - Load Polyfills</h3>
 
       <figure>
         {% code 'html' %}
-          <script src="assets/webcomponents-loader.js"></script>
+          <script src="vendor/webcomponents-loader.js"></script>
         {% endcode %}
       </figure>
 
@@ -192,7 +192,7 @@ <h3>3.3 - Load Polyfills</h3>
         detection to identify the minimum polyfill bundle required by the
         current browser.  If the browser requires polyfills, an additional
         <code>&lt;script&gt;</code> element (loading a polyfill bundle from
-        <code>assets/bundles/</code>) will be injected after the loader.
+        <code>vendor/bundles/</code>) will be injected after the loader.
       </p>
     </section>
 
@@ -211,14 +211,14 @@ <h3>3.4 - Load HelixUI Scripts</h3>
       <figure>
         {% code 'html' %}
           <!-- Legacy Browsers (ES5 UMD Module) -->
-          <script nomodule src="assets/helix-ui.min.js"></script>
+          <script nomodule src="vendor/helix-ui.min.js"></script>
           <script nomodule>
             HelixUI.initialize();
           </script>
 
           <!-- Modern Browsers (ES6 ES Module) -->
           <script type="module">
-            import HelixUI from '/assets/helix-ui.module.min.js';
+            import HelixUI from '/vendor/helix-ui.module.min.js';
 
             HelixUI.initialize();
           </script>
@@ -256,10 +256,10 @@ <h2 id="verify">4 - Verify Configuration</h2>
         <html lang="en">
           <head>
             <!-- Step 3.2 -->
-            <link rel="stylesheet" href="assets/helix-ui.min.css" />
+            <link rel="stylesheet" href="vendor/helix-ui.min.css" />
 
             <!-- Step 3.3 -->
-            <script src="assets/webcomponents-loader.js"></script>
+            <script src="vendor/webcomponents-loader.js"></script>
             <!-- additional <script> may appear here -->
             <!--/Step 3.3 -->
           </head>
@@ -273,14 +273,14 @@ <h1>Hello HelixUI!</h1>
 
             <!-- Step 3.4 -->
             <!-- Legacy Browsers (ES5 UMD Module) -->
-            <script nomodule src="assets/helix-ui.min.js"></script>
+            <script nomodule src="vendor/helix-ui.min.js"></script>
             <script nomodule>
               HelixUI.initialize();
             </script>
 
             <!-- Modern Browsers (ES6 ES Module) -->
             <script type="module">
-              import HelixUI from '/assets/helix-ui.module.min.js';
+              import HelixUI from '/vendor/helix-ui.module.min.js';
 
               HelixUI.initialize();
             </script>
