First standalone version

ermakus · Oct 13, 2012 · f6a4413 · f6a4413
1 parent f82f712
commit f6a4413
Show file tree

Hide file tree

Showing 5 changed files with 76 additions and 22 deletions.
diff --git a/desktop.html b/desktop.html
diff --git a/package.json b/package.json
@@ -1,22 +1,26 @@
 {
   "author": "Anton Ermak <anton@ermak.us> (http://ermak.us)",
   "name": "encipher.it",
-  "main": "desktop.html",
-  "window": {
-    "toolbar": false
-  },
+  "main": "public/gui.html",
   "description": "In-browser solution to encrypt text messages",
   "version": "1.1.0",
   "homepage": "https://encipher.it",
   "repository": {
     "url": "git@github.com:ermakus/enciphr.it.git"
   },
   "scripts":{
-    "start":"./encipher run"
+    "start":"node ./server.js"
   },
   "engines": {
     "node": ">= 0.6.5"
   },
+  "window": {
+    "toolbar": false,
+    "width": 800,
+    "height": 640,
+    "icon": "public/images/encipher.png",
+    "position": "center"
+  },
   "dependencies": {
     "coffee-script":"1.3.3",
     "express":"3.0.0rc4",

diff --git a/public/gui.html b/public/gui.html
@@ -0,0 +1,51 @@
+<html>
+    <head>
+        <title>Encipher It</title>
+        <link rel="stylesheet" href="stylesheets/style.css">
+        <style>
+            div, textarea, html, body {
+                margin: 0;
+                padding: 0;
+            }
+            .gui-toolbar {
+                padding-top: 2px;
+                height: 34px;
+                width: 100%;
+                color: white;
+            }
+            .gui-composer {
+                position: fixed;
+                font-size: 16px;
+                font-family: monospace;
+                padding: 4px;
+                width: 100%;
+                top: 32px;
+                bottom: 0px;
+            }
+        </style>
+        <script type="text/javascript" src="javascripts/jquery.min.js"></script>
+        <script type="text/javascript" src="javascripts/AES.js"></script>
+        <script type="text/javascript" src="javascripts/sha1.js"></script>
+        <script type="text/javascript" src="javascripts/pbkdf2.js"></script>
+        <script type="text/javascript" src="javascripts/base64.js"></script>
+        <script type="text/javascript" src="javascripts/utf8.js"></script>
+        <script type="text/coffeescript" src="../assets/javascripts/encipher.coffee"></script>
+        <script type="text/coffeescript">
+            $ ->
+                path = require 'path'
+                base = 'file://' + path.dirname(path.dirname(process.execPath)) + '/public'
+                encipher = new Encipher(base)
+                $('.encipher').click ->
+                    encipher.startup()
+        </script>
+        <script type="text/javascript" src="javascripts/coffee-script.js"></script>
+    </head>
+<body>
+<div class="gui-toolbar">
+    <a class="button encipher" href="#">Encipher It</a>
+    <span>Runtime <script>document.write(process.version)</script></span>
+</div>
+</div>
+<textarea class="gui-composer" autofocus="autofocus"></textarea>
+</body>
+</html>
diff --git a/public/javascripts/coffee-script.js b/public/javascripts/coffee-script.js
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -92,7 +92,7 @@ div.footer .line{
 }
 
 div.nav{
-	background:url(/images/gradient_light.jpg) repeat-x 50% 50% #f8f8f8;
+	background:url(../images/gradient_light.jpg) repeat-x 50% 50% #f8f8f8;
 	padding:0 5px;
 	position:absolute;
 	right:0;
@@ -139,7 +139,7 @@ div.nav ul li a:hover{
 	background-color:#f0f0f0;
 }
 
-textarea, .button, div.nav, div.article, div.nav ul li a,div.figure{
+#txt, .button, div.nav, div.article, div.nav ul li a,div.figure{
 	/* Applying CSS3 rounded corners: */
 	-moz-border-radius:10px;
 	-webkit-border-radius:10px;
@@ -269,11 +269,11 @@ div.footer a.up{
 }
 
 .encipher {
-    background: url(/images/encipher.png) no-repeat 5px center;
+    background: url(../images/encipher.png) no-repeat 5px center;
 }
 
 #copyholder {
-    background: url(/images/copy.png) no-repeat 5px center;
+    background: url(../images/copy.png) no-repeat 5px center;
     position:relative;
 }
 
@@ -284,15 +284,15 @@ div.footer a.up{
 }
 
 .gmail {
-    background: url(/images/gmail.png) no-repeat 5px center;
+    background: url(../images/gmail.png) no-repeat 5px center;
 }
 
 .facebook {
-    background: url(/images/facebook.png) no-repeat 5px center;
+    background: url(../images/facebook.png) no-repeat 5px center;
 }
 
 .twitter {
-    background: url(/images/twitter.png) no-repeat 5px center;
+    background: url(../images/twitter.png) no-repeat 5px center;
 }
 
 
@@ -314,5 +314,5 @@ div.footer a.up{
 }
 
 .encipher-close {
-    background: url(/images/close-white.png) no-repeat center center;
+    background: url(../images/close-white.png) no-repeat center center;
 }