diff --git a/README.md b/README.md
index 3f9aba5..8f35aa9 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ ldf.nav("login");
 
 You can include css and js in your html files just like normal, they will also be dynamically loaded.
 
-For a small demonstration, check out the `docs` directory.
+For a small demonstration, check out the `demo` directory, [or check it out live.](https://autplayed.github.io/ldf/demo/)
 
 **Notes:**
 
@@ -79,6 +79,9 @@ LDF currently allows for some configuration.
 ldf.notfound = "<div>Page not Found</div>";
 // The directory your pages are stored on the server, default is /pages
 ldf.pagedir = "/pages";
+// A base url that is prepended for every navigation
+// Used in my case for github pages since that has a required base url
+ldf.baseurl = "";
 // The css selector string LDF will wait on before displaying the page.
 // By default it waits for all stylesheets and all elements with a src attribute (like images), but not scripts.
 ldf.waitselector = "link[rel='stylesheet'],:not(script)[src]";
@@ -95,7 +98,7 @@ In order for the refresh function to work, you will have to include a special ca
 
 You have to look at the request if it's not `/` but a request to a page, and send back your `index.html`. But you can't just always send back `index.html` when the requested file isn't found, unless you want your site to break if a user visits a missing page, since LDF relies on getting an error from a request to a missing page.
 
-A small implementation of this I used in the docs/example project (with nodejs and express) looks like this:
+A small implementation of this I used in the demo/example project (with nodejs and express) looks like this:
 
 ```javascript
 // Static resources
diff --git a/docs/index.html b/demo/index.html
similarity index 89%
rename from docs/index.html
rename to demo/index.html
index 19359de..e09254a 100644
--- a/docs/index.html
+++ b/demo/index.html
@@ -10,7 +10,7 @@ <h1 id="header">My Website</h1>
 	<script src="ldf.js"></script>
 	<script>
 		var header = document.querySelector("#header");
-		ldf.baseurl = "ldf"; // needed for github pages
+		ldf.baseurl = "ldf/demo"; // needed for github pages
 		ldf.begin = function () {
 			header.innerHTML = "My Website (loading)";
 		};
diff --git a/docs/ldf.js b/demo/ldf.js
similarity index 100%
rename from docs/ldf.js
rename to demo/ldf.js
diff --git a/docs/package-lock.json b/demo/package-lock.json
similarity index 100%
rename from docs/package-lock.json
rename to demo/package-lock.json
diff --git a/docs/package.json b/demo/package.json
similarity index 100%
rename from docs/package.json
rename to demo/package.json
diff --git a/docs/pages/controls/controls.html b/demo/pages/controls/controls.html
similarity index 100%
rename from docs/pages/controls/controls.html
rename to demo/pages/controls/controls.html
diff --git a/docs/pages/controls/controls.js b/demo/pages/controls/controls.js
similarity index 100%
rename from docs/pages/controls/controls.js
rename to demo/pages/controls/controls.js
diff --git a/docs/pages/helloworld/helloworld.css b/demo/pages/helloworld/helloworld.css
similarity index 100%
rename from docs/pages/helloworld/helloworld.css
rename to demo/pages/helloworld/helloworld.css
diff --git a/docs/pages/helloworld/helloworld.html b/demo/pages/helloworld/helloworld.html
similarity index 100%
rename from docs/pages/helloworld/helloworld.html
rename to demo/pages/helloworld/helloworld.html
diff --git a/docs/pages/index/index.html b/demo/pages/index/index.html
similarity index 100%
rename from docs/pages/index/index.html
rename to demo/pages/index/index.html
diff --git a/docs/pages/login/icon.png b/demo/pages/login/icon.png
similarity index 100%
rename from docs/pages/login/icon.png
rename to demo/pages/login/icon.png
diff --git a/docs/pages/login/login.css b/demo/pages/login/login.css
similarity index 100%
rename from docs/pages/login/login.css
rename to demo/pages/login/login.css
diff --git a/docs/pages/login/login.html b/demo/pages/login/login.html
similarity index 100%
rename from docs/pages/login/login.html
rename to demo/pages/login/login.html
diff --git a/docs/test.js b/demo/test.js
similarity index 100%
rename from docs/test.js
rename to demo/test.js
diff --git a/ldf.js b/ldf.js
index dee1bec..dfa3695 100644
--- a/ldf.js
+++ b/ldf.js
@@ -1,7 +1,7 @@
 var ldf = {
 	notfound: "<div>Page not Found</div>",
 	waitselector: "link[rel='stylesheet'],:not(script)[src]",
-	pagedir: "/pages",
+	pagedir: "pages",
 	baseurl: "",
 	begin: undefined,
 	end: undefined,