vanity-eth/src/vue/Footer.vue
2018-09-06 08:25:49 +02:00

61 lines
1.9 KiB
Vue

<template>
<footer>
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 address">
Tips:
<a :href="'https://etherscan.io/address/' + tipsAddress" target="_blank" v-text="tipsAddress"></a>
</div>
<div class="col-12 col-lg-6 links">
<a :href="'https://etherdonation.com/d?to=' + tipsAddress" target="_blank">
<i class="icon-ethereum"></i>&nbsp;&nbsp;&nbsp;Donate
</a>
<a href="https://github.com/bokub/vanity-eth/stargazers" target="_blank">
<i class="icon-star"></i>&nbsp;&nbsp;&nbsp;Star&nbsp;me
</a>
<a href="https://github.com/bokub/vanity-eth/wiki/download-Vanity-ETH" target="_blank">
<i class="icon-download"></i>&nbsp;&nbsp;&nbsp;Download
</a>
</div>
</div>
</div>
</footer>
</template>
<script>
export default {
data: function () {
return {
tipsAddress: '0xAceBabe64807cb045505b268ef253D8fC2FeF5Bc'
};
}
};
</script>
<style lang="sass" scoped>
@import "../css/variables"
footer
padding: 1rem 0 0.5rem
background-color: $panel-background
color: $text-alt
a
text-decoration: none
.address
margin-bottom: 20px
color: $text
a
font-family: $monospace-font
margin-left: 15px
word-break: break-all
.links
text-align: right
a
margin-right: 30px
padding-bottom: 2px
i
font-size: 1.2em
@media screen and (max-width: 480px)
footer
padding-bottom: 1em
</style>