zervo/vanity-eth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New color scheme 🎨

Browse source
This commit is contained in:
Boris Kubiak 2018-04-24 08:37:27 +02:00
parent 9461865219
commit 72c1595245
10 changed files with 28 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -8,7 +8,7 @@ Browser-based ETH vanity address generator
Just type [`vanity-eth.tk`](https://vanity-eth.tk) to use it ⚡️
[![Vanity-ETH](https://i.imgur.com/lv6Gej5.png)](https://vanity-eth.tk)
[![Vanity-ETH](https://i.imgur.com/zmSLeBP.png)](https://vanity-eth.tk)
## What's a vanity address?

10
src/App.vue
View file

@ -236,8 +236,14 @@
body
padding: 0
font-family: 'Lato', sans-serif
background: $bg-1
background: $background
background: $bg-fallback
background: linear-gradient(140deg, $bg-2 0%, $bg-1 100%)
@media screen and (max-width: 1200px)
background: linear-gradient(130deg, $bg-2 0%, $bg-1 100%)
@media screen and (max-width: 768px)
background: linear-gradient(120deg, $bg-2 0%, $bg-1 100%)
@media screen and (max-width: 480px)
background: linear-gradient(110deg, $bg-2 0%, $bg-1 100%)
h1, h2, h3, h4, h5, h6, p, label
margin: 0

BIN
src/assets/images/favicon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/images/favicon.psd
View file

Binary file not shown.

BIN
src/assets/images/readme.psd
View file

Binary file not shown.

BIN
src/assets/images/tick-mark.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 18 KiB

13
src/css/variables.sass
View file

@ -9,14 +9,13 @@ $panel-background-alt: #e0e0e0
$disabled: #c3c3c3
$placeholder: #b2b2b2
$bg-1: #b490ca
$bg-2: #f68084
$bg-1: #036ED9
$bg-2: #0FF0B3
$bg-fallback: #09c4c5
$background: linear-gradient(to top, $bg-2 0%, $bg-1 100%)
$primary: #ea969b
$secondary: #ffa0a0
$error: #ff4a40
$primary: #0cd3bc
$secondary: #46decc
$error: #ff839a
$shadow: 1px 5px 10px rgba(0, 0, 0, 0.15)
$shadow-big: 2px 10px 15px rgba(0, 0, 0, 0.15)

15
src/vue/Corner.vue
View file

@ -1,12 +1,15 @@
<template>
<a href="https://github.com/bokub/vanity-eth" target="_blank" aria-label="View source on Github">
<img :src="'https://ssl.google-analytics.com/collect?v=1&t=pageview&tid=' + tid + '&dp=%2F&cid=' + cid + '&dr=' + dr + '&sr=' + sr + '&vp=' + vp + '&z=' + new Date().getTime()">
<svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" fill="#fff"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="#b490ca" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="#b490ca" class="octo-body"></path>
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
<defs>
<mask id="octomask">
<path fill="white" d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path fill="black" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="black" class="octo-body"></path>
</mask>
</defs>
<rect class="filler" fill="white" width="100%" height="100%" mask="url(#octomask)"></rect>
</svg>
</a>
</template>

7
src/vue/Input.vue
View file

@ -154,13 +154,11 @@
input
+ i:after
content: ''
background: url("../assets/images/tick-mark.png") no-repeat 1px 2px
background: url("../assets/images/tick-mark.png") no-repeat
top: 4px
left: 2px
left: 3px
width: 15px
height: 15px
font: normal 12px/16px FontAwesome
text-align: center
position: absolute
opacity: 0
position: absolute
@ -179,5 +177,6 @@
margin: 0 5px 0 0
padding: 0
line-height: 1em
font-size: 1.2em
</style>

2
src/vue/Statistics.vue
View file

@ -96,7 +96,7 @@
height: 100%
width: 0
display: block
background-color: $secondary
background-color: $primary
.percentage
float: right