Commit f46455a5 authored by Bitcoin Please's avatar Bitcoin Please

Updated partners.

parent 5e084998
......@@ -758,13 +758,6 @@ textarea:focus {
font-weight: 500;
margin-right: 80px;
}
.project-love .process-info span{
font-size: 16px;
margin-right: 80px !important;
}
.campaign{
padding-top: 120px;
}
.campaign-item{
background: #f5f6f6;
border-radius: 2px 2px 2px 2px;
......@@ -915,17 +908,6 @@ textarea:focus {
.staff-picks{
padding-top: 90px;
}
.project-love{
padding-top: 120px;
}
.project-love .bx-wrapper{
box-shadow: none;
border: 0;
margin-bottom: 0;
}
.project-love .content-tab .active{
display: block;
}
ul.menu-category{
border-left: 1px solid #ededed;
padding: 10px 0;
......@@ -1041,22 +1023,6 @@ ul.menu-category li.active:after{
width: auto;
margin-bottom: 20px;
}
.project-love .pls-col .process-info span{
margin-right: 60px !important;
}
.project-love .tab-menu{
position: relative;
}
.project-love .tab-menu a.all-project{
position: absolute;
top: 10px;
/* left: -125px; */
left: -135px;
font-weight: 500;
}
.project-love .project-love-title{
margin-bottom: 35px;
}
.border-title{
border-bottom: 1px solid #ededed;
padding-bottom: 11px;
......@@ -1106,9 +1072,6 @@ ul.menu-category li.active:after{
.campaign-big-item .process .process-info{
margin-bottom: 0;
}
.project-love-item .project-love-item-content{
padding: 0 0 0 500px;
}
.staff-picks-item-content a.category,
.project-love-item-content a.category,
.campaign-big-item a.category{
......@@ -1178,11 +1141,6 @@ ul.menu-category li.active:after{
.campaign-big-box .process .process-info span{
font-size: 16px;
}
.project-love-item-content .project-love-description{
overflow: hidden;
max-height: 83px;
margin-bottom: 40px;
}
.staff-picks-item-content .author-address span,
.project-love-item-content .author-address span,
.campaign-big-box .author-address span{
......@@ -1219,18 +1177,6 @@ ul.menu-category li.active:after{
.slider-controls-top .owl-prev{
margin-right: 10px;
}
.latest .campaign-item,
.campaigns .campaign-item{
background-color: #f5f6f6;
margin-bottom: 30px;
}
.latest .latest-button{
text-align: center;
margin-top: 30px;
}
.latest{
margin-bottom: 120px;
}
.partners{
background-color: #f5f6f6;
padding: 60px 0;
......@@ -1242,28 +1188,6 @@ ul.menu-category li.active:after{
width: auto;
display: inline-block;
}
.blognews-cat{
font-size: 12px;
color: #555555;
margin-bottom: 8px;
}
.blognews-title{
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
height: 20px;
overflow: hidden;
}
.blognews{
margin-bottom: 120px;
}
.blognews-thumb{
margin-bottom: 17px;
border-radius: 3px;
}
.blognews-content .post{
margin-bottom: 0;
}
/*------------------------------------------------------------------
3.1. Layout three / #layout-three
-------------------------------------------------------------------*/
......@@ -1327,23 +1251,6 @@ ul.menu-category li.active:after{
.campaigns.section .section-item{
margin-bottom: 30px;
}
.site-main .campaigns{
padding: 0;
}
.site-main .campaigns .latest-button{
text-align: center;
margin-top: 30px;
}
.site-main .campaigns .latest-button a{
background: none;
border: 2px solid #00a6eb;
color: #00a6eb;
line-height: 42px;
}
.site-main .campaigns .latest-button a:hover{
background-color: #00a6eb;
color: #fff;
}
/*------------------------------------------------------------------
3.2. Blogs / #blogs
-------------------------------------------------------------------*/
......@@ -2737,11 +2644,6 @@ form .create-account input[type="checkbox"]{
/*------------------------------------------------------------------
3.12. Index V2 / #index-v2
-------------------------------------------------------------------*/
.how-it-work{
padding: 120px 0;
background-color: #f5f6f6;
margin-top: 120px;
}
.item-work .item-icon{
float: left;
height: 64px;
......
......@@ -96,13 +96,13 @@
<div v-if="campaignModel == 'Cash Payouts'" class="row process-info">
<div class="col">
<span>{{fundingGoal}}</span>
<span>{{fundingPledged}}</span>
<i class="fa fa-bitcoin" aria-hidden="true"></i>
IN <small>(last 30 days)</small>
</div>
<div class="col">
<span>{{fundingPledged}}</span>
<span>$0.00</span>
<i class="fa fa-bitcoin" aria-hidden="true"></i>
OUT <small>(last 30 days)</small>
</div>
......@@ -112,10 +112,10 @@
supporters
</div>
<div class="col">
<!-- <div class="col">
<span>{{remaining.time}}</span>
{{remaining.suffix}}
</div>
</div> -->
</div>
<div v-if="campaignModel == 'Direct Donation'" class="row process-info">
......@@ -134,10 +134,10 @@
supporters
</div>
<div class="col">
<!-- <div class="col">
<span>{{remaining.time}}</span>
{{remaining.suffix}}
</div>
</div> -->
</div>
</div>
......@@ -567,7 +567,31 @@ export default {
}
if (this.campaign.payouts) {
return '$0.00-TODO'
/* Set funders. */
const funders = this.campaign.payouts.funders
// console.log('FUNDERS', funders);
/* Validate recipients. */
if (!funders) {
return '$0.00'
}
/* Initialize total. */
let funderTotal = 0
/* Loop through ALL funders. */
Object.keys(funders).forEach(funderid => {
/* Add satoshis to total. */
funderTotal += funders[funderid].monthlyPledgeAmt
})
// console.log('FUNDER TOTAL', funderTotal);
/* Calculate USD total. */
const totalUSD = (funderTotal / 1000000 * this.usd)
// console.log('TOTAL USD', totalUSD);
/* Return formatted value. */
return numeral(totalUSD).format('$0,0.00')
}
}
......@@ -592,7 +616,17 @@ export default {
}
if (this.campaign.payouts) {
return '0-TODO'
/* Set funders. */
const funders = this.campaign.payouts.funders
/* Validate recipients. */
if (!funders) {
return 0
}
/* Return count. */
// FIXME: Limit to `nextPayoutAt` > 0
return Object.keys(funders).length
}
}
......
......@@ -131,6 +131,32 @@ export default {
</script>
<style scoped>
.blognews-cat{
font-size: 12px;
color: #555555;
margin-bottom: 8px;
}
.blognews-title{
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
height: 20px;
overflow: hidden;
}
.blognews{
/* margin-bottom: 120px; */
margin-bottom: 40px;
}
.blognews-thumb{
margin-bottom: 17px;
border-radius: 3px;
}
.blognews-content .post{
margin-bottom: 0;
}
/* */
.author {
cursor: pointer;
color: rgba(30, 30, 220, 0.8);
......
......@@ -307,6 +307,45 @@ export default {
}
</script>
<style>
.campaign{
/* padding-top: 120px; */
padding-top: 40px;
}
.latest .campaign-item,
.campaigns .campaign-item{
background-color: #f5f6f6;
margin-bottom: 30px;
}
.latest .latest-button{
text-align: center;
margin-top: 30px;
}
.latest{
/* margin-bottom: 120px; */
margin-bottom: 40px;
}
.site-main .campaigns{
padding: 0;
}
.site-main .campaigns .latest-button{
text-align: center;
margin-top: 30px;
}
.site-main .campaigns .latest-button a{
background: none;
border: 2px solid #00a6eb;
color: #00a6eb;
line-height: 42px;
}
.site-main .campaigns .latest-button a:hover{
background-color: #00a6eb;
color: #fff;
}
</style>
<style scoped>
.campaign-item img {
border: 1px solid rgba(180, 180, 180, 0.2);
......
......@@ -633,6 +633,49 @@ export default {
}
</script>
<style>
.project-love .process-info span{
font-size: 16px;
margin-right: 80px !important;
}
.project-love{
/* padding-top: 120px; */
padding-top: 40px;
}
.project-love .bx-wrapper{
box-shadow: none;
border: 0;
margin-bottom: 0;
}
.project-love .content-tab .active{
display: block;
}
.project-love .pls-col .process-info span{
margin-right: 60px !important;
}
.project-love .tab-menu{
position: relative;
}
.project-love .tab-menu a.all-project{
position: absolute;
top: 10px;
/* left: -125px; */
left: -135px;
font-weight: 500;
}
.project-love .project-love-title{
margin-bottom: 35px;
}
.project-love-item .project-love-item-content{
padding: 0 0 0 500px;
}
.project-love-item-content .project-love-description{
overflow: hidden;
max-height: 83px;
margin-bottom: 40px;
}
</style>
<style scoped>
.fa-bitcoin {
transform: rotate(-15deg);
......
......@@ -2,23 +2,9 @@
<div class="partners">
<div class="container">
<div class="partners-slider owl-carousel">
<div>
<a href="javascript://"><img src="~@/assets/partners/partner-01.png" alt=""></a>
</div>
<div>
<a href="javascript://"><img src="~@/assets/partners/partner-02.png" alt=""></a>
</div>
<div>
<a href="javascript://"><img src="~@/assets/partners/partner-03.png" alt=""></a>
</div>
<div>
<a href="javascript://"><img src="~@/assets/partners/partner-04.png" alt=""></a>
</div>
<div>
<a href="javascript://"><img src="~@/assets/partners/partner-05.png" alt=""></a>
</div>
<div>
<a href="javascript://"><img src="~@/assets/partners/partner-06.png" alt=""></a>
<div v-for="partner of partners" :key="partner.title">
<a :href="partner.url" target="_blank">
<img :src="partner.imageUrl" :alt="partner.title"></a>
</div>
</div>
</div>
......@@ -26,12 +12,6 @@
</template>
<script>
/* Import components. */
// import Name from '@/components/Name.vue'
/* Import icons. */
// import '@/compiled-icons/<icon-name>'
/* Import JQuery. */
// FIXME: Remove ALL jQuery dependencies.
const $ = window.jQuery
......@@ -42,14 +22,58 @@ export default {
},
data: () => {
return {
//
partners: null,
}
},
methods: {
//
},
created: function () {
//
/* Initialize partners. */
this.partners = []
/* Add partner. */
this.partners.push({
title: 'Bitcoin.com',
url: 'https://bitcoin.com',
imageUrl: 'https://i.imgur.com/oOIbAcA.png',
})
/* Add partner. */
this.partners.push({
title: 'Bitcoin',
url: 'https://bitcoin.com/',
imageUrl: 'https://i.imgur.com/otYhXUP.png',
})
/* Add partner. */
this.partners.push({
title: 'CoinSpice',
url: 'https://coinspice.io/',
imageUrl: 'https://i.imgur.com/BpzVRSD.png',
})
/* Add partner. */
this.partners.push({
title: 'SLP Foundation',
url: 'https://simpleledger.io/',
imageUrl: 'https://i.imgur.com/ZQg5IdB.png',
})
/* Add partner. */
this.partners.push({
title: 'Blockchain Poker',
url: 'https://blockchain.poker/',
imageUrl: 'https://i.imgur.com/5toFEp9.png',
})
/* Add partner. */
this.partners.push({
title: 'Bitcoin',
url: 'https://bitcoin.com/',
imageUrl: 'https://i.imgur.com/otYhXUP.png',
})
},
mounted: function () {
$('.partners-slider').owlCarousel({
......
<template>
<main>
<div class="how-it-work">
<div class="container">
<h2 class="title">3 Ways To Offer Your Support</h2>
<main class="how-it-work">
<div class="container">
<h2 class="title">3 Ways To Offer Your Support</h2>
<div class="description">
Choose your preferred method of showing ❤️ to your favorite cause(s).
</div>
<div class="description">
Choose your preferred method of showing <i class="fa fa-heart text-danger"></i> to your favorite causes.
</div>
<div class="row">
<div class="col-lg-4">
<div class="item-work">
<div class="item-icon"><span>01</span><i class="fa fa-flask" aria-hidden="true"></i></div>
<div class="item-content">
<h3 class="item-title">Direct Donation</h3>
<div class="item-desc">
<p>
Send BCH from your desktop OR mobile wallet directly to the registered account address of your preferred cause(s).
</p>
</div>
<div class="row">
<div class="col-lg-4">
<div class="item-work">
<div class="item-icon"><span>01</span><i class="fa fa-flask" aria-hidden="true"></i></div>
<div class="item-content">
<h3 class="item-title">Direct Donation</h3>
<div class="item-desc">
<p>
Send BCH from your desktop OR mobile wallet directly to the registered account address of your preferred cause(s).
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="item-work">
<div class="item-icon"><span>02</span><i class="fa fa-leaf" aria-hidden="true"></i></div>
<div class="item-content">
<h3 class="item-title">Community Pledge</h3>
<div class="item-desc">
<p>
Pledge BCH to your preferred cause(s), with the guarantee that funds won't be collected unless they reach their campaign goal.
</p>
</div>
<div class="col-lg-4">
<div class="item-work">
<div class="item-icon"><span>02</span><i class="fa fa-leaf" aria-hidden="true"></i></div>
<div class="item-content">
<h3 class="item-title">Community Pledge</h3>
<div class="item-desc">
<p>
Pledge BCH to your preferred cause(s), with the guarantee that funds won't be collected unless they reach their campaign goal.
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="item-work">
<div class="item-icon"><span>03</span><i class="fa fa-money" aria-hidden="true"></i></div>
<div class="item-content">
<h3 class="item-title">Cash Payouts</h3>
<div class="item-desc">
<p>
Set a USD or BCH budget to be distributed amongst your preferred cause(s), based on performance and output results.
</p>
</div>
<div class="col-lg-4">
<div class="item-work">
<div class="item-icon"><span>03</span><i class="fa fa-money" aria-hidden="true"></i></div>
<div class="item-content">
<h3 class="item-title">Cash Payouts</h3>
<div class="item-desc">
<p>
Set a USD or BCH budget to be distributed amongst your preferred cause(s), based on performance and output results.
</p>
</div>
</div>
</div>
......@@ -83,5 +81,11 @@ export default {
</script>
<style scoped>
/* */
.how-it-work{
/* padding: 120px 0; */
padding: 40px 0;
background-color: #f5f6f6;
/* margin-top: 120px; */
margin-top: 20px;
}
</style>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment