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 +
+