diff --git a/bin/installDeps.sh b/bin/installDeps.sh
index feff219e..ffe15b9a 100755
--- a/bin/installDeps.sh
+++ b/bin/installDeps.sh
@@ -53,4 +53,12 @@ fi
 echo "Clear minfified cache..."
 rm -f var/minified*
 
+echo "ensure custom css/js files are created..."
+for f in $(cat "static/custom/.gitignore")
+do
+  if [ ! -f "static/custom/$f" ]; then
+    touch "static/custom/$f"
+  fi
+done
+
 exit 0
diff --git a/static/custom/.gitignore b/static/custom/.gitignore
new file mode 100644
index 00000000..1d1dcd22
--- /dev/null
+++ b/static/custom/.gitignore
@@ -0,0 +1,6 @@
+index.css
+index.js
+pad.css
+pad.js
+timeslider.css
+timeslider.js
\ No newline at end of file
diff --git a/static/index.html b/static/index.html
index f6c350f4..3e2e5e1c 100644
--- a/static/index.html
+++ b/static/index.html
@@ -81,6 +81,8 @@
              width: 40px;
             }
         </style> 
+        <link href="static/custom/index.css" rel="stylesheet">
+        <script src="static/custom/index.js"></script>
         <div id="container"> 
             <div id="button" onclick="go2Random()">New Pad</div> 
             <br> 
@@ -122,4 +124,4 @@
                 return randomstring;
             }
         </script>
-</html>
\ No newline at end of file
+</html>
diff --git a/static/pad.html b/static/pad.html
index 8e6ebba4..6f4709dc 100644
--- a/static/pad.html
+++ b/static/pad.html
@@ -13,6 +13,8 @@
   </script>
   <script src="../socket.io/socket.io.js"></script>
   <script src="../minified/pad.js"></script>
+  <link href="../static/custom/pad.css" rel="stylesheet">
+  <script src="../static/custom/pad.js"></script>
   <style type="text/css" title="dynamicsyntax"></style>
 </head>
 
diff --git a/static/timeslider.html b/static/timeslider.html
index b850874a..395ba183 100644
--- a/static/timeslider.html
+++ b/static/timeslider.html
@@ -12,6 +12,9 @@
   <script type="text/javascript" src="../../socket.io/socket.io.js"></script>
   <script type="text/javascript" src="../../minified/timeslider.js"></script>
   
+  <link href="../../static/custom/timeslider.css" rel="stylesheet">
+  <script src="../../static/custom/timeslider.js"></script>
+  
   <script>
 // <![CDATA[
   var clientVars = {};