Get rid of examples in exchange for gh-pages + fix id

haroldtreen · Dec 30, 2015 · 91bf562 · 91bf562
1 parent d43075e
commit 91bf562
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 228 deletions.
diff --git a/README.md b/README.md
@@ -17,12 +17,15 @@ Using the source code in a container as the background for the container.
   <body>
         <!-- Body contents -->
         <script type="text/javascript" src="node-modules/show-code/index.js"></script>
+        <script>
+            window.showCode(); // Run when your container is ready
+        </script>
   </body>
   ```
 
 3. The add `show-code` ID to a container
   ```html
-  <div id='show-code'>
+  <div id='sc-container'>
         <span>All your content!</span>
   </div>
   ```
@@ -50,11 +53,13 @@ When the background is injected it will have the `sc-background` ID. Using this
 ```
 
 ## Example:
-```
+See it in action [here](https://haroldtreen.github.io/show-code/)
+
+or
+
+```bash
 npm install -g serve
-cd show-code
-serve
-open http://localhost:3000/example/
+git clone git@github:haroldtreen/show-code --branch gh-pages
+serve show-code
+open http://127.0.0.1:3000/
 ```
-
-![Example](https://raw.githubusercontent.com/haroldtreen/show-code/master/example/example.png)
diff --git a/example/example.css b/example/example.css
diff --git a/example/example.png b/example/example.png
diff --git a/example/index.html b/example/index.html
diff --git a/example/prism.css b/example/prism.css
diff --git a/example/prism.js b/example/prism.js
diff --git a/index.js b/index.js
@@ -1,4 +1,4 @@
-(function() {
+(function(global) {
     // Cached variables
     var containerEl;
     var backgroundEl;
@@ -71,7 +71,7 @@
         });
     };
 
-    var showCodeStart = function() {
+    var showCode = function() {
         backgroundEl = createBackground();
         containerEl = document.getElementById('show-code');
 
@@ -82,5 +82,5 @@
         setupEventListeners();
     };
 
-    showCodeStart();
-})();
+    global.showCode = showCode;
+})(window);
diff --git a/stylesheet.css b/stylesheet.css
@@ -1,4 +1,4 @@
-#show-code {
+#sc-container {
     width: 100%;
     overflow: hidden;
     position: relative;