From 1b64cd2789b95fed61b129891e4cd0dc328e3db2 Mon Sep 17 00:00:00 2001
From: hunterlester <guilfordhunter@gmail.com>
Date: Fri, 2 Dec 2016 21:21:08 -0800
Subject: [PATCH] adds dash logo, styles header, sync with design

---
 css/master.css  |  23 +++++++++++++++++++++++
 images/lang.png | Bin 0 -> 2226 bytes
 index.html      |  20 +++++++++++++++-----
 3 files changed, 38 insertions(+), 5 deletions(-)
 create mode 100644 images/lang.png

diff --git a/css/master.css b/css/master.css
index 39aa356..8ee16d3 100644
--- a/css/master.css
+++ b/css/master.css
@@ -10,7 +10,24 @@ textarea {
 
 }
 
+i.fa {
+  font-size: 1.5em;
+  color: #999;
+}
+
+.header_title {
+  color: rgb(30, 115, 190);
+  font-weight: 600;
+  margin: 0;
+}
+
+.header_description {
+  margin: 1% 0% 5% 0%;
+  font-weight: 600;
+}
+
 .proposalBlock {
+  margin-top: 6%;
   padding: 7%;
   background-color: #ffffff;
   box-shadow: 0px 17px 24px 0px rgba(0, 0, 0, 0.16);
@@ -40,6 +57,12 @@ textarea {
    margin-top:1em;
 }
 
+#lang_box {
+  width: 82px;
+  position: relative;
+  top: -4px;
+}
+
 #payment_amount {
   display: inline-block;
   width: 20%;
diff --git a/images/lang.png b/images/lang.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed265d060cc2c7fd7154c856097118db4abe07aa
GIT binary patch
literal 2226
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
ArT_o{

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 80dff52..3e8bd47 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="css/master.css">
 
     <script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>
+    <script src="https://use.fontawesome.com/f0153b9f7b.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
     <script src="bitcore-lib-dash.js"></script>
@@ -591,21 +592,30 @@
 
 <div class="container-fluid">
   <div class="row" id="header">
-      <div class="col-xs-12">
-          <h1>Dash Budget Proposal Generator</h1>
-          Generate budget proposal commands you can copy/paste into your Dash wallet to prepare a budget proposal and submit it to the network.
+      <div class="col-sm-2">
+        <img src="images/dash_logo.png" alt="dash governance tools">
+      </div>
+      <div class="col-sm-4">
+          <h2 class="header_title">Dash Budget Proposal Generator</h2>
+          <h5 class="header_description">Generate budget proposal commands you can copy/paste into your Dash wallet to prepare a budget proposal and submit it to the network.</h5>
+      </div>
+      <div class="col-sm-4 col-sm-offset-2 text-right">
+        <i class="fa fa-twitter" aria-hidden="true"></i>
+        <i class="fa fa-facebook" aria-hidden="true"></i>
+        <i class="fa fa-rss" aria-hidden="true"></i>
+        <img id="lang_box" src="images/lang.png" alt="english language">
       </div>
   </div>
 
   <div class="row">
-    <div class="col-xs-6 col-xs-offset-3">
+    <div class="col-sm-5 col-sm-offset-2 col-xs-12 col-xs-offset-0">
       <div class="proposalBlock createProposal">
         <div class="row">
           <div class="col-xs-12">
             <div class="row" id="createProposalHeader">
                 <div class="col-xs-12">
                     <h1 class="removeMargin">Create a Proposal</h1>
-                    <h5>Enter details for your proposal and click 'Create Proposal'.  This will generate a command you can run in your local wallet to prepare the proposal at a cost of 0.33 Dash</h5>
+                    <h5 class="header_description">Enter details for your proposal and click 'Create Proposal'.  This will generate a command you can run in your local wallet to prepare the proposal at a cost of 0.33 Dash</h5>
                 </div>
             </div>