anikaymaasquesa
diff --git a/‎.lektorproject
+1 b/‎.lektorproject
+1
diff --git a/‎README.md
+4-3 b/‎README.md
+4-3
diff --git a/‎assets/static/style.css
-122 b/‎assets/static/style.css
-122
diff --git a/‎templates/layout.html
+2-2 b/‎templates/layout.html
+2-2
diff --git a/‎assets/static/script.js renamed to ‎webpack/js/main.js b/‎assets/static/script.js renamed to ‎webpack/js/main.js
@@ -7,3 +7,4 @@ target = ghpages+https://creativecommons/creativecommons.github.io
 [packages]
 lektor-markdown-header-anchors = 0.3.1
 lektor-google-analytics = 0.1.3
+lektor-webpack-support = 0.5
@@ -43,7 +43,7 @@ else fails, try removing the virtual environment and reinstalling:
 ## Development
 
 1. Run `pipenv shell` to spawn a shell with the virtualenv activated
-1. Run `lektor server` to start the Lektor development server. You will be able
+1. Run `lektor server -f webpack` to start the Lektor development server. You will be able
    to see the website at [`http://localhost:5000/`][lektorlocal]. The Lektor
    server will rebuild the site every time you change any content.
 
@@ -68,8 +68,7 @@ on production!
 
 Here's how the code is structured in the top level of the repository:
 - **`assets`**: This directory contains the JavaScript and CSS files for the
-  project. Most of the JavaScript and CSS is third-party code and loaded via
-  CDN so this is pretty empty.
+  project built via webpack. Most of the JavaScript and CSS is third-party code and loaded via CDN so this is pretty empty.
 - **`content`**: The content of the site lives here. [Here's an explanation of
   how content works in Lektor][lektorcontent]. This is probably what you'll be
   modifying most often.
@@ -79,6 +78,8 @@ Here's how the code is structured in the top level of the repository:
 - **`templates`**: This is where the [Jinja2][jinja2] templates that render
   content are stored. See the [Lektor template documentation][lektortemplate]
   for more information.
+- **`webpack`**: This is where all the webpack config files as well as Sass and 
+  JavaScript files for the project resides. The JavaScript and Sass files are compiled and saved in assets folder       during lektor build process.
 
 [lektorcontent]:https://www.getlektor.com/docs/content/
 [lektormodels]:(https://www.getlektor.com/docs/models/
 
@@ -4,11 +4,11 @@
 <link rel="shortcut icon" type="image/x-icon" href="{{ '/static/favicon.ico'|url }}">
 <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
 <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet"> 
-<link rel="stylesheet" href="{{ '/static/style.css'|url }}">
+<link rel="stylesheet" href="{{ '/static/gen/style.css'|url }}">
 <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script type="text/javascript" src="{{ '/static/script.js'|url }}"></script>
+<script type="text/javascript" src="{{ '/static/gen/script.js'|url }}"></script>
 <title>{% block title %}Welcome{% endblock %} — Creative Commons on GitHub</title>
 <body>
   <div class="ga-script">{{ generate_google_analytics() }}</div>