pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
commit ab9d9321eb11b23a7e45d5aaefed9e36e69be940 parent 9c1e3ec8a481fa1cff3d5f8d6ae4b2ab3b7c637f Author: Jul <jul@9o.is> Date: Tue, 29 Apr 2014 19:48:48 -0400 rearranged index.html Diffstat:
| M | src/main/webapp/index.html | | | 84 | +++++++++++++++++++++++++++++++++++++------------------------------------------ |
| M | src/main/webapp/less/pages/index.less | | | 7 | ++++++- |
| M | src/main/webapp/less/smartadmin/main-custom.less | | | 4 | ++-- |
| M | src/main/webapp/less/variables.less | | | 4 | ++-- |
4 files changed, 49 insertions(+), 50 deletions(-)
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html @@ -1,14 +1,31 @@ <div data-lift="NgUIRouter.surround?withAjax=no-base&with=base-wrap&at=content"> + <div id="content-index" class="row no-gutter"> - - <div id="applyatm-index" class="col-xs-12 col-sm-6 col-md-4"> + <div class="col-xs-12 semi-content-index"> + + <div class="row"> + <div id="buysell-index" class="col-xs-12"> + <div class="jumbotron"> + <h1>Buy Bitcoin Instantly!</h1> + <p>We provide Bitcoin services that are safe and secure, easy + to use and user-friendly. Sign up to buy and sell Bitcoin today.</p> + <p data-lift="test_cond.loggedOut"> + <a data-lift="Menus.item?name=Register" + class="btn btn-primary btn-lg" role="button"> Free Sign Up + Today </a> + </p> + </div> + </div> + </div> + + <div id="applyatm-index" class="col-xs-12 col-sm-4"> <div class="row"> <div class="col-xs-12"> - <h1 class="semibig-text text-primary"> + <h2 class="text-primary"> Are you a merchant? Apply for a Bitcoin ATM! <br/> <small>Fill the form below & we'll contact you shortly.</small> - </h1> + </h2> </div> </div> @@ -35,54 +52,32 @@ </div> </div> - <div class="row"> + <div id="applyatm-index-form" class="row"> <div class="col-xs-12 padding-top-20"> - <div class="page-content text-primary"> - <h1>Bitcoin ATM Application</h1> + <div class="text-primary"> + <h3>Bitcoin ATM Application</h3> </div> - </div> - </div> - - <div class="row"> - <div class="col-xs-12"> <span data-lift="embed?what=/templates-hidden/parts/apply-atm-form"></span> </div> </div> </div> - <div class="col-xs-12 col-sm-6 col-md-8 no-padding"> - <div class="row semi-content-index"> - <div id="buysell-index" class="col-xs-12"> - <div class="jumbotron"> - <h1>Buy Bitcoin Instantly!</h1> - <p> - We provide Bitcoin services that are safe and secure, easy to use and user-friendly. - Sign up to buy and sell Bitcoin today. - </p> - <p data-lift="test_cond.loggedOut"> - <a data-lift="Menus.item?name=Register" class="btn btn-primary btn-lg" role="button">Free Sign Up Today</a> - </p> - </div> - </div> - </div> - - <div class="row semi-content-index"> - <div id="findatm-index" class="col-sm-12 col-md-6 bg-secondary-gradient"> + <div id="findatm-index" class="col-xs-12 col-sm-4 bg-secondary-gradient"> <div class="row"> <div class="col-xs-12"> - <h1 class="semibig-text text-white">Find ATM Locations</h1> + <h2 class="text-white">Find ATM Locations</h2> </div> </div> <div class="row"> - <div class="col-xs-12 padding-20"> + <div class="col-xs-12"> <span data-lift="embed?what=/templates-hidden/parts/find-atm-form"></span> </div> </div> <div class="row"> - <div class="col-xs-12"> + <div class="col-xs-12 padding-20"> <img src="https://maps.googleapis.com/maps/api/staticmap?center=40.736755,-74.033353&zoom=13&size=360x240&sensor=false" alt="Looking for a business in Hoboken" style="width: 100%"> @@ -90,37 +85,36 @@ </div> <div class="row"> - <div class="col-xs-12 text-white padding-20"> + <div class="col-xs-12 text-white"> <h4>We're in the process of finding a bussiness in the Hoboken, NJ area to host a Bitcoin ATM.</h4> </div> </div> </div> - - <div id="whoweare-index" class="col-sm-12 col-md-6 bg-primary-gradient text-white"> + + <div id="whoweare-index" class="col-xs-12 col-sm-4 bg-primary-gradient text-white"> <div class="row"> <div class="col-xs-12"> - <h1 class="semibig-text text-white">Who We Are</h1> + <h2 class="text-white">Who We Are</h2> </div> </div> <div class="row"> <div class="col-xs-12"> - <h4> - PYC is an ATM service operator for the bitcoin currency. <small - class="text-white"> We enable customers to retrieve + <p> + PYC is an ATM service operator for the bitcoin currency. We enable customers to retrieve bitcoin instantly, just as they retrieve cash from a bank ATM. - </small> - </h4> + + </p> <br> <a data-lift="Menus.item?name=About Us" class="btn btn-primary" type="button">Learn More About Us</a> </div> </div> <div id="atm-bitcoin-video" class="row" ng-cloak> - <div class="col-xs-12 padding-top-20"> + <div class="col-xs-12"> <div class="page-content"> - <h1>What is Bitcoin?</h1> + <h3>What is Bitcoin?</h3> </div> </div> <div class="col-xs-12 padding-bottom-20"> @@ -136,7 +130,7 @@ </div> </div> - </div> + </div> </div> </div> diff --git a/src/main/webapp/less/pages/index.less b/src/main/webapp/less/pages/index.less @@ -2,7 +2,7 @@ @index-page-height: 1025px; @buysell-height: 275px; - @semi-content-padding: @jumbotron-padding; + @semi-content-padding: @jumbotron-padding / 1.5; @media(max-width: @screen-sm-max) { #applyatm-index { @@ -32,6 +32,7 @@ #buysell-index { min-height: @buysell-height; padding-left: 0; // jumbotron + .jumbotron { margin-bottom: 0 } } #whoweare-index, #findatm-index { @@ -44,6 +45,10 @@ } } + #applyatm-index-form { + fieldset { padding:0 } + footer { background:none } + } #atm-benefits { td { height: 70px; } diff --git a/src/main/webapp/less/smartadmin/main-custom.less b/src/main/webapp/less/smartadmin/main-custom.less @@ -181,7 +181,7 @@ body.container { */ h1 { - letter-spacing:-1px; + letter-spacing:-1px; font-size:@font-size-h1; margin:10px 0; }h1 small { @@ -202,7 +202,6 @@ h2 { h3 { display: block; font-size: @font-size-h3; - font-weight: 400; margin: 20px 0; line-height:normal; } @@ -225,6 +224,7 @@ h6 { line-height:normal; } + .row-seperator-header { margin:15px 14px 20px; border-bottom:none; diff --git a/src/main/webapp/less/variables.less b/src/main/webapp/less/variables.less @@ -84,7 +84,7 @@ @font-family-base: @font-family-sans-serif; @font-family-big-base: "Cinzel", "Open Sans", Arial, Helvetica, Sans-Serif; -@font-size-base: 13px; +@font-size-base: 14px; @font-size-large: ceil(@font-size-base * 1.24); // ~16px @font-size-small: ceil(@font-size-base * 0.85); // ~11px @@ -420,7 +420,7 @@ @jumbotron-padding: 30px; @jumbotron-color: inherit; -@jumbotron-bg: @gray-lighter; +@jumbotron-bg: @white; @jumbotron-heading-color: inherit; @jumbotron-font-size: ceil(@font-size-base * 1.5);