final attempt for github pages

AUTplayed · Oct 21, 2018 · 3be6c45 · 3be6c45
1 parent 006ec13
commit 3be6c45
Show file tree

Hide file tree

Showing 15 changed files with 7 additions and 4 deletions.
diff --git 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 → demo/index.html b/docs/index.html → 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 → demo/ldf.js b/docs/ldf.js → demo/ldf.js
diff --git a/docs/package-lock.json → demo/package-lock.json b/docs/package-lock.json → demo/package-lock.json
diff --git a/docs/package.json → demo/package.json b/docs/package.json → demo/package.json
diff --git a/docs/pages/controls/controls.html → demo/pages/controls/controls.html b/docs/pages/controls/controls.html → demo/pages/controls/controls.html
diff --git a/docs/pages/controls/controls.js → demo/pages/controls/controls.js b/docs/pages/controls/controls.js → demo/pages/controls/controls.js
diff --git a/docs/pages/helloworld/helloworld.css → demo/pages/helloworld/helloworld.css b/docs/pages/helloworld/helloworld.css → demo/pages/helloworld/helloworld.css
diff --git a/docs/pages/helloworld/helloworld.html → demo/pages/helloworld/helloworld.html b/docs/pages/helloworld/helloworld.html → demo/pages/helloworld/helloworld.html
diff --git a/docs/pages/index/index.html → demo/pages/index/index.html b/docs/pages/index/index.html → demo/pages/index/index.html
diff --git a/docs/pages/login/icon.png → demo/pages/login/icon.png b/docs/pages/login/icon.png → demo/pages/login/icon.png
diff --git a/docs/pages/login/login.css → demo/pages/login/login.css b/docs/pages/login/login.css → demo/pages/login/login.css
diff --git a/docs/pages/login/login.html → demo/pages/login/login.html b/docs/pages/login/login.html → demo/pages/login/login.html
diff --git a/docs/test.js → demo/test.js b/docs/test.js → demo/test.js
diff --git 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,