diff options
| -rw-r--r-- | app.coffee | 8 | ||||
| -rw-r--r-- | public/css/calculator.less | 35 | ||||
| -rw-r--r-- | public/css/common.less | 13 | ||||
| -rw-r--r-- | public/css/index.less | 1 | ||||
| -rw-r--r-- | public/js/setup.coffee (renamed from public/js/index.coffee) | 0 | ||||
| -rw-r--r-- | views/about.html | 151 | ||||
| -rw-r--r-- | views/index.html | 75 | ||||
| -rw-r--r-- | views/login.html | 2 | ||||
| -rw-r--r-- | views/setup.html | 43 |
9 files changed, 275 insertions, 53 deletions
@@ -45,6 +45,14 @@ app.get('/', (req, res) -> res.render('index', js: (-> global.js), css: (-> global.css)) ) +app.get('/setup', (req, res) -> + res.render('setup', js: (-> global.js), css: (-> global.css)) +) + +app.get('/about', (req, res) -> + res.render('about', js: (-> global.js), css: (-> global.css)) +) + app.get('/bcrypt', (req, res) -> salt = "$2a$10$3R8tUtIoU/fllQD9zEgTZe" hash = bcrypt.hashSync("chelsea", salt) diff --git a/public/css/calculator.less b/public/css/calculator.less index bdacbd0c..203205f8 100644 --- a/public/css/calculator.less +++ b/public/css/calculator.less @@ -1,11 +1,26 @@ -@import "common"; +@import "bootstrap.min.css"; +@import "bootstrap-responsive.min.css"; -p, span, input[type="text"] { font-size: 1.4em; } -input[type="text"] { height: 1.4em; } -#exchange, #amount { width: 5em; } -span.btn { font-size: 1.4em; width: 80%; } -small, label { color: #999; font-size: 1.2em; } -strong#total { font-size: 2em; } -#title { display: none; } -#logo { display: none; padding: 10px 0; } -#error { margin-top: 10px; } +body { text-align: center; } +body { font-size: 100%; line-height: 100%; } +h1 { width: 100%; } + +div.container-fluid { + width: 600px; + margin-left: auto; + margin-right: auto; + text-align:left; +} + + +div#calculator { + p, span, input[type="text"] { font-size: 1.4em; } + input[type="text"] { height: 1.4em; } + #exchange, #amount { width: 5em; } + span.btn { font-size: 1.4em; width: 80%; } + small, label { color: #999; font-size: 1.2em; } + strong#total { font-size: 2em; } + #title { display: none; } + #logo { display: none; padding: 10px 0; } + #error { margin-top: 10px; } +} diff --git a/public/css/common.less b/public/css/common.less deleted file mode 100644 index 05af2492..00000000 --- a/public/css/common.less +++ /dev/null @@ -1,13 +0,0 @@ -@import "/css/bootstrap.min.css"; -@import "/css/bootstrap-responsive.min.css"; - -body { text-align: center; } -body { font-size: 100%; line-height: 100%; } -h1 { width: 100%; } - -div.container-fluid { - width: 600px; - margin-left: auto; - margin-right: auto; - text-align:left; -} diff --git a/public/css/index.less b/public/css/index.less new file mode 100644 index 00000000..ba828bf5 --- /dev/null +++ b/public/css/index.less @@ -0,0 +1 @@ +@import "bootstrap.min.css"; diff --git a/public/js/index.coffee b/public/js/setup.coffee index d53a4e48..d53a4e48 100644 --- a/public/js/index.coffee +++ b/public/js/setup.coffee 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>© 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 »</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 »</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 »</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 »</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>© 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> |