added success.html
This commit is contained in:
andmironov
parent
0cc9b88425
commit
a38a012f08
136
gulpfile.js
136
gulpfile.js
|
|
@ -5,17 +5,17 @@ var gulp = require('gulp'),
|
|||
autoprefixer = require('gulp-autoprefixer'),
|
||||
rename = require('gulp-rename'),
|
||||
imagemin = require('gulp-imagemin'),
|
||||
pngquant = require('imagemin-pngquant'),
|
||||
plumber = require('gulp-plumber'),
|
||||
newer = require('gulp-newer'),
|
||||
del = require('del'),
|
||||
cleanCSS = require('gulp-clean-css'),
|
||||
uncss = require('gulp-uncss'),
|
||||
useref = require('gulp-useref'),
|
||||
//more
|
||||
staticHash = require('gulp-static-hash'),
|
||||
|
||||
browserify = require('browserify'),
|
||||
source = require('vinyl-source-stream'),
|
||||
buffer = require('vinyl-buffer'),
|
||||
streamify = require('gulp-streamify'),
|
||||
|
||||
gutil = require('gulp-util'),
|
||||
uglify = require('gulp-uglify'),
|
||||
sourcemaps = require('gulp-sourcemaps'),
|
||||
|
|
@ -23,106 +23,78 @@ var gulp = require('gulp'),
|
|||
|
||||
gulp.task('browser-sync', function() {
|
||||
browserSync({
|
||||
server: {
|
||||
baseDir: 'src'
|
||||
},
|
||||
server: { baseDir: 'src' },
|
||||
notify: false
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
gulp.task('styles', function () {
|
||||
return gulp.src('src/scss/main.scss')
|
||||
.pipe(plumber())
|
||||
.pipe(sass())
|
||||
.pipe(autoprefixer({
|
||||
browsers: ['last 3 versions'],
|
||||
cascade: false
|
||||
}))
|
||||
.pipe(gulp.dest('src/css'))
|
||||
.pipe(browserSync.reload({stream: true}));
|
||||
})
|
||||
|
||||
gulp.task('scripts', function() {
|
||||
return gulp.src([
|
||||
'src/libs/swiper/js/swiper.min.js',
|
||||
])
|
||||
.pipe(plumber())
|
||||
.pipe(concat('libs.min.js'))
|
||||
.pipe(gulp.dest('src/js'));
|
||||
});
|
||||
|
||||
gulp.task('js', function () {
|
||||
var b = browserify({
|
||||
entries: 'src/js/main.js',
|
||||
debug: false,
|
||||
})
|
||||
return b.bundle()
|
||||
.pipe(source('app.js'))
|
||||
.pipe(buffer())
|
||||
.pipe(babel({
|
||||
presets: ['es2015']
|
||||
}))
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(uglify())
|
||||
.on('error', gutil.log)
|
||||
.pipe(sourcemaps.write('./'))
|
||||
.pipe(gulp.dest('src/js'))
|
||||
})
|
||||
|
||||
gulp.task('watch', ['styles', 'js', 'browser-sync'], function() {
|
||||
gulp.watch('src/sass/**/*.+(sass|scss)', ['styles']);
|
||||
gulp.watch('src/*.html', browserSync.reload);
|
||||
gulp.watch('src/js/**/*.js', browserSync.reload);
|
||||
});
|
||||
gulp.task('css', function () {
|
||||
gulp.src('src/scss/main.scss')
|
||||
.pipe(plumber())
|
||||
.pipe(sass())
|
||||
.pipe(autoprefixer({ browsers: ['last 3 versions'], cascade: false }))
|
||||
.pipe(gulp.dest('src/css'))
|
||||
.pipe(browserSync.reload({stream: true}))
|
||||
})
|
||||
|
||||
gulp.task('browserify', function() {
|
||||
return browserify('src/js/main.js')
|
||||
.bundle()
|
||||
.pipe(source('app.js'))
|
||||
.pipe(streamify(babel({ presets: ['es2015'] })))
|
||||
.pipe(gulp.dest('src/js'))
|
||||
.pipe(browserSync.reload({stream: true}))
|
||||
})
|
||||
|
||||
gulp.task('clean', function() {
|
||||
return del.sync('build');
|
||||
});
|
||||
del.sync('build')
|
||||
})
|
||||
|
||||
gulp.task('images', function() {
|
||||
return gulp.src('src/img/**/*')
|
||||
.pipe(plumber())
|
||||
.pipe(gulp.dest('build/img'));
|
||||
});
|
||||
gulp.src('src/img/**/*')
|
||||
.pipe(plumber())
|
||||
.pipe(imagemin())
|
||||
.pipe(gulp.dest('build/img'))
|
||||
})
|
||||
|
||||
gulp.task('demo', function() {
|
||||
gulp.src(['src/demo/**/*'])
|
||||
.pipe(gulp.dest('build/demo'))
|
||||
});
|
||||
.pipe(gulp.dest('build/demo'))
|
||||
})
|
||||
|
||||
gulp.task('dapps', function() {
|
||||
gulp.src(['src/dapps/**/*'])
|
||||
.pipe(gulp.dest('build/dapps'))
|
||||
});
|
||||
.pipe(gulp.dest('build/dapps'))
|
||||
})
|
||||
|
||||
gulp.task('build', ['clean', 'styles', 'js', 'images', 'demo', 'dapps'], function() {
|
||||
gulp.task('watch', ['css', 'browserify', 'browser-sync'], function() {
|
||||
gulp.watch('src/scss/**/*.+(sass|scss)', ['css'])
|
||||
gulp.watch('src/*.html', browserSync.reload)
|
||||
gulp.watch('src/js/main.js', ['browserify'])
|
||||
})
|
||||
|
||||
gulp.src([
|
||||
'src/css/main.css'
|
||||
])
|
||||
.pipe(cleanCSS({compatibility: 'ie9'}))
|
||||
.pipe(rename({suffix: '.min'}))
|
||||
.pipe(gulp.dest('build/css'));
|
||||
gulp.task('build', ['clean', 'css', 'browserify', 'images', 'demo', 'dapps'], function() {
|
||||
|
||||
gulp.src([
|
||||
'src/js/app.js',
|
||||
'src/js/mc-validate.js'
|
||||
])
|
||||
gulp.src(['src/css/main.css'])
|
||||
.pipe(cleanCSS({compatibility: 'ie9'}))
|
||||
.pipe(gulp.dest('build/css'))
|
||||
|
||||
gulp.src(['src/js/app.js', 'src/js/mc-validate.js'])
|
||||
.pipe(concat('app.js'))
|
||||
.pipe(uglify())
|
||||
.pipe(concat('app.min.js'))
|
||||
.pipe(gulp.dest('build/js'));
|
||||
.pipe(gulp.dest('build/js'))
|
||||
|
||||
gulp.src('src/*.html')
|
||||
.pipe(useref({noAssets:true}))
|
||||
.pipe(gulp.dest('build'));
|
||||
.pipe(useref({ noAssets:true }))
|
||||
.pipe(staticHash({asset: 'static'}))
|
||||
.pipe(gulp.dest('build'))
|
||||
|
||||
gulp.src('src/fonts/**/*')
|
||||
.pipe(gulp.dest('build/fonts'));
|
||||
.pipe(gulp.dest('build/fonts'))
|
||||
|
||||
gulp.src('src/*.php')
|
||||
.pipe(useref({noAssets:true}))
|
||||
.pipe(gulp.dest('build'));
|
||||
});
|
||||
.pipe(useref({ noAssets:true }))
|
||||
.pipe(gulp.dest('build'))
|
||||
})
|
||||
|
||||
gulp.task('default', ['watch']);
|
||||
gulp.task('default', ['watch'])
|
||||
|
|
|
|||
24
package.json
24
package.json
|
|
@ -3,10 +3,13 @@
|
|||
"version": "1.0.0",
|
||||
"description": "Project Description",
|
||||
"devDependencies": {
|
||||
"babel-preset-es2015": "^6.14.0",
|
||||
"browser-sync": "^2.11.1",
|
||||
"browserify": "^13.1.1",
|
||||
"del": "^2.2.0",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-autoprefixer": "^3.1.0",
|
||||
"gulp-babel": "^6.1.2",
|
||||
"gulp-clean-css": "^2.0.3",
|
||||
"gulp-concat": "^2.6.0",
|
||||
"gulp-imagemin": "^2.4.0",
|
||||
|
|
@ -14,21 +17,16 @@
|
|||
"gulp-plumber": "^1.1.0",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-sass": "^2.2.0",
|
||||
"gulp-sourcemaps": "^1.6.0",
|
||||
"gulp-static-hash": "^0.1.4",
|
||||
"gulp-streamify": "^1.0.2",
|
||||
"gulp-uglify": "^1.5.3",
|
||||
"gulp-uncss": "^1.0.5",
|
||||
"gulp-useref": "^3.0.8",
|
||||
"imagemin-pngquant": "^4.2.2",
|
||||
"browserify": "^13.1.1",
|
||||
"gulp-babel": "^6.1.2",
|
||||
"babel-preset-es2015": "^6.14.0",
|
||||
"vinyl-buffer": "^1.0.0",
|
||||
"vinyl-source-stream": "^1.1.0",
|
||||
"gulp-useref": "^3.1.2",
|
||||
"gulp-util": "^3.0.7",
|
||||
"gulp-sourcemaps": "^1.6.0"
|
||||
"vinyl-buffer": "^1.0.0",
|
||||
"vinyl-source-stream": "^1.1.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"bourbon": "^4.2.7",
|
||||
"bourbon-neat": "^1.7.4",
|
||||
"d3-ease": "^1.0.2",
|
||||
"d3-interpolate": "^1.1.2",
|
||||
"d3-scale": "^1.0.4",
|
||||
|
|
@ -36,8 +34,6 @@
|
|||
"lodash.clone": "^4.0.1",
|
||||
"lodash.foreach": "^4.0.0",
|
||||
"lodash.isempty": "^4.0.0",
|
||||
"lodash.isequal": "^4.0.0",
|
||||
"node-neat": "^1.7.2",
|
||||
"normalize.css": "^4.0.0"
|
||||
"lodash.isequal": "^4.0.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
159
src/css/main.css
159
src/css/main.css
|
|
@ -155,7 +155,7 @@ select[multiple] {
|
|||
|
||||
body {
|
||||
background-color: #eef2f5;
|
||||
font-family: 'PostGrotesk-Book', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
line-height: 25px;
|
||||
|
|
@ -173,7 +173,7 @@ a {
|
|||
height: 44px;
|
||||
line-height: 43px;
|
||||
padding: 0 20px;
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
|
|
@ -197,6 +197,18 @@ a {
|
|||
color: rgba(255, 255, 255, 0.5);
|
||||
cursor: default; }
|
||||
|
||||
.header-wrap {
|
||||
margin: 30px 0 0 0;
|
||||
width: 1080px;
|
||||
height: 130px;
|
||||
background-color: #4957B8;
|
||||
background-image: url(../img/new-site/dot.svg);
|
||||
box-shadow: 0px 10px 14px 0px rgba(79, 90, 166, 0.35);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition: transform .6s ease, opacity .3s ease; }
|
||||
|
||||
.header {
|
||||
position: absolute;
|
||||
display: -ms-flexbox;
|
||||
|
|
@ -244,7 +256,7 @@ a.logo {
|
|||
|
||||
.logo__title {
|
||||
display: block;
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 22px;
|
||||
line-height: 25px;
|
||||
color: white; }
|
||||
|
|
@ -257,7 +269,7 @@ a.logo {
|
|||
opacity: .5; }
|
||||
|
||||
.nav a {
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 15px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
|
|
@ -339,7 +351,10 @@ li.social-link a {
|
|||
width: 100%;
|
||||
margin: 40px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; } }
|
||||
align-items: center; }
|
||||
.header-wrap {
|
||||
margin: 0 0 0 0;
|
||||
width: 100%; } }
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.nav {
|
||||
|
|
@ -357,6 +372,9 @@ li.social-link a {
|
|||
margin: 20px 20px 20px 17px;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start; }
|
||||
.header-wrap {
|
||||
height: 82px;
|
||||
border-radius: 0; }
|
||||
.logo__icon {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
|
|
@ -585,6 +603,127 @@ li.social-link a {
|
|||
line-height: 22px;
|
||||
margin: 0 0 15px 0; } }
|
||||
|
||||
.page {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
|
||||
.page__inner {
|
||||
width: 1120px;
|
||||
position: relative; }
|
||||
|
||||
.page__content-wrap {
|
||||
position: relative;
|
||||
width: 1180px;
|
||||
margin: 0 0 40px 0;
|
||||
background: white;
|
||||
box-shadow: 0px -2px 18px 0px rgba(72, 89, 102, 0.25);
|
||||
border-radius: 10px; }
|
||||
|
||||
.page__content {
|
||||
padding: 40px;
|
||||
background: white;
|
||||
border-radius: 8px; }
|
||||
|
||||
.page__content.page__content--success {
|
||||
padding: 160px 40px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
text-align: center; }
|
||||
|
||||
.page__title {
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
margin: 0 0 20px 0; }
|
||||
|
||||
.page__subheader {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
margin: 0 0 25px 0;
|
||||
color: #92999f; }
|
||||
|
||||
.page__content.page__content--success .page__title {
|
||||
max-width: 500px; }
|
||||
|
||||
.page__content.page__content--success .page__text {
|
||||
max-width: 500px; }
|
||||
|
||||
.page__footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 15px;
|
||||
letter-spacing: 1px;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
text-transform: uppercase;
|
||||
border-top: 1px solid #e9eaf4; }
|
||||
|
||||
.page__footer .page__footer-link {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
padding: 20px 0;
|
||||
transition: opacity .2s ease; }
|
||||
|
||||
.page__footer .page__footer-link:hover {
|
||||
opacity: .6; }
|
||||
|
||||
@media (max-width: 1220px) {
|
||||
.page__content-wrap {
|
||||
width: 1080px;
|
||||
top: -10px;
|
||||
margin: 0 0 30px 0; } }
|
||||
|
||||
@media (max-width: 1140px) {
|
||||
.page {
|
||||
margin: 20px 20px 0 20px; }
|
||||
.page__content-wrap {
|
||||
width: 100%; }
|
||||
.page__content {
|
||||
margin: 0 40px;
|
||||
width: auto; } }
|
||||
|
||||
@media (max-width: 840px) {
|
||||
.page__content {
|
||||
margin: 0 30px; }
|
||||
.page__content-wrap {
|
||||
top: -20px;
|
||||
margin: 0 0 20px 0; }
|
||||
.page__content.page__content--success {
|
||||
padding: 100px 20px; } }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.page {
|
||||
margin: 0; }
|
||||
.page__content.page__content--success {
|
||||
padding: 40px 0 80px 0; }
|
||||
.page__content-wrap {
|
||||
top: 0;
|
||||
margin: 0; }
|
||||
.page__title {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
margin: 0 0 10px 0; }
|
||||
.page__subheader {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
margin: 0 0 15px 0; } }
|
||||
|
||||
.container {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
|
|
@ -688,7 +827,7 @@ li.social-link a {
|
|||
top: 260px; }
|
||||
|
||||
.tagline .tagline__title {
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
line-height: 35px;
|
||||
|
|
@ -735,7 +874,7 @@ li.social-link a {
|
|||
|
||||
.email-form a {
|
||||
color: white;
|
||||
font-family: PostGrotesk-Medium; }
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
|
||||
|
||||
.email-form__responces {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
|
|
@ -922,7 +1061,7 @@ input.email-form__input--email:disabled {
|
|||
transform: translate3d(0, 0, 0); }
|
||||
|
||||
.more-button {
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
text-transform: uppercase;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
|
|
@ -965,7 +1104,7 @@ input.email-form__input--email:disabled {
|
|||
background-image: url(../img/new-site/buy_icon.png); }
|
||||
|
||||
.features__title {
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 17px;
|
||||
line-height: 20px;
|
||||
margin: 15px 0 12px 0; }
|
||||
|
|
@ -1277,7 +1416,7 @@ input.email-form__input--email:disabled {
|
|||
.dapp__title {
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
margin: 0 0 10px 0; }
|
||||
|
||||
.dapp__description {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 823 B |
Binary file not shown.
|
After Width: | Height: | Size: 424 B |
Binary file not shown.
|
After Width: | Height: | Size: 774 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="30" height="31" viewBox="0 0 30 31" xmlns="http://www.w3.org/2000/svg"><title>mask</title><path d="M9.73 13.39a17.644 17.644 0 0 0-3.153.267C7.434 5.885 14.033 0 21.892 0 26.703 0 30 2.312 30 7.099c0 4.786-3.957 7.098-9.73 7.098-4.261 0-6.279-.806-10.54-.806zm0 2.79C3.957 16.18 0 18.49 0 23.277s3.297 7.099 8.108 7.099c7.859 0 14.458-5.885 15.315-13.657-1.04.183-2.096.272-3.153.266-4.261 0-6.279-.807-10.54-.807z" fill="#4360DF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 470 B |
|
|
@ -3,23 +3,22 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>Status, a Mobile Ethereum OS</title>
|
||||
<title>Status | a Mobile Ethereum OS</title>
|
||||
<meta name="description" content="Status, a Mobile Ethereum OS">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="icon" type="image/png" href="assets/logo-32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="assets/logo-16.png" sizes="16x16" />
|
||||
<link rel="icon" type="image/png" href="img/new-site/logo-32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="img/new-site/logo-16.png" sizes="16x16" />
|
||||
|
||||
<link rel="apple-touch-icon" href="assets/apple-touch-icon-1024.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="assets/apple-touch-icon-76.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="assets/apple-touch-icon-120.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="assets/apple-touch-icon-152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon-180.png">
|
||||
<link rel="mask-icon" href="assets/logo-mask.svg" color="4360DF">
|
||||
<link rel="apple-touch-icon" href="img/new-site/apple-touch-icon-1024.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="img/new-site/apple-touch-icon-76.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="img/new-site/apple-touch-icon-120.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="img/new-site/apple-touch-icon-152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="img/new-site/apple-touch-icon-180.png">
|
||||
<link rel="mask-icon" href="img/new-site/logo-mask.svg" color="4360DF">
|
||||
|
||||
|
||||
<!-- Place favicon.ico in the root directory -->
|
||||
<link rel="stylesheet" href="css/main.min.css?v=16d1099">
|
||||
<!-- favicon.ico in the root directory -->
|
||||
<link rel="stylesheet" href="css/main.css?v=16d1099">
|
||||
<meta property="og:title" content="Status, a Mobile Ethereum OS" />
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -121,7 +120,7 @@
|
|||
<span class="features__icon"></span>
|
||||
<div class="features-text">
|
||||
<h2 class="features__title">Buy and Sell Ether Locally</h2>
|
||||
<p class="features__description">Discover nearby Status users to exchange goods, services and ideas.</p>
|
||||
<p class="features__description">Discover nearby Status users to exchange goods and services.</p>
|
||||
</div>
|
||||
</div>
|
||||
<a class="more-button" href="#">Learn more</a>
|
||||
|
|
@ -326,9 +325,7 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
<script src="js/app.min.js?v=44d5354"></script>
|
||||
<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
|
||||
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
<script src="js/app.js?v=44d5354"></script>
|
||||
<!-- Google Analytics -->
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
|
|
@ -343,4 +340,3 @@
|
|||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
9829
src/js/app.js
9829
src/js/app.js
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -21,6 +21,7 @@
|
|||
|
||||
// ADDITIONAL JQUERY VALIDATE METHODS
|
||||
(function($) {
|
||||
|
||||
// Validate a multifield birthday
|
||||
$.validator.addMethod("mc_birthday", function(date, element, grouping_class) {
|
||||
var isValid = false;
|
||||
|
|
@ -44,6 +45,7 @@
|
|||
}
|
||||
return isValid;
|
||||
}, "Please enter a valid month and day.");
|
||||
|
||||
// Validate a multifield date
|
||||
$.validator.addMethod("mc_date", function(date, element, grouping_class) {
|
||||
var isValid = false;
|
||||
|
|
@ -394,3 +396,4 @@
|
|||
};
|
||||
|
||||
}(jQuery));
|
||||
(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);
|
||||
|
|
|
|||
|
|
@ -5,9 +5,7 @@
|
|||
|
||||
body {
|
||||
background-color: $colorBg;
|
||||
font-family: 'PostGrotesk-Book', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
|
||||
|
||||
font-family: $PostGroteskBook;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
line-height: 25px;
|
||||
|
|
@ -29,7 +27,7 @@ a {
|
|||
line-height: 43px;
|
||||
padding: 0 20px;
|
||||
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: $PostGroteskMedium;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -13,3 +13,7 @@
|
|||
font-weight:400;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
|
||||
$PostGroteskBook: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
$PostGroteskMedium: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,16 @@
|
|||
.header-wrap {
|
||||
margin: 30px 0 0 0;
|
||||
width: 1080px;
|
||||
height: 130px;
|
||||
background-color: #4957B8;
|
||||
background-image: url(../img/new-site/dot.svg);
|
||||
box-shadow: 0px 10px 14px 0px rgba(79,90,166,0.35);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition: transform .6s ease, opacity .3s ease;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
|
|
@ -41,7 +54,7 @@ a.logo {
|
|||
|
||||
.logo__title {
|
||||
display: block;
|
||||
font-family:PostGrotesk-Medium;
|
||||
font-family:$PostGroteskMedium;
|
||||
font-size: 22px;
|
||||
line-height: 25px;
|
||||
color: $colorWhite;
|
||||
|
|
@ -56,7 +69,7 @@ a.logo {
|
|||
}
|
||||
|
||||
.nav a {
|
||||
font-family:PostGrotesk-Medium;
|
||||
font-family:$PostGroteskMedium;
|
||||
font-size: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -151,6 +164,11 @@ li.social-link a {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.header-wrap {
|
||||
margin: 0 0 0 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 960px) {
|
||||
|
|
@ -176,6 +194,11 @@ li.social-link a {
|
|||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.header-wrap {
|
||||
height: 82px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.logo__icon {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
|
||||
@import "phones";
|
||||
@import "popup";
|
||||
@import "page";
|
||||
|
||||
@import "slides";
|
||||
@import "slide--one";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,156 @@
|
|||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.page__inner {
|
||||
width: 1120px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page__content-wrap {
|
||||
position: relative;
|
||||
width: 1180px;
|
||||
margin: 0 0 40px 0;
|
||||
background: $colorWhite;
|
||||
box-shadow: 0px -2px 18px 0px rgba(72,89,102,0.25);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.page__content {
|
||||
padding: 40px;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.page__content.page__content--success {
|
||||
padding: 160px 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page__title {
|
||||
font-family:$PostGroteskMedium;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.page__subheader {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
margin: 0 0 25px 0;
|
||||
color: rgba(146, 153, 159, 1);
|
||||
}
|
||||
|
||||
.page__content.page__content--success .page__title {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.page__content.page__content--success .page__text {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.page__footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
font-size:13px;
|
||||
line-height: 15px;
|
||||
letter-spacing: 1px;
|
||||
font-family: $PostGroteskMedium;
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
text-transform: uppercase;
|
||||
border-top: 1px solid rgba(233, 234, 244, 1)
|
||||
}
|
||||
|
||||
.page__footer .page__footer-link {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
padding: 20px 0;
|
||||
transition: opacity .2s ease;
|
||||
}
|
||||
|
||||
.page__footer .page__footer-link:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
@media (max-width: 1220px) {
|
||||
|
||||
.page__content-wrap {
|
||||
width: 1080px;
|
||||
top: -10px;
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1140px) {
|
||||
|
||||
.page {
|
||||
margin: 20px 20px 0 20px;
|
||||
}
|
||||
|
||||
.page__content-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page__content {
|
||||
margin: 0 40px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 840px) {
|
||||
|
||||
.page__content {
|
||||
margin: 0 30px;
|
||||
}
|
||||
|
||||
.page__content-wrap {
|
||||
top: -20px;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.page__content.page__content--success {
|
||||
padding: 100px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.page {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.page__content.page__content--success {
|
||||
padding: 40px 0 80px 0;
|
||||
}
|
||||
|
||||
.page__content-wrap {
|
||||
top: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page__title {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.page__subheader {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
}
|
||||
|
||||
.tagline .tagline__title {
|
||||
font-family:PostGrotesk-Medium;
|
||||
font-family:$PostGroteskMedium;
|
||||
color: $colorWhite;
|
||||
font-size: 25px;
|
||||
line-height: 35px;
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
|
||||
.email-form a {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-family: PostGrotesk-Medium;
|
||||
font-family: $PostGroteskMedium;
|
||||
}
|
||||
|
||||
.email-form__responces {
|
||||
|
|
@ -296,7 +296,7 @@ input.email-form__input--email:disabled {
|
|||
}
|
||||
|
||||
.more-button {
|
||||
font-family:PostGrotesk-Medium;
|
||||
font-family:$PostGroteskMedium;
|
||||
text-transform: uppercase;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
|
|
@ -347,7 +347,7 @@ input.email-form__input--email:disabled {
|
|||
}
|
||||
|
||||
.features__title {
|
||||
font-family:PostGrotesk-Medium;
|
||||
font-family:$PostGroteskMedium;
|
||||
font-size: 17px;
|
||||
line-height: 20px;
|
||||
margin: 15px 0 12px 0;
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
.dapp__title {
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
font-family:PostGrotesk-Medium;
|
||||
font-family:$PostGroteskMedium;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,120 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>Status | a Mobile Ethereum OS</title>
|
||||
<meta name="description" content="Status, a Mobile Ethereum OS">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="icon" type="image/png" href="img/new-site/logo-32.png" sizes="32x32" />
|
||||
<link rel="icon" type="image/png" href="img/new-site/logo-16.png" sizes="16x16" />
|
||||
|
||||
<link rel="apple-touch-icon" href="img/new-site/apple-touch-icon-1024.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="img/new-site/apple-touch-icon-76.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="img/new-site/apple-touch-icon-120.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="img/new-site/apple-touch-icon-152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="img/new-site/apple-touch-icon-180.png">
|
||||
<link rel="mask-icon" href="img/new-site/logo-mask.svg" color="4360DF">
|
||||
|
||||
<!-- favicon.ico in the root directory -->
|
||||
<link rel="stylesheet" href="css/main.css?v=16d1099">
|
||||
<meta property="og:title" content="Status, a Mobile Ethereum OS" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="page">
|
||||
|
||||
<div class="header-wrap">
|
||||
<div class="header">
|
||||
<div class="header__inner">
|
||||
<a class="logo" href="/">
|
||||
<span class="logo__icon"></span>
|
||||
<div class="logo_text">
|
||||
<span class="logo__title">Status</span>
|
||||
<span class="logo__description"><span>A </span>Mobile Ethereum OS</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="nav">
|
||||
<a class="nav__item nav__item--blog" target="_blank" href="https://blog.status.im/">Blog</a>
|
||||
<a class="nav__item nav__item--features" href="/">About</a>
|
||||
</div>
|
||||
|
||||
<div class="shares">
|
||||
<ul class="social-links">
|
||||
<li class="social-link social-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--sl"><a href="http://slack.status.im/" target="_blank"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page__content-wrap">
|
||||
<div class="page__content page__content--success">
|
||||
<h2 class="page__title">You’ve been added to the Waitlist. Could you help us spread the word?</h2>
|
||||
<div class="page__text">
|
||||
<p class="page__subheader">Please help support our open source project with a tweet, or follow us to stay updated on our progress</p>
|
||||
|
||||
<div class="page__socilal-buttons">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false" data-text="Check out Status (@ethstatus) - an open source project that will bring Ethereum to Android and iOS!" data-size="large">Tweet</a>
|
||||
<a href="https://twitter.com/ethstatus" class="twitter-follow-button" data-size="large" data-show-screen-name="false" data-show-count="false">Follow @ethstatus</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page__footer">
|
||||
<a class="page__footer-link" href="/">Learn more about Status</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="footer">
|
||||
<ul class="social-links ">
|
||||
<li class="social-link social-link--fb social-link--inversed"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--tw social-link--inversed"><a href="https://twitter.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--sl social-link--inversed"><a href="http://slack.status.im/" target="_blank"></a></li>
|
||||
</ul>
|
||||
<div class="address">
|
||||
Status Holdings Pte. Ltd.<br/>22 Sin Ming Lane<br/>Singapore
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Google Analytics -->
|
||||
<script>
|
||||
(function(i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
i[r] = i[r] || function() {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date();
|
||||
a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0];
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||||
|
||||
ga('create', 'UA-79146816-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<!-- /Google Analytics -->
|
||||
|
||||
<!-- Heap Analytics -->
|
||||
<script type="text/javascript">
|
||||
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
|
||||
heap.load("1816593697");
|
||||
</script>
|
||||
<!-- /Heap Analytics -->
|
||||
|
||||
<!-- Twitter buttons -->
|
||||
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
<!-- /Twitter buttons -->
|
||||
|
||||
<!-- Optimizely -->
|
||||
<script src="https://cdn.optimizely.com/js/7577170144.js"></script>
|
||||
<!-- /Optimizely -->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue