feat(add webpack):

Author: fabianmoronzirfas

_config.yml

@@ -40,3 +40,5 @@ exclude:
   - lib/
   - node_modules/
   - test/
+  - assets/js/src/
+  - .cache

_layouts/default.html

@@ -23,7 +23,6 @@
     page.title | replace: '.', '' | replace: ' ', '' | downcase
   }}">
     <div class="wrapper">
-
         {% include aside-left.html %}
         <div class="main">
             <div id="content" class="wrapppper">
@@ -35,21 +34,24 @@
         </div>
         <div class="guidelines"></div>
         {% include footer.html %}
-        <script src="/assets/js/jquery.min.js" type="text/javascript"></script>
-        <script src="/assets/js/basiljs.js" type="text/javascript"></script>
-        <script src="/assets/js/tweets.js" type="text/javascript" async></script>
-        <script src="/assets/js/p5.min.js" type="text/javascript" defer></script>
-        <script src="/assets/js/sketch.js" type="text/javascript" defer></script>
-        <script type="text/javascript">
-            window.onblur = function() {
-                noLoop();
-            }
-            window.onfocus = function() {
-                loop();
-            }
-        </script>
-
     </div>
+    <script src="/assets/js/jquery.min.js" type="text/javascript"></script>
+    <script src="/assets/js/basiljs.js" type="text/javascript"></script>
+    <script src="/assets/js/tweets.js" type="text/javascript" async></script>
+    <script src="/assets/js/p5.min.js" type="text/javascript" defer></script>
+    <script src="/assets/js/sketch.js" type="text/javascript" defer></script>
+    <script src="/assets/js/main.bundle.js" type="text/javascript" defer></script>
+    <script type="text/javascript">
+        window.onblur = function() {
+            noLoop();
+        }
+        window.onfocus = function() {
+            loop();
+        }
+    </script>
+    {% if page.layout == 'reference' %}
+    <script src="/assets/js/reference.bundle.js" type="text/javascript"></script>
+    {% endif %}
 </body>
 
 </html>

assets/js/basiljs.js

@@ -15,7 +15,7 @@ $(document).ready(function() {
 });
 
 function specialChars() {
-  $('a.stepped-link').each(function() {
+  $('a.textgrow').each(function() {
     const chars = $(this).text().split('');
     const that = $(this);
     that.empty();

assets/js/main.bundle.js

@@ -0,0 +1,4 @@
+/* global $ */
+$(document).ready(()=>{
+  console.log('JQ: doc ready...');
+});

assets/js/main.bundle.js.map

@@ -0,0 +1,3 @@
+document.addEventListener('DOMContentLoaded',function() {
+  console.log('Vanilla doc ready');
+});