Boris K
GitHub
commit
9020292724
8 changed files with 1719 additions and 666 deletions
|
|
@ -15,7 +15,9 @@ script:
|
|||
# Cache busting
|
||||
- COMMIT=$(git log --format='%h' -n 1) &&
|
||||
sed -i "s/index.js/index.$COMMIT.js/g" index.html &&
|
||||
mv dist/index.js dist/index.$COMMIT.js
|
||||
sed -i "s/style.css/style.$COMMIT.css/g" index.html &&
|
||||
mv dist/index.js dist/index.$COMMIT.js &&
|
||||
mv dist/style.css dist/style.$COMMIT.css
|
||||
|
||||
deploy:
|
||||
provider: pages
|
||||
|
|
|
|||
|
|
@ -18,12 +18,11 @@
|
|||
<meta property="og:url" content="https://vanity-eth.tk/" />
|
||||
<meta property="og:site_name" content="Vanity ETH" />
|
||||
<meta name="google-site-verification" content="DFWJVWz9IRrh-wjBxn0Y8ith5FTqMeJTSUtuJ595BEs" />
|
||||
<style>@keyframes spin{100%{transform:rotate(360deg)}}</style>
|
||||
<link rel="stylesheet" href="dist/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="dist/favicon.ico" />
|
||||
</head>
|
||||
<body style="background:#09c4c5;background:linear-gradient(140deg,#0ff0b3,#036ed9);height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center">
|
||||
<div id="app">
|
||||
<div class="spinner" style="pointer-events:none;width:2.5em;height:2.5em;border:.4em solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite"></div>
|
||||
</div>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="dist/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
2273
package-lock.json
generated
2273
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -14,15 +14,18 @@
|
|||
"babel-preset-stage-3": "^6.24.1",
|
||||
"blockies": "0.0.2",
|
||||
"bootstrap": "^4.0.0",
|
||||
"copy-webpack-plugin": "^4.5.2",
|
||||
"cross-env": "^5.0.5",
|
||||
"crypto-js": "^3.1.9-1",
|
||||
"css-loader": "^0.28.7",
|
||||
"downloadjs": "^1.4.7",
|
||||
"eslint": "^5.5.0",
|
||||
"eslint-plugin-vue": "^4.7.1",
|
||||
"extract-text-webpack-plugin": "^3.0.2",
|
||||
"file-loader": "^1.1.6",
|
||||
"keccak": "^1.4.0",
|
||||
"node-sass": "^4.5.3",
|
||||
"prerender-spa-plugin": "^3.2.1",
|
||||
"randombytes": "^2.0.6",
|
||||
"remodal": "^1.1.1",
|
||||
"sass-loader": "^6.0.6",
|
||||
|
|
|
|||
20
src/App.vue
20
src/App.vue
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="remodal-bg">
|
||||
<div id="app" class="remodal-bg render">
|
||||
<div class="container" id="content">
|
||||
<!--Headline-->
|
||||
<headline></headline>
|
||||
|
|
@ -203,15 +203,6 @@
|
|||
this.threads = this.cores;
|
||||
}
|
||||
},
|
||||
addFavicon: function () {
|
||||
const i = document.createElement('link');
|
||||
const icon = require('./assets/images/favicon.ico');
|
||||
|
||||
i.type = 'image/x-icon';
|
||||
i.rel = 'shortcut icon';
|
||||
i.href = icon;
|
||||
document.head.appendChild(i);
|
||||
},
|
||||
initFathom: function () {
|
||||
if (window.location.hostname === 'localhost') {
|
||||
return; // No stats when coding
|
||||
|
|
@ -242,11 +233,10 @@
|
|||
if (hostname && ['localhost', '127.0.0.1', 'vanity-eth.tk'].indexOf(hostname) === -1) {
|
||||
this.error = 'insecure_location';
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
created: function () {
|
||||
this.addFavicon();
|
||||
this.checkLocation();
|
||||
this.countCores();
|
||||
this.initWorkers();
|
||||
|
|
@ -333,6 +323,12 @@
|
|||
background: $disabled
|
||||
cursor: auto
|
||||
|
||||
/*-- Pre-render-specific --
|
||||
|
||||
#app.render .hide-render
|
||||
display: none
|
||||
#app.prerender .hide-prerender
|
||||
display: none
|
||||
|
||||
/*-- Responsive design --
|
||||
|
||||
|
|
|
|||
|
|
@ -3,9 +3,8 @@
|
|||
import Vue from 'vue';
|
||||
import App from './App.vue';
|
||||
|
||||
document.body.removeAttribute('style');
|
||||
|
||||
// eslint-disable-next-line no-new
|
||||
|
||||
new Vue({
|
||||
el: '#app',
|
||||
render: (h) => h(App)
|
||||
|
|
|
|||
|
|
@ -3,10 +3,15 @@
|
|||
<form :class="{error: inputError}" @submit.prevent="startGen">
|
||||
<div class="error-text">Numbers and letters from A to F only</div>
|
||||
<input type="text" class="text-input-large" placeholder="Prefix" v-model="prefix" :disabled="running">
|
||||
<div class="example">
|
||||
<div class="row justify-content-center hide-render">
|
||||
<div class="spinner">
|
||||
<div></div><div></div><div></div><div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example hide-prerender">
|
||||
E.g. <span v-text="example" class="monospace"></span>
|
||||
</div>
|
||||
<div class="check">
|
||||
<div class="check hide-prerender">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" name="checkbox" checked="" v-model="checksum"
|
||||
:disabled="running">
|
||||
|
|
@ -14,7 +19,7 @@
|
|||
Case-sensitive
|
||||
</label>
|
||||
</div>
|
||||
<div class="threads">
|
||||
<div class="threads hide-prerender">
|
||||
<input type="button" class="square-btn button-large" value="-" @click="threads--"
|
||||
:disabled="running || threads <= 1">
|
||||
<input type="button" class="square-btn arrow button-large" value="+" @click="threads++"
|
||||
|
|
@ -25,7 +30,8 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12">
|
||||
<input type="button" value="Generate" class="button-large" @click="startGen"
|
||||
<input type="button" value="Generate" class="button-large hide-render" disabled>
|
||||
<input type="button" value="Generate" class="button-large hide-prerender" @click="startGen"
|
||||
:disabled="running || inputError || error">
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12">
|
||||
|
|
@ -181,4 +187,32 @@
|
|||
padding: 0
|
||||
line-height: 1em
|
||||
|
||||
.justify-content-center
|
||||
justify-content: center
|
||||
|
||||
.spinner
|
||||
width: 64px
|
||||
height: 64px
|
||||
margin: 18px
|
||||
& > div
|
||||
position: absolute
|
||||
width: 51px
|
||||
height: 51px
|
||||
margin: 6px
|
||||
border: 6px solid $primary
|
||||
border-radius: 50%
|
||||
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite
|
||||
border-color: $primary transparent transparent transparent
|
||||
&:nth-child(1)
|
||||
animation-delay: -0.45s
|
||||
&:nth-child(2)
|
||||
animation-delay: -0.3s
|
||||
&:nth-child(3)
|
||||
animation-delay: -0.15s
|
||||
|
||||
@keyframes lds-ring
|
||||
0%
|
||||
transform: rotate(0deg)
|
||||
100%
|
||||
transform: rotate(360deg)
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,8 @@
|
|||
const path = require('path');
|
||||
const webpack = require('webpack');
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||
const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||||
const PrerenderSpaPlugin = require('prerender-spa-plugin');
|
||||
|
||||
module.exports = {
|
||||
entry: {
|
||||
|
|
@ -14,7 +17,8 @@ module.exports = {
|
|||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader'
|
||||
loader: 'vue-loader',
|
||||
options: {extractCSS: process.env.NODE_ENV === 'production'}
|
||||
},
|
||||
{
|
||||
test: /vanity\.js$/,
|
||||
|
|
@ -22,7 +26,7 @@ module.exports = {
|
|||
exclude: /node_modules/,
|
||||
options: {
|
||||
inline: true,
|
||||
name: '[name].[ext]?[hash]'
|
||||
name: 'vanity.js'
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
@ -31,7 +35,7 @@ module.exports = {
|
|||
exclude: /node_modules/
|
||||
},
|
||||
{
|
||||
test: /\.(png|woff|woff2|ico)/,
|
||||
test: /\.(png|woff|woff2)/,
|
||||
exclude: /node_modules/,
|
||||
loader: 'url-loader'
|
||||
}
|
||||
|
|
@ -57,13 +61,19 @@ module.exports = {
|
|||
NODE_ENV: JSON.stringify(process.env.NODE_ENV),
|
||||
TID: JSON.stringify(process.env.TID)
|
||||
}
|
||||
})
|
||||
}),
|
||||
new CopyWebpackPlugin([{
|
||||
from: 'src/assets/images/favicon.ico',
|
||||
to: '.',
|
||||
toType: 'dir'
|
||||
}])
|
||||
]
|
||||
};
|
||||
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
// http://vue-loader.vuejs.org/en/workflow/production.html
|
||||
module.exports.plugins = (module.exports.plugins || []).concat([
|
||||
new ExtractTextPlugin('style.css'),
|
||||
new webpack.optimize.UglifyJsPlugin({
|
||||
sourceMap: false,
|
||||
compress: {
|
||||
|
|
@ -72,6 +82,19 @@ if (process.env.NODE_ENV === 'production') {
|
|||
}),
|
||||
new webpack.LoaderOptionsPlugin({
|
||||
minimize: true
|
||||
}),
|
||||
new PrerenderSpaPlugin({
|
||||
staticDir: path.join(__dirname),
|
||||
routes: ['/'],
|
||||
minify: {
|
||||
collapseBooleanAttributes: true,
|
||||
decodeEntities: true,
|
||||
sortAttributes: true
|
||||
},
|
||||
postProcess (renderedRoute) {
|
||||
renderedRoute.html = renderedRoute.html.replace('render', 'prerender');
|
||||
return renderedRoute
|
||||
},
|
||||
})
|
||||
]);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue