Static pages

4 files changed, 241 insertions, 30 deletions

diff --git a/views/about.html b/views/about.html
new file mode 100644
index 00000000..592bd917
--- /dev/null
+++ b/views/about.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+		<meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+    <title>Vancouver Bitcoin</title>
+    <link href="img/favicon.ico" rel="shortcut icon" />
+    {{#css}}index{{/css}}
+  </head>
+  <body>
+    <div class="navbar navbar-inverse">
+      <div class="navbar-inner">
+        <div class="container-fluid">
+          <a class="brand" href="/">VanBTC</a>
+          <div class="nav-collapse collapse">
+            <p class="navbar-text pull-right">
+              <a href="/login" class="navbar-link">Login</a>
+            </p>
+          </div><!--/.nav-collapse -->
+        </div>
+      </div>
+    </div>
+
+    <div></div>
+
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span6">
+          <h1>What are bitcoins?</h1>
+          Bitcoins are units of digital currency that can be 
+          transferred over the Internet. They get stored at a 
+          unique address which is like an online wallet or 
+          bank account that you can access with a 
+          password. Registering a new address is free and 
+          is as easy as signing up for an email account. 
+          Transactions between bitcoin addresses are 
+          recorded in a public record that's published on 
+          the Internet and keeps track of what amounts are 
+          stored at every address. Fifty new bitcoins are 
+          generated by a mathematical algorithm every ten 
+          minutes and are distributed to people who 
+          contribute computing power to the network. The 
+          software to participate in the network is free so 
+          anyone can run it. Over time, fewer and fewer 
+          bitcoins will be created until there are a total of 
+          21 million of them by the year 2040. Each bitcoin 
+          is divisible up to 8 decimal places, making 
+          it possible to transact tiny amounts.
+        </div>
+        <div class="span6">
+          <h1>Why use them?</h1>
+          They're free, fast, secure, and global.  Merchants 
+          don't get charged for accepting them and you don't 
+          get charged for transferring them, even 
+          internationally. There are no fees, prerequisites, or 
+          limits. You can register addresses anonymously and 
+          create as many accounts as you like. They can 
+          never be frozen because no central authority 
+          controls them. Whether you're sending a fraction of 
+          a cent or a million dollars, the network doesn't 
+          discriminate. You can use bitcoins to securely store 
+          and backup your savings and gain access to them 
+          from anywhere that has Internet. Bitcoins tend to 
+          appreciate in value over time because of their 
+          limited supply so they make a good investment. 
+          Unlike dollars and other national currencies, no 
+          government or issuing authority can print more of 
+          them.
+        </div>
+      </div>
+
+
+      <div class="row-fluid">
+        <div class="span6">
+          <h1>What can I buy with them?</h1>
+          The number of companies accepting bitcoins is 
+          growing quickly but their immediate utility still isn't 
+          so much as a VISA/Mastercard/Debit competitor for 
+          retail commerce but as an alternative to Western 
+          Union, PayPal and the Big Banks as a means of 
+          transferring value. They enable you to send free, 
+          immediate payments to your friends and family 
+          from a phone or laptop so you can pay a co-worker 
+          back for coffee, transfer wages to family overseas, 
+          or donate to organizations like WikiLeaks who have 
+          been cut off by the major payment companies. 
+          We're working to get more stores accepting them in 
+          Vancouver though because we believe it'll be in 
+          their best interest to avoid the transaction fees 
+          charged by the credit card companies. Transaction 
+          fees end up getting built into the prices we pay for 
+          goods and services across the board so we're all 
+          subsidizing the big banks and credit card 
+          companies indirectly whether we use their services 
+          or not.
+        </div>
+  
+        <div class="span6">
+          <h1>How is their price set?</h1>
+          Most merchants accepting bitcoin will use an 
+          exchange rate from  one of the online markets 
+          like cavirtex.com to determine their equivalent 
+          dollar value. The exchange rate is simply the last 
+          price that some seller was able to charge some 
+          buyer for bitcoins in the free market and is 
+          governed by supply and demand.
+          Bitcoins aren't backed by any underlying 
+          commodity or insured by any authority. They 
+          have an intrinsic value however as a superior 
+          form of currency due to their mathematically 
+          guaranteed scarcity, security, ease of use, 
+          distributed nature, lack of fees, divisibility, and 
+          global recognition.
+          At vanbtc.ca we offer to pay cash to local 
+          merchants in exchange for bitcoins they receive 
+          as payment. We also offer to sell bitcoins for cash 
+          in person at various locations. We peg our rates 
+          to cavirtex.com and don't take any commission.
+        </div>
+      </div>
+
+      <div class="row-fluid">
+        <div class="span6">
+          <h1>Where can I get some?</h1>
+          Sign up for a free account at blockchain.info/wallet and find someone who will send you some in 
+          exchange for goods, services, or cash. Local merchants and enthusiasts in Vancouver can be found at 
+          vanbtc.ca. There are also several bitcoin exchange markets operating online. The largest one in Canada 
+          is cavirtex.com and is run out of Calgary. They link up buyers and sellers and facilitate trades by 
+          allowing you to deposit and withdraw Canadian dollars directly from your bank account. A list of other 
+          online exchanges and their rates can be found at bitcoincharts.comvanbtc.ca
+        </div>
+
+        <div class="span6">
+          <h1>Where can I learn more?</h1>
+          <p>
+          Check out vanbtc.ca and get a wallet at blockchain.info. Come to our monthly meetup group 
+          (meetup.com/bitcoinvan) or send me an email at [email protected]. I'm a local software 
+          developer and I've made a bitcoin payment app that's running in stores around town. I'd be happy to 
+          send you some bitcoins and teach you more about them.
+          </p>
+        </div><!--/span-->
+      </div><!--/row-->
+
+      <hr>
+
+      <footer>
+        <p>&copy; VanBTC 2012</p>
+      </footer>
+    </div>
+  </body>
+</html> 
diff --git a/views/index.html b/views/index.html
index fa2cd0c3..d6fac3d8 100644
--- a/views/index.html
+++ b/views/index.html
@@ -3,41 +3,58 @@
   <head>
     <meta charset="utf-8" />
 		<meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
-    <title>Bitcoin Payment Calculator</title>
+    <title>Vancouver Bitcoin</title>
     <link href="img/favicon.ico" rel="shortcut icon" />
-    {{#css}}common{{/css}}
-    {{#js}}index{{/js}}
+    {{#css}}index{{/css}}
   </head>
   <body>
-    <div class="container-fluid">
-      <form action="users" method="post">
-        <h1>Calculator Setup</h1>
-
-        <label for="login">Username:</label>
-        <input type="text" id="login" name="login" value="{{user}}" />
-
-        <label for="password">Password:</label>
-        <input type="password" id="password" name="password" value="" />
-
-        <label for="name">Title:</label>
-        <input type="text" id="name" name="name" />
-
-        <label for="logo">Image:</label>
-        <input type="text" id="logo" name="logo" />
+    <div class="navbar navbar-inverse navbar-fixed-top">
+      <div class="navbar-inner">
+        <div class="container-fluid">
+          <a class="brand" href="/">VanBTC</a>
+          <div class="nav-collapse collapse">
+            <p class="navbar-text pull-right">
+              <a href="/login" class="navbar-link">Login</a>
+            </p>
+          </div><!--/.nav-collapse -->
+        </div>
+      </div>
+    </div>
 
-        <label for="address">Bitcoin Address:</label>
-        <input type="text" id="address" name="address" />
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span12">
+          <div class="hero-unit">
+            <h1>Vancouver Bitcoin</h1>
+            <p>Bitcoins are units of digital currency that can be transferred over the Internet.  We are a community of merchants, exchangers, and enthusiasts in Vancouver, British Columbia who are passionate about this technology.</p>
+            <p><a href="/about" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+          </div>
+          <div class="row-fluid">
+            <div class="span4">
+              <h2>Learn</h2>
+              <p>Are you new to bitcoins?  Find out all about them here.  We'll explain why you might want to use them and point you to some useful resources.</p>
+              <p><a class="btn" href="/about">View details &raquo;</a></p>
+            </div><!--/span-->
+            <div class="span4">
+              <h2>Spend</h2>
+              <p>You can spend your bitcoins in town to support local merchants.  Want to accept bitcoins in your store?  Check out our Point of Sale application.</p>
+              <p><a class="btn" href="/merchants">View details &raquo;</a></p>
+            </div><!--/span-->
+            <div class="span4">
+              <h2>Exchange</h2>
+              <p>Looking to buy or sell bitcoins in town?  Our network of local, accredited exchangers are trained to give you a fair price and a professional experience.</p>
+              <p><a class="btn" href="/exchangers">View details &raquo;</a></p>
+            </div><!--/span-->
+          </div><!--/row-->
+          <!--/row-->
+        </div><!--/span-->
+      </div><!--/row-->
 
-        <label for="symbol">Market Symbol:</label>
-        <select id="symbol" name="symbol">
-        </select>
-        
-        <label for="commission">Commission (%):</label>
-        <input type="text" id="commission" name="commission" />
+      <hr>
 
-        <br />
-        <input class="btn" type="submit" value="Go" />
-      </form>
+      <footer>
+        <p>&copy; VanBTC 2012</p>
+      </footer>
     </div>
   </body>
 </html> 
diff --git a/views/login.html b/views/login.html
index f451db39..613762e9 100644
--- a/views/login.html
+++ b/views/login.html
@@ -5,7 +5,7 @@
 		<meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
     <title>Bitcoin Payment Calculator</title>
     <link href="img/favicon.ico" rel="shortcut icon" />
-    {{#css}}common{{/css}}
+    {{#css}}calculator{{/css}}
   </head>
   <body>
     <div class="container-fluid">
diff --git a/views/setup.html b/views/setup.html
new file mode 100644
index 00000000..72fbd944
--- /dev/null
+++ b/views/setup.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+		<meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+    <title>Bitcoin Payment Calculator</title>
+    <link href="img/favicon.ico" rel="shortcut icon" />
+    {{#css}}calculator{{/css}}
+    {{#js}}setup{{/js}}
+  </head>
+  <body>
+    <div class="container-fluid">
+      <form action="users" method="post">
+        <h1>Calculator Setup</h1>
+
+        <label for="login">Username:</label>
+        <input type="text" id="login" name="login" value="{{user}}" />
+
+        <label for="password">Password:</label>
+        <input type="password" id="password" name="password" value="" />
+
+        <label for="name">Title:</label>
+        <input type="text" id="name" name="name" />
+
+        <label for="logo">Image:</label>
+        <input type="text" id="logo" name="logo" />
+
+        <label for="address">Bitcoin Address:</label>
+        <input type="text" id="address" name="address" />
+
+        <label for="symbol">Market Symbol:</label>
+        <select id="symbol" name="symbol">
+        </select>
+        
+        <label for="commission">Commission (%):</label>
+        <input type="text" id="commission" name="commission" />
+
+        <br />
+        <input class="btn" type="submit" value="Go" />
+      </form>
+    </div>
+  </body>
+</html>