home page

This commit is contained in:
Bechi 2014-04-07 15:05:53 -03:00
parent cea03f540b
commit 2ee5bdae70
2 changed files with 28 additions and 17 deletions

View File

@ -73,12 +73,16 @@ body {
.panel {
background: #FFFFFF;
padding: 0.25rem 1rem;
padding: 0.7rem 1rem;
border:0;
}
.panel:hover {
background: #111;
}
.box-backup {
margin: 2rem 0;
background: white;
padding: 2rem 1rem;
}
@ -87,8 +91,8 @@ a.box-backup {
color: #111;
}
a.box-backup:hover {
color:#666;
a.panel:hover, a.panel:hover p {
color:#fff;
}
.box-backup i {
@ -102,7 +106,7 @@ button.secondary { background-color: #FAE448 !important; }
button.primary:hover { background-color: #333;}
button.secondary:hover { background-color: #D7C020 !important;}
.db {display: block;}
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }

View File

@ -100,23 +100,30 @@
</div>
</div>
</script>
<!-- HOME -->
<script type="text/ng-template" id="home.html">
<div class="home" data-ng-controller="HomeController">
<h2>{{title}}</h2>
<h2>{{title}}</h2>
<accordion close-others="oneAtATime">
<accordion-group ng-repeat="addr in addrs">
<accordion-heading>
{{addr.addrStr}}
</accordion-heading>
<qrcode size="160" data="{{addr.addrStr}}"></qrcode>
</accordion-group>
</accordion>
<div class="row">
<div class="large-6 columns">
<a class="panel db"> Adress1 <span class="right"> &gt; </span> </a>
<a class="panel db"> Adress2 <span class="right"> &gt; </span> </a>
<a class="panel db"> Adress3 <span class="right"> &gt; </span> </a>
<a class="panel db"> Adress4 <span class="right"> &gt; </span> </a>
</div>
<div class="large-6 columns">
<qrcode size="160" data="n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb"></qrcode>
<p> 2.5432 BTC </p>
</div>
</div>
</div>
</script>
<!-- TRANSACTIONS -->
<script type="text/ng-template" id="transactions.html">
<div class="transactions" data-ng-controller="TransactionsController">
@ -177,19 +184,19 @@
<h2>{{title}}</h2>
<div class="row text-center">
<div class="large-4 columns">
<a href="/" class="box-backup">
<a href="/" class="panel box-backup">
<i class="fi-download size-72"></i>
<p> Download File </p>
</a>
</div>
<div class="large-4 columns">
<a href="/" class="box-backup">
<a href="/" class="panel box-backup">
<i class="fi-social-dropbox size-72"></i>
<p> Backup to Dropbox </p>
</a>
</div>
<div class="large-4 columns">
<a href="/" class="box-backup">
<a href="/" class="panel box-backup">
<i class="fi-mail size-72"></i>
<p> Backup to email </p>
</a>