diff --git a/static/my.css b/static/cryptopad.css
similarity index 100%
rename from static/my.css
rename to static/cryptopad.css
diff --git a/static/cryptopad.html b/static/cryptopad.html
index 7755a5b..d2c0839 100644
--- a/static/cryptopad.html
+++ b/static/cryptopad.html
@@ -6,18 +6,20 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		
-		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
-		<link href="my.css" rel="stylesheet" />
+		<link href="lib/bootstrap.min.css" rel="stylesheet" />
+		<link href="cryptopad.css" rel="stylesheet" />
 		
 		<script type="text/javascript" src="lib/sjcl.js"></script>
 		<script type="text/javascript" src="lib/jquery.min.js"></script>
-		<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
+		<script type="text/javascript" src="lib/bootstrap.min.js"></script>
 		
 		<script type="text/javascript">
 		"use strict";
 		var key;
 		var pads;
 		var curSel = null;
+		var backup;
+		var backupWaiting;
 		var curSelName = null;
 		var useRemote = true;
 		var waitingCount = 0;
@@ -197,6 +199,24 @@
 			return false; // for form.
 		}
 		
+		function backupKVS(key) {
+			getKVSItem(key, function (data) {
+				backup[key] = data;
+				backupWaiting--;
+				if (backupWaiting == 0)
+					alert(JSON.stringify(backup));
+			});
+		}
+		
+		function doBackup() {
+			backup = new Object();
+			backupWaiting = 1 + pads.length;
+			backupKVS(hashSomething("pads"));
+			for (var pad in pads) {
+				backupKVS(hashTitle(pads[pad]));
+			}
+		}
+		
 		function deleteNote() {
 			var index = $.inArray($("#title").val(), pads);
 			if ((index != -1) && (curSel != null)) {
@@ -226,6 +246,10 @@
 				alert("Your browser does not have Local Storage support. Come back when you've upgraded.");
 			}
 			
+			// for web browsers refilling this on refresh.
+			$("#title").val("");
+			$("#data").val("");
+			
 			$('.tabs').button()
 			$("#remoteButton").button('toggle');
 			
@@ -238,13 +262,17 @@
 			});
 			
 			$("#myModal").modal({backdrop: "static", keyboard: false}); // undocumented trick to not hide the dialog
-			$("#password").select();
+			
+			// set up buttons
+			$("#backuper").click(doBackup);
 			$("#submitter").click(saveNote);
 			$("#deleter").click(deleteNote);
 			$("#newer").click(newNote);
 			$("#searchform").submit(searchNote);
 			$("#loginForm").submit(login);
 			$("#loginBtn").click(login);
+			// place cursor in password field for quick access.
+			$("#password").select();
 		}
 		
 		$(document).ready(init);		
@@ -252,7 +280,6 @@
 	</head>
 	<body>
 		<div class="modal" id="myModal">
-			
 			    <div class="modal-header">
 			    	<h3>Login to CryptoPad</h3>
 			    </div>
@@ -286,6 +313,7 @@
     			</form>
 				<ul id="padList" class="nav nav-pills nav-stacked">
         		</ul>
+        		<button id="backuper" class="btn btn-inverse">Backup</button>
 			</div>
 			<div class="span10">
 				<div class="well">
diff --git a/static/bootstrap/css/bootstrap.min.css b/static/lib/bootstrap.min.css
similarity index 100%
rename from static/bootstrap/css/bootstrap.min.css
rename to static/lib/bootstrap.min.css
diff --git a/static/bootstrap/js/bootstrap.min.js b/static/lib/bootstrap.min.js
similarity index 100%
rename from static/bootstrap/js/bootstrap.min.js
rename to static/lib/bootstrap.min.js
