diff --git a/static/application.css b/static/application.css
index f5a79ef..120140b 100644
--- a/static/application.css
+++ b/static/application.css
@@ -3,6 +3,7 @@ body {
padding: 0px;
margin: 0px;
}
+
textarea {
background: transparent;
border: 0px;
@@ -15,11 +16,31 @@ textarea {
resize: none;
font-size: 13px;
}
+
#box {
padding: 0px;
width: 100%;
height: 100%;
}
+
#box code {
padding: 20px;
+ background: transparent !important; /* don't hide hastebox */
+}
+
+#key {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ text-align: right;
+ z-index: -1000; /* watch out */
+ color: #999;
+ font-size: 13px;
+ font-family: monospace;
+}
+
+#key em {
+ display: block;
+ margin-bottom: 5px;
+ color: #ccc !important;
}
diff --git a/static/application.js b/static/application.js
index 35745ef..2a690d8 100644
--- a/static/application.js
+++ b/static/application.js
@@ -59,8 +59,6 @@ var haste = function(appName) {
this.configureShortcuts();
};
-// TODO add key of commands
-
// Set the page title - include the appName
haste.prototype.setTitle = function(ext) {
var title = ext ? this.appName + ' - ' + ext : this.appName;
diff --git a/static/index.html b/static/index.html
index 503a8b0..d2157de 100644
--- a/static/index.html
+++ b/static/index.html
@@ -33,6 +33,13 @@
+
+ haste
+ ^s - save
+ ^n - new
+ ^d - duplicate
+
+