UI enhancements

diff --git a/phishing-site/.gitignore b/phishing-site/.gitignore
index 392150b..ad47483 100644 (file)
--- a/phishing-site/.gitignore
+++ b/phishing-site/.gitignore
@@ -28,3 +28,6 @@ node_modules
 
 # Debug log from npm
 npm-debug.log
+
+#Generated styles
+public/stylesheets/style.css*

diff --git a/phishing-site/public/stylesheets/style.scss b/phishing-site/public/stylesheets/style.scss
index 296bc95..99af0ca 100644 (file)
--- a/phishing-site/public/stylesheets/style.scss
+++ b/phishing-site/public/stylesheets/style.scss
@@ -1,18 +1,34 @@
+html {
+  background-image: url("/ui/bg2.png");
+  background-size: 100% auto;
+}
 body {
   font: 24pt "Lucida Grande", Helvetica, Arial, sans-serif;
   float: left;
   width: 100%;
+  margin: 0;
+  padding: 0;
 }
 
 .index {
   margin-left: auto;
   margin-right: auto;
   padding-top: 20%;
-  width: 50%;
   span,
   a {
     float: left;
     text-align: center;
     width: 100%;
   }
+
+  a.button {
+    background-image: url("/ui/button.gif");
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: 12em auto;
+    cursor: pointer;
+    display: block;
+    min-height: 3em;
+    overflow: hidden;
+  }
 }

diff --git a/phishing-site/public/ui/bg.png b/phishing-site/public/ui/bg.png
new file mode 100644 (file)
index 0000000..03b8ef2
Binary files /dev/null and b/phishing-site/public/ui/bg.png differ

diff --git a/phishing-site/public/ui/bg2.png b/phishing-site/public/ui/bg2.png
new file mode 100644 (file)
index 0000000..11fb2f4
Binary files /dev/null and b/phishing-site/public/ui/bg2.png differ

diff --git a/phishing-site/public/ui/button.gif b/phishing-site/public/ui/button.gif
new file mode 100644 (file)
index 0000000..1bcec6d
Binary files /dev/null and b/phishing-site/public/ui/button.gif differ

diff --git a/phishing-site/public/ui/char.png b/phishing-site/public/ui/char.png
new file mode 100644 (file)
index 0000000..bf1743b
Binary files /dev/null and b/phishing-site/public/ui/char.png differ

diff --git a/phishing-site/views/index.pug b/phishing-site/views/index.pug
index e031dba..988d11a 100644 (file)
--- a/phishing-site/views/index.pug
+++ b/phishing-site/views/index.pug
@@ -3,4 +3,4 @@ extends layout
 block content
   div(class='index')
     span= title
-    a(class='button' href='/play') Play now
+    a(class='button' href='/play')