LIL-61 common layouts, ui-kit, email template added

docs/overview.md

@@ -32,7 +32,8 @@ CRUD для целей доступа к персистентным хранил
 * Django templates
 * jQuery v3.0.0
 * react-0.14.7
-* webpack-1.12
+* gulp
+* sass
 
 ## Интеграции 
 

web/README.md

@@ -0,0 +1,56 @@
+#How to use
+
+Clone this repo and then in command line type:
+
+* `npm install` - install all dependencies
+* `gulp` - run dev-server and let magic happen, or
+* `gulp build` - build project from sources
+
+--
+
+## List of Gulp tasks
+
+To run separate task type in command line `gulp [task_name]`.
+Almost all tasks also have watch mode - `gulp [task_name]:watch`, but you don't need to use it directly.
+
+### Main tasks
+Task name          | Description
+:------------------|:----------------------------------
+`default`          | will start all tasks required by project in dev mode: initial build, watch files, run server with livereload
+`build:dev`        | build dev version of project (without code optimizations)
+`build`            | build production-ready project (with code optimizations)
+
+### Other tasks
+Task name          | Description
+:------------------|:----------------------------------
+`sass` 	         | compile .sass/.scss to .css. We also use [postcss](https://github.com/postcss/postcss) for [autoprefixer](https://github.com/postcss/autoprefixer), so feel free to include other awesome postcss [plugins](https://github.com/postcss/postcss#plugins) when needed
+`webpack`          | compile .js sources into bundle file
+`copy`             | copy common files from `./src` path to `./dist` path
+`swig`             | compile [swig](http://paularmstrong.github.io/swig/)  templates
+`nunjucks`         | compile Mozilla's awesome [nunjucks](https://mozilla.github.io/nunjucks/) templates
+`pug`             | compile [pug](http://pug-lang.com/) templates
+`svgo`             | optimize svg files with [svgo](https://github.com/svg/svgo)
+`iconfont`         | compile iconfonts from svg sources
+`sprite:svg`       | create svg symbol sprites ([css-tricks](https://css-tricks.com/svg-sprites-use-better-icon-fonts/))
+`sprite:png`       | create png sprites
+`server`           | run dev-server powered by [BrowserSync](https://www.browsersync.io/)
+`clean`            | remove `./dist` folder
+`index-page`       | create index file with links to all project pages
+
+_This is a full list of tasks, that we use in our projects, but not all of them should be available in current project. For example, we only use one template engine out of these three [`pug`, `nunjucks`, `swig`]. All available tasks are placed in a folder `./gulp/tasks` as separate *.js files. Usually, file name = task name._
+
+
+## Flags
+
+We have several useful flags.
+
+* `gulp --open` or `gulp server --open` - run dev server and then open preview in browser
+* `gulp --tunnel=[name]` or `gulp server --tunnel [name]` - runs dev server and allows you to easily share a web service on your local development machine (powered by [localtunnel.me](https://localtunnel.me/)). Your local site will be available at `[name].localtunnel.me`.
+* `gulp [task_name] --prod` or `gulp [task_name] --production` - run task in production mode. Some of the tasks (like, sass or js compilation) have additional settings for production mode (such as code minification), so with this flag you can force production mode. `gulp build` uses this mode by default.
+
+##Other
+You can also use [npm scripts](https://docs.npmjs.com/misc/scripts):
+
+* `npm run ghpages` to push only `./dist` folder to **gh-pages** branch on github (very useful for previews).
+* `npm run start` - same as `gulp default`.
+* `npm run build` - same as `gulp build`.

web/gulp/config.js

@@ -0,0 +1,59 @@
+var util = require('gulp-util');
+
+var production = util.env.production || util.env.prod || false;
+var destPath = 'build';
+
+var config = {
+    env       : 'development',
+    production: production,
+
+    src: {
+        root         : 'src',
+        templates    : 'src/templates',
+        templatesData: 'src/templates/data',
+        sass         : 'src/sass',
+        // path for sass files that will be generated automatically via some of tasks
+        sassGen      : 'src/sass/generated',
+        js           : 'src/js',
+        img          : 'src/img',
+        svg          : 'src/img/svg',
+        icons        : 'src/icons',
+        // path to png sources for sprite:png task
+        iconsPng     : 'src/icons',
+        // path to svg sources for sprite:svg task
+        iconsSvg     : 'src/icons',
+        // path to svg sources for iconfont task
+        iconsFont    : 'src/icons',
+        fonts        : 'src/fonts',
+        lib          : 'src/lib'
+    },
+    dest: {
+        root : destPath,
+        html : destPath,
+        css  : destPath + '/css',
+        js   : destPath + '/js',
+        img  : destPath + '/img',
+        fonts: destPath + '/css/fonts',
+        lib  : destPath + '/lib'
+    },
+
+    setEnv: function(env) {
+        if (typeof env !== 'string') return;
+        this.env = env;
+        this.production = env === 'production';
+        process.env.NODE_ENV = env;
+    },
+
+    logEnv: function() {
+        util.log(
+            'Environment:',
+            util.colors.white.bgRed(' ' + process.env.NODE_ENV + ' ')
+        );
+    },
+
+    errorHandler: require('./util/handle-errors')
+};
+
+config.setEnv(production ? 'production' : 'development');
+
+module.exports = config;

web/gulp/tasks/build.js

@@ -0,0 +1,28 @@
+var gulp        = require('gulp');
+var runSequence = require('run-sequence');
+var config      = require('../config');
+
+function build(cb) {
+    runSequence(
+        'clean',
+        'sprite:svg',
+        'svgo',
+        'sass',
+        'pug',
+        'js',
+        'copy',
+        cb
+    );
+}
+
+gulp.task('build', function(cb) {
+    config.setEnv('production');
+    config.logEnv();
+    build(cb);
+});
+
+gulp.task('build:dev', function(cb) {
+    config.setEnv('development');
+    config.logEnv();
+    build(cb);
+});

web/gulp/tasks/clean.js

@@ -0,0 +1,12 @@
+var gulp   = require('gulp');
+var del    = require('del');
+var util   = require('gulp-util');
+var config = require('../config');
+
+gulp.task('clean', function(cb) {
+    return del([
+        config.dest.root
+    ]).then(function(paths) {
+        util.log('Deleted:', util.colors.magenta(paths.join('\n')));
+    });
+});

web/gulp/tasks/copy.js

@@ -0,0 +1,39 @@
+var gulp   = require('gulp');
+var config = require('../config.js');
+
+gulp.task('copy:fonts', function() {
+    return gulp
+        .src(config.src.fonts + '/*.{ttf,eot,woff,woff2}')
+        .pipe(gulp.dest(config.dest.fonts));
+});
+
+gulp.task('copy:lib', function() {
+    return gulp
+        .src(config.src.lib + '/**/*.*')
+        .pipe(gulp.dest(config.dest.lib));
+});
+
+gulp.task('copy:rootfiles', function() {
+    return gulp
+        .src(config.src.root + '/*.*')
+        .pipe(gulp.dest(config.dest.root));
+});
+
+gulp.task('copy:img', function() {
+    return gulp
+        .src([
+            config.src.img + '/**/*.{jpg,png,jpeg,svg,gif}',
+            '!' + config.src.img + '/svgo/**/*.*'
+        ])
+        .pipe(gulp.dest(config.dest.img));
+});
+
+gulp.task('copy', [
+    'copy:img',
+    // 'copy:rootfiles',
+    // 'copy:lib',
+    'copy:fonts'
+]);
+gulp.task('copy:watch', function() {
+    gulp.watch(config.src.img+'/*', ['copy']);
+});

web/gulp/tasks/default.js

@@ -0,0 +1,12 @@
+var gulp        = require('gulp');
+var runSequence = require('run-sequence');
+var config      = require('../config');
+
+gulp.task('default', function(cb) {
+    runSequence(
+        'build:dev',
+        'watch',
+        'server',
+        cb
+    );
+});

web/gulp/tasks/index-page/__index.html

@@ -0,0 +1,35 @@
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>INDEX</title>
+  <style>
+    body {
+      color: #333;
+      margin: 0;
+      padding: 40px;
+      font-family: PT Mono, monospace, sans-serif;;
+    }
+    h1 {
+      font-family: inherit;
+    }
+    ol {
+      font-size: 20px;
+      line-height: 1.6;
+    }
+    a {
+      color: inherit;
+    }
+    a:hover {
+      color: red;
+    }
+  </style>
+</head>
+<body>
+  <h1>Pages:</h1>
+  <ol><% _.each(pages, function(page) { %>
+    <li>
+      <a href="<%= page %>"><%= _.split(page, '.', 1) %></a>
+    </li>
+  <% }) %></ol>
+</body>
+</html>

web/gulp/tasks/index-page/index-page.js

@@ -0,0 +1,26 @@
+var gulp        = require('gulp');
+var consolidate = require('gulp-consolidate');
+var fs          = require('fs');
+var path        = require('path');
+var config      = require('../../config');
+var allowExt    = ['.html', '.pug'];
+
+gulp.task('index-page', function() {
+    var fullList = fs.readdirSync(config.src.templates);
+    var pages = fullList.reduce(function(acc, val) {
+        var parsed = path.parse(val);
+        var name = parsed.name;
+        var ext = parsed.ext;
+        if (~allowExt.indexOf(ext)) {
+            return acc.concat(name + '.html');
+        }
+        return acc;
+    }, []);
+
+    return gulp
+        .src(__dirname + '/__index.html')
+        .pipe(consolidate('lodash', {
+            pages: pages
+        }))
+        .pipe(gulp.dest(config.src.root));
+});

web/gulp/tasks/js.js

@@ -0,0 +1,22 @@
+var gulp = require('gulp');
+var include = require("gulp-include");
+// var uglify = require('gulp-uglify');
+var config = require('../config');
+var browserSync = require('browser-sync');
+var babel = require('gulp-babel');
+reload = browserSync.reload;
+
+
+gulp.task('js', function () {
+    gulp.src(config.src.js+'/**/*.js')
+        .pipe(include())
+        // .on('error', function(){notify("Javascript include error");})
+        //.pipe(uglify())
+        .pipe(babel())
+        .pipe(gulp.dest(config.dest.js+'/'))
+        .pipe(reload({stream: true}));
+});
+
+gulp.task('js:watch', function() {
+    gulp.watch(config.src.js+'/*', ['js']);
+});

web/gulp/tasks/pug.js

@@ -0,0 +1,38 @@
+var gulp        = require('gulp');
+var pug         = require('gulp-pug');
+var plumber     = require('gulp-plumber');
+var changed     = require('gulp-changed');
+var gulpif      = require('gulp-if');
+var frontMatter = require('gulp-front-matter');
+var prettify    = require('gulp-prettify');
+var config      = require('../config');
+
+function renderHtml(onlyChanged) {
+    return gulp
+        .src([config.src.templates + '/[^_]*.pug'])
+        .pipe(plumber({ errorHandler: config.errorHandler }))
+        .pipe(gulpif(onlyChanged, changed(config.dest.html, { extension: '.html' })))
+        .pipe(frontMatter({ property: 'data' }))
+        .pipe(pug())
+        .pipe(prettify({
+            indent_size: 2,
+            wrap_attributes: 'auto', // 'force'
+            preserve_newlines: true,
+            // unformatted: [],
+            end_with_newline: true
+        }))
+        .pipe(gulp.dest(config.dest.html));
+}
+
+gulp.task('pug', function() {
+    return renderHtml();
+});
+
+gulp.task('pug:changed', function() {
+    return renderHtml(true);
+});
+
+gulp.task('pug:watch', function() {
+    gulp.watch([config.src.templates + '/**/_*.pug'], ['pug']);
+    gulp.watch([config.src.templates + '/**/[^_]*.pug'], ['pug:changed']);
+});

web/gulp/tasks/sass.js

@@ -0,0 +1,60 @@
+var gulp         = require('gulp');
+var sass         = require('gulp-sass');
+var sourcemaps   = require('gulp-sourcemaps');
+var postcss      = require('gulp-postcss');
+var autoprefixer = require('autoprefixer');
+var mqpacker     = require('css-mqpacker');
+var config       = require('../config');
+
+var processors = [
+    autoprefixer({
+        browsers: ['last 4 versions'],
+        cascade: false
+    }),
+    mqpacker({
+        sort: sortMediaQueries
+    })
+];
+
+gulp.task('sass', function() {
+    return gulp
+        .src(config.src.sass + '/*.{sass,scss}')
+        .pipe(sourcemaps.init())
+        .pipe(sass({
+            outputStyle: config.production ? 'compact' : 'expanded', // nested, expanded, compact, compressed
+            precision: 5
+        }))
+        .on('error', config.errorHandler)
+        .pipe(postcss(processors))
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(config.dest.css));
+});
+
+gulp.task('sass:watch', function() {
+    gulp.watch(config.src.sass + '/**/*.{sass,scss}', ['sass']);
+});
+
+function isMax(mq) {
+    return /max-width/.test(mq);
+}
+
+function isMin(mq) {
+    return /min-width/.test(mq);
+}
+
+function sortMediaQueries(a, b) {
+    A = a.replace(/\D/g, '');
+    B = b.replace(/\D/g, '');
+
+    if (isMax(a) && isMax(b)) {
+        return B - A;
+    } else if (isMin(a) && isMin(b)) {
+        return A - B;
+    } else if (isMax(a) && isMin(b)) {
+        return 1;
+    } else if (isMin(a) && isMax(b)) {
+        return -1;
+    }
+
+    return 1;
+}

web/gulp/tasks/server.js

@@ -0,0 +1,35 @@
+var gulp   = require('gulp');
+var server = require('browser-sync').create();
+var util   = require('gulp-util');
+var config = require('../config');
+
+// in CL 'gulp server --open' to open current project in browser
+// in CL 'gulp server --tunnel siteName' to make project available over http://siteName.localtunnel.me
+
+gulp.task('server', function() {
+    server.init({
+        server: {
+            baseDir: !config.production ? [config.dest.root, config.src.root] : config.dest.root,
+            directory: false,
+            serveStaticOptions: {
+                extensions: ['html']
+            }
+        },
+        files: [
+            config.dest.html + '/*.html',
+            config.dest.css + '/*.css',
+            config.dest.img + '/**/*'
+        ],
+        port: util.env.port || 3000,
+        logLevel: 'info', // 'debug', 'info', 'silent', 'warn'
+        logConnections: false,
+        logFileChanges: true,
+        open: true,
+        notify: false,
+        ghostMode: false,
+        online: true,
+        tunnel: util.env.tunnel || null
+    });
+});
+
+module.exports = server;

web/gulp/tasks/sprite-svg/_sprite-svg.scss

@@ -0,0 +1,6 @@
+<% _.each(symbols, function(symbol) { %>.<%= symbol.name %> {
+  width: <%= symbol.ratio %>em;
+  height: 1em;
+  fill: <%= symbol.fill %>;
+}
+<% }); %>

web/gulp/tasks/sprite-svg/sprite-svg.js

@@ -0,0 +1,73 @@
+var gulp        = require('gulp');
+var plumber     = require('gulp-plumber');
+var svgmin      = require('gulp-svgmin');
+var svgStore    = require('gulp-svgstore');
+var rename      = require('gulp-rename');
+var cheerio     = require('gulp-cheerio');
+var through2    = require('through2');
+var consolidate = require('gulp-consolidate');
+var config      = require('../../config');
+
+gulp.task('sprite:svg', function() {
+    return gulp
+        .src(config.src.iconsSvg + '/*.svg')
+        .pipe(plumber({
+            errorHandler: config.errorHandler
+        }))
+        .pipe(svgmin({
+            js2svg: {
+                pretty: true
+            },
+            plugins: [{
+                removeDesc: true
+            }, {
+                cleanupIDs: true
+            }, {
+                mergePaths: false
+            }]
+        }))
+        .pipe(rename({ prefix: 'icon-' }))
+        .pipe(svgStore({ inlineSvg: false }))
+        .pipe(through2.obj(function(file, encoding, cb) {
+            var $ = file.cheerio;
+            var data = $('svg > symbol').map(function() {
+                var $this  = $(this);
+                var size   = $this.attr('viewBox').split(' ').splice(2);
+                var name   = $this.attr('id');
+                var ratio  = size[0] / size[1]; // symbol width / symbol height
+                var fill   = $this.find('[fill]:not([fill="currentColor"])').attr('fill');
+                var stroke = $this.find('[stroke]').attr('stroke');
+                return {
+                    name: name,
+                    ratio: +ratio.toFixed(2),
+                    fill: fill || 'initial',
+                    stroke: stroke || 'initial'
+                };
+            }).get();
+            this.push(file);
+            gulp.src(__dirname + '/_sprite-svg.scss')
+                .pipe(consolidate('lodash', {
+                    symbols: data
+                }))
+                .pipe(gulp.dest(config.src.sassGen));
+            gulp.src(__dirname + '/sprite.html')
+                .pipe(consolidate('lodash', {
+                    symbols: data
+                }))
+                .pipe(gulp.dest(config.src.root));
+            cb();
+        }))
+        .pipe(cheerio({
+            run: function($, file) {
+                $('[fill]:not([fill="currentColor"])').removeAttr('fill');
+                $('[stroke]').removeAttr('stroke');
+            },
+            parserOptions: { xmlMode: true }
+        }))
+        .pipe(rename({ basename: 'sprite' }))
+        .pipe(gulp.dest(config.dest.img));
+});
+
+gulp.task('sprite:svg:watch', function() {
+    gulp.watch(config.src.iconsSvg + '/*.svg', ['sprite:svg']);
+});

web/gulp/tasks/svgo.js

@@ -0,0 +1,31 @@
+var gulp     = require('gulp');
+var svgmin   = require('gulp-svgmin');
+var changed  = require('gulp-changed');
+var plumber  = require('gulp-plumber');
+var config   = require('../config');
+
+gulp.task('svgo', function() {
+    return gulp
+        .src(config.src.img + '/svgo/**/*.svg')
+        .pipe(plumber({
+            errorHandler: config.errorHandler
+        }))
+        .pipe(changed(config.dest.img))
+        .pipe(svgmin({
+            js2svg: {
+                pretty: true
+            },
+            plugins: [{
+                removeDesc: true
+            }, {
+                cleanupIDs: true
+            }, {
+                mergePaths: false
+            }]
+        }))
+        .pipe(gulp.dest(config.dest.img));
+});
+
+gulp.task('svgo:watch', function() {
+    gulp.watch(config.src.img + '/svgo/**/*.svg', ['svgo']);
+});

web/gulp/tasks/watch.js

@@ -0,0 +1,11 @@
+var gulp   = require('gulp');
+var config = require('../config');
+
+gulp.task('watch',
+    ['copy:watch',
+    'pug:watch',
+    'sprite:svg:watch',
+    'svgo:watch',
+    'js:watch',
+    'sass:watch'
+]);

web/gulp/util/handle-errors.js

@@ -0,0 +1,11 @@
+var notify = require('gulp-notify');
+
+module.exports = function() {
+    var args = Array.prototype.slice.call(arguments);
+    notify.onError({
+        title: 'Compile Error',
+        message: '<%= error.message %>',
+        sound: 'Submarine'
+    }).apply(this, args);
+    this.emit('end');
+};

web/gulpfile.js

@@ -0,0 +1,2 @@
+// Require all tasks in gulp/tasks, including subfolders
+require('require-dir')('./gulp/tasks', {recurse: true});

web/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "circles",
+  "version": "0.1.0",
+  "scripts": {
+    "ghpages": "git subtree push --prefix dist origin gh-pages",
+    "build": "gulp build --production",
+    "start": "gulp"
+  },
+  "authors": "Coderiver <html@coderiver.com.ua>",
+  "devDependencies": {
+    "autoprefixer": "^6.3.3",
+    "babel-plugin-transform-runtime": "^6.4.3",
+    "babel-preset-es2015": "^6.3.13",
+    "browser-sync": "^2.10.0",
+    "css-mqpacker": "^5.0.1",
+    "del": "^2.2.0",
+    "gulp": "^3.9.1",
+    "gulp-babel": "^6.1.2",
+    "gulp-changed": "^1.3.0",
+    "gulp-cheerio": "^0.6.2",
+    "gulp-consolidate": "^0.1.2",
+    "gulp-filter": "^4.0.0",
+    "gulp-front-matter": "^1.3.0",
+    "gulp-if": "^2.0.0",
+    "gulp-include": "^2.0.3",
+    "gulp-notify": "^2.2.0",
+    "gulp-plumber": "^1.0.1",
+    "gulp-postcss": "^6.2.0",
+    "gulp-prettify": "^0.4.0",
+    "gulp-pug": "^3.3.0",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^2.1.1",
+    "gulp-sourcemaps": "^1.6.0",
+    "gulp-svgmin": "^1.2.0",
+    "gulp-svgstore": "^5.0.5",
+    "gulp-util": "^3.0.7",
+    "lodash": "^4.3.0",
+    "require-dir": "^0.3.0",
+    "run-sequence": "^1.1.5",
+    "through2": "^2.0.1"
+  }
+}

web/src/icons/add-plus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path fill="#B5B5B5" d="M9.5,8.5 L18.0714286,8.5 L18.0714286,9.5 L9.5,9.5 L9.5,18.0714286 L8.5,18.0714286 L8.5,9.5 L-0.0714285714,9.5 L-0.0714285714,8.5 L8.5,8.5 L8.5,-0.0714285714 L9.5,-0.0714285714 L9.5,8.5 Z" transform="translate(1 1)"/>
+</svg>

web/src/icons/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7">
+  <polygon fill="#333" points="96 12.293 100.646 7.646 101.354 8.354 96 13.707 90.646 8.354 91.354 7.646" transform="translate(-90 -7)"/>
+</svg>

web/src/icons/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 18">
+  <path fill="#333" d="M8.66819286,14.1277487 L25.9722986,13.8257044 L26.0246559,16.8252475 L8.81498326,17.1256434 L13.6746212,21.9852814 L11.5533009,24.1066017 L3,15.5533009 L11.5533009,7 L13.6746212,9.12132034 L8.66819286,14.1277487 Z" transform="translate(-3 -7)"/>
+</svg>

web/src/icons/arrow-right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="18" viewBox="0 0 23 18">
+  <polygon fill="#333" points="5.668 7.128 22.972 6.826 23.025 9.825 5.815 10.126 10.675 14.985 8.553 17.107 0 8.553 8.553 0 10.675 2.121" transform="rotate(180 11.512 8.553)"/>
+</svg>

web/src/icons/close.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <polygon fill="#191919" fill-rule="evenodd" points="31.446 10 40 18.554 38.553 20 30 11.446 21.446 20 20 18.554 28.553 10 20 1.446 21.446 0 30 8.554 38.553 0 40 1.446" transform="translate(-20)"/>
+</svg>

web/src/icons/date.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20">
+  <path fill="#979797" d="M18,7 L18,4 L16,4 L16,6 L13,6 L13,4 L6,4 L6,6 L3,6 L3,4 L1,4 L1,7 L18,7 Z M18,8 L1,8 L1,19 L18,19 L18,8 Z M16,3 L19,3 L19,20 L0,20 L0,3 L3,3 L3,0 L6,0 L6,3 L13,3 L13,0 L16,0 L16,3 Z M4,1 L4,5 L5,5 L5,1 L4,1 Z M14,1 L14,5 L15,5 L15,1 L14,1 Z M3,10 L16,10 L16,17 L3,17 L3,10 Z M4,11 L4,13 L6,13 L6,11 L4,11 Z M13,11 L13,13 L15,13 L15,11 L13,11 Z M4,14 L4,16 L6,16 L6,14 L4,14 Z M7,11 L7,13 L9,13 L9,11 L7,11 Z M7,14 L7,16 L9,16 L9,14 L7,14 Z M10,11 L10,13 L12,13 L12,11 L10,11 Z M10,14 L10,16 L12,16 L12,14 L10,14 Z M13,14 L13,16 L15,16 L15,14 L13,14 Z"/>
+</svg>

web/src/icons/delete.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path fill="#C8C8C8" fill-rule="evenodd" d="M537,36 L539,36 L539,28 L537,28 L537,36 Z M541,36 L543,36 L543,28 L541,28 L541,36 Z M535,38 L545,38 L545,26 L535,26 L535,38 Z M537,24 L543,24 L543,22 L537,22 L537,24 Z M545,24 L545,20 L535,20 L535,24 L530,24 L530,26 L533,26 L533,40 L547,40 L547,26 L550,26 L550,24 L545,24 Z" transform="translate(-530 -20)"/>
+</svg>

web/src/icons/edit.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path fill="#C8C8C8" fill-rule="evenodd" d="M580,40 L599.634793,40 L599.634793,38.042095 L580,38.042095 L580,40 Z M586.872177,33.1473324 L586.872177,30.5139501 L592.471039,25.3441018 L594.425682,27.4938815 L589.431573,33.1473324 L586.872177,33.1473324 Z M595.471235,22.6451297 L597.199097,24.3631914 L595.853132,25.7875673 L594.053603,23.9931473 L595.471235,22.6451297 Z M600,24.6451297 L595.364225,20 L584.908698,29.6877141 L584.908698,35.1052374 L590.272924,35.1052374 L600,24.6451297 Z" transform="translate(-580 -20)"/>
+</svg>

web/src/icons/eye.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="13" viewBox="0 0 22 13">
+  <path fill="#333" d="M20,26.7213542 C17.4514217,26.7213542 14.9592606,25.590816 12.6166438,23.7173046 C11.8046382,23.0679019 11.0683792,22.3730463 10.4201487,21.6778061 C10.1928141,21.4339853 9.99242958,21.2071673 9.82059953,21.0029784 C9.75996565,20.9309261 9.70709173,20.8666594 9.66218081,20.810882 C9.63706084,20.7795655 9.63706084,20.7795655 9.62043597,20.7585501 C9.61596899,20.7528766 9.53179581,20.6441238 9.36791642,20.4322917 L9.60448268,20.126406 C9.64356726,20.0758687 9.71614926,19.9857251 9.82059953,19.8616049 C9.99242958,19.657416 10.1928141,19.4305981 10.4201487,19.1867772 C11.0683792,18.4915371 11.8046382,17.7966814 12.6166438,17.1472787 C14.9592606,15.2737673 17.4514217,14.1432292 20,14.1432292 C22.5485783,14.1432292 25.0407394,15.2737673 27.3833562,17.1472787 C28.1953618,17.7966814 28.9316208,18.4915371 29.5798513,19.1867772 C29.8071859,19.4305981 30.0075704,19.657416 30.1794005,19.8616049 C30.2838507,19.9857251 30.3564327,20.0758687 30.3955173,20.126406 L30.6320836,20.4322917 L30.3955173,20.7381774 C30.3564327,20.7887146 30.2838507,20.8788582 30.1794005,21.0029784 C30.0075704,21.2071673 29.8071859,21.4339853 29.5798513,21.6778061 C28.9316208,22.3730463 28.1953618,23.0679019 27.3833562,23.7173046 C25.0407394,25.590816 22.5485783,26.7213542 20,26.7213542 Z M10.6477504,20.4322917 C10.7948314,20.6046782 10.963154,20.7938003 11.1515504,20.9958592 C11.7683887,21.6574306 12.4697876,22.3193865 13.2412206,22.9363412 C15.4227139,24.6809939 17.7160867,25.7213542 20,25.7213542 C22.2839133,25.7213542 24.5772861,24.6809939 26.7587794,22.9363412 C27.5302124,22.3193865 28.2316113,21.6574306 28.8484496,20.9958592 C29.036846,20.7938003 29.2051686,20.6046782 29.3522496,20.4322917 C29.2051686,20.2599051 29.036846,20.070783 28.8484496,19.8687241 C28.2316113,19.2071527 27.5302124,18.5451968 26.7587794,17.9282421 C24.5772861,16.1835895 22.2839133,15.1432292 20,15.1432292 C17.7160867,15.1432292 15.4227139,16.1835895 13.2412206,17.9282421 C12.4697876,18.5451968 11.7683887,19.2071527 11.1515504,19.8687241 C10.963154,20.070783 10.7948314,20.2599051 10.6477504,20.4322917 Z M20,24.7916667 C17.6495217,24.7916667 15.75,22.8367422 15.75,20.4322917 C15.75,18.0278411 17.6495217,16.0729167 20,16.0729167 C22.3504783,16.0729167 24.25,18.0278411 24.25,20.4322917 C24.25,22.8367422 22.3504783,24.7916667 20,24.7916667 Z M20,23.7916667 C21.7916574,23.7916667 23.25,22.290789 23.25,20.4322917 C23.25,18.5737943 21.7916574,17.0729167 20,17.0729167 C18.2083426,17.0729167 16.75,18.5737943 16.75,20.4322917 C16.75,22.290789 18.2083426,23.7916667 20,23.7916667 Z" transform="translate(-9 -14)"/>
+</svg>

web/src/icons/facebook.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="20" viewBox="0 0 10 20">
+  <path fill="#FFF" fill-rule="evenodd" d="M57.8212824,35 L57.8212824,26 L60.5536932,26 L61,22 L57.8212824,22 L57.8212824,20.052 C57.8212824,19.022 57.8475931,18 59.2868836,18 L60.7446891,18 L60.7446891,15.14 C60.7446891,15.097 59.4924966,15 58.225687,15 C55.5800039,15 53.9234067,16.657 53.9234067,19.7 L53.9234067,22 L51,22 L51,26 L53.9234067,26 L53.9234067,35 L57.8212824,35 Z" transform="translate(-51 -15)"/>
+</svg>

web/src/icons/fb.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="18" viewBox="0 0 8 18">
+  <path fill="#1C2635" d="M2,7.5 L0,7.5 L0,6.5 L2,6.5 L2,5.99502908 C2,2.95937385 4.45851389,0.5 7.49502908,0.5 L7.49502908,1.5 C5.01087694,1.5 3,3.51158033 3,5.99502908 L3,6.5 L6,6.5 L6,7.5 L3,7.5 L3,17.5 L2,17.5 L2,7.5 Z"/>
+</svg>

web/src/icons/image-text.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="31" height="15" viewBox="0 0 31 15">
+  <path fill="#333" fill-rule="evenodd" d="M14,13.2946414 L14,1 L1,1 L1,9.29372587 L5.50519927,4.79292192 L14,13.2946414 Z M13.2911464,14 L5.50456636,6.20707808 L1,10.7072497 L1,14 L13.2911464,14 Z M26.52,14 L24.86,14 L24.86,2.14 L20.64,2.14 L20.64,0.66 L30.76,0.66 L30.76,2.14 L26.52,2.14 L26.52,14 Z M0,0 L15,0 L15,15 L0,15 L0,0 Z M10.5,6.5 C9.3954305,6.5 8.5,5.6045695 8.5,4.5 C8.5,3.3954305 9.3954305,2.5 10.5,2.5 C11.6045695,2.5 12.5,3.3954305 12.5,4.5 C12.5,5.6045695 11.6045695,6.5 10.5,6.5 Z M10.5,5.5 C11.0522847,5.5 11.5,5.05228475 11.5,4.5 C11.5,3.94771525 11.0522847,3.5 10.5,3.5 C9.94771525,3.5 9.5,3.94771525 9.5,4.5 C9.5,5.05228475 9.94771525,5.5 10.5,5.5 Z"/>
+</svg>

web/src/icons/image.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
+  <path fill="#333" d="M21,20.2926928 L21,1 L1,1 L1,15.2932187 L8.50316068,7.79291914 L21,20.2926928 Z M20.2930936,21 L8.50294284,9.20708086 L1,16.7071626 L1,21 L20.2930936,21 Z M0,0 L22,0 L22,22 L0,22 L0,0 Z M16,8.5 C14.6192881,8.5 13.5,7.38071187 13.5,6 C13.5,4.61928813 14.6192881,3.5 16,3.5 C17.3807119,3.5 18.5,4.61928813 18.5,6 C18.5,7.38071187 17.3807119,8.5 16,8.5 Z M16,7.5 C16.8284271,7.5 17.5,6.82842712 17.5,6 C17.5,5.17157288 16.8284271,4.5 16,4.5 C15.1715729,4.5 14.5,5.17157288 14.5,6 C14.5,6.82842712 15.1715729,7.5 16,7.5 Z"/>
+</svg>

web/src/icons/images.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path fill="#333" d="M45,27.2946414 L45,15 L32,15 L32,23.2937259 L36.5051993,18.7929219 L45,27.2946414 Z M44.2911464,28 L36.5045664,20.2070781 L32,24.7072497 L32,28 L44.2911464,28 Z M28,27.2946414 L28,15 L15,15 L15,23.2937259 L19.5051993,18.7929219 L28,27.2946414 Z M27.2911464,28 L19.5045664,20.2070781 L15,24.7072497 L15,28 L27.2911464,28 Z M45,44.2946414 L45,32 L32,32 L32,40.2937259 L36.5051993,35.7929219 L45,44.2946414 Z M44.2911464,45 L36.5045664,37.2070781 L32,41.7072497 L32,45 L44.2911464,45 Z M28,44.2946414 L28,32 L15,32 L15,40.2937259 L19.5051993,35.7929219 L28,44.2946414 Z M27.2911464,45 L19.5045664,37.2070781 L15,41.7072497 L15,45 L27.2911464,45 Z M14,31 L29,31 L29,46 L14,46 L14,31 Z M24.5,37.5 C23.3954305,37.5 22.5,36.6045695 22.5,35.5 C22.5,34.3954305 23.3954305,33.5 24.5,33.5 C25.6045695,33.5 26.5,34.3954305 26.5,35.5 C26.5,36.6045695 25.6045695,37.5 24.5,37.5 Z M24.5,36.5 C25.0522847,36.5 25.5,36.0522847 25.5,35.5 C25.5,34.9477153 25.0522847,34.5 24.5,34.5 C23.9477153,34.5 23.5,34.9477153 23.5,35.5 C23.5,36.0522847 23.9477153,36.5 24.5,36.5 Z M31,31 L46,31 L46,46 L31,46 L31,31 Z M41.5,37.5 C40.3954305,37.5 39.5,36.6045695 39.5,35.5 C39.5,34.3954305 40.3954305,33.5 41.5,33.5 C42.6045695,33.5 43.5,34.3954305 43.5,35.5 C43.5,36.6045695 42.6045695,37.5 41.5,37.5 Z M41.5,36.5 C42.0522847,36.5 42.5,36.0522847 42.5,35.5 C42.5,34.9477153 42.0522847,34.5 41.5,34.5 C40.9477153,34.5 40.5,34.9477153 40.5,35.5 C40.5,36.0522847 40.9477153,36.5 41.5,36.5 Z M14,14 L29,14 L29,29 L14,29 L14,14 Z M24.5,20.5 C23.3954305,20.5 22.5,19.6045695 22.5,18.5 C22.5,17.3954305 23.3954305,16.5 24.5,16.5 C25.6045695,16.5 26.5,17.3954305 26.5,18.5 C26.5,19.6045695 25.6045695,20.5 24.5,20.5 Z M24.5,19.5 C25.0522847,19.5 25.5,19.0522847 25.5,18.5 C25.5,17.9477153 25.0522847,17.5 24.5,17.5 C23.9477153,17.5 23.5,17.9477153 23.5,18.5 C23.5,19.0522847 23.9477153,19.5 24.5,19.5 Z M31,14 L46,14 L46,29 L31,29 L31,14 Z M41.5,20.5 C40.3954305,20.5 39.5,19.6045695 39.5,18.5 C39.5,17.3954305 40.3954305,16.5 41.5,16.5 C42.6045695,16.5 43.5,17.3954305 43.5,18.5 C43.5,19.6045695 42.6045695,20.5 41.5,20.5 Z M41.5,19.5 C42.0522847,19.5 42.5,19.0522847 42.5,18.5 C42.5,17.9477153 42.0522847,17.5 41.5,17.5 C40.9477153,17.5 40.5,17.9477153 40.5,18.5 C40.5,19.0522847 40.9477153,19.5 41.5,19.5 Z" transform="translate(-14 -14)"/>
+</svg>

web/src/icons/instagram.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="#1C2635" d="M1,4.00335124 L1,11.9966488 C1,13.6565961 2.34362055,15 4.00335124,15 L11.9966488,15 C13.6565961,15 15,13.6563794 15,11.9966488 L15,4.00335124 C15,2.34340397 13.6563794,1 11.9966488,1 L4.00335124,1 C2.34340395,1 1,2.34362056 1,4.00335124 Z M0,4.00335124 C0,1.7913719 1.79108311,0 4.00335124,0 L11.9966488,0 C14.2086281,0 16,1.79108313 16,4.00335124 L16,11.9966488 C16,14.2086281 14.2089169,16 11.9966488,16 L4.00335124,16 C1.7913719,16 0,14.2089169 0,11.9966488 L0,4.00335124 Z M7.88956035,11.9697266 C10.0986993,11.9697266 11.8895603,10.1788655 11.8895603,7.96972654 C11.8895603,5.76058755 10.0986993,3.96972656 7.88956035,3.96972656 C5.68042134,3.96972656 3.88956033,5.76058756 3.88956033,7.96972654 C3.88956033,10.1788655 5.68042135,11.9697266 7.88956035,11.9697266 Z M7.88956035,10.9697266 C6.2327061,10.9697266 4.88956033,9.62658079 4.88956033,7.96972654 C4.88956033,6.31287231 6.23270609,4.96972656 7.88956035,4.96972656 C9.54641459,4.96972656 10.8895603,6.3128723 10.8895603,7.96972654 C10.8895603,9.6265808 9.54641459,10.9697266 7.88956035,10.9697266 Z"/>
+</svg>

web/src/icons/like-bold.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15">
+  <path fill="#333" fill-rule="evenodd" d="M14.1302904,1.9934963 C15.9699035,3.85117393 15.9699035,6.85494088 14.1302904,8.7126185 L9.1761064,13.7154512 C8.3935369,14.5057053 7.1165809,14.5057394 6.3339691,13.7155271 L2.4666334,9.8106329 L1.3797099,8.7126185 C-0.4599033,6.85494088 -0.4599033,3.85117393 1.3797099,1.9934963 C3.1227241,0.23336618 5.8930442,0.1312605 7.7550234,1.68695352 C9.6172241,0.13127038 12.3873604,0.23345131 14.1302904,1.9934963 Z M12.7091841,3.4007834 C11.6414293,2.32254352 9.9103596,2.32254352 8.8426048,3.4007834 L7.7554137,4.49906803 L6.6673955,3.4007834 C5.5996406,2.32254352 3.868571,2.32254352 2.8008161,3.4007834 C1.7330613,4.47902329 1.7330613,6.22709152 2.8008161,7.3053314 L3.8880073,8.403616 L7.7550001,12.308164 L12.7091841,7.3053314 C13.7769389,6.22709152 13.7769389,4.47902329 12.7091841,3.4007834 Z"/>
+</svg>

web/src/icons/like-fill-bold.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15">
+  <path fill="#333" fill-rule="evenodd" d="M14.1302904,1.9934963 C15.9699035,3.85117393 15.9699035,6.85494088 14.1302904,8.7126185 L9.1761064,13.7154512 C8.3935369,14.5057053 7.1165809,14.5057394 6.3339691,13.7155271 L2.4666334,9.8106329 L1.3797099,8.7126185 C-0.4599033,6.85494088 -0.4599033,3.85117393 1.3797099,1.9934963 C3.1227241,0.23336618 5.8930442,0.1312605 7.7550234,1.68695352 C9.6172241,0.13127038 12.3873604,0.23345131 14.1302904,1.9934963 Z"/>
+</svg>

web/src/icons/like-fill.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12">
+  <path fill="#B5B5B5" d="M7.4279007,1.12410575 C8.9313826,-0.37470192 11.367615,-0.37470192 12.8710968,1.12410575 C14.3763011,2.62463042 14.3763011,5.05864811 12.8710968,6.5591728 L7.7060051,11.7082068 C7.3157489,12.0972497 6.6843098,12.0972665 6.2940328,11.7082445 L2.2622432,7.6894191 L1.1289032,6.5591728 C-0.3763011,5.05864811 -0.3763011,2.62463042 1.1289032,1.12410575 C2.632385,-0.37470192 5.0686174,-0.37470192 6.5719646,1.12397157 L7.0001627,1.55067618 L7.4279007,1.12410575 Z"/>
+</svg>

web/src/icons/like.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12">
+  <path fill="#B5B5B5" d="M37.1650918,5.83231255 C36.0518809,4.72256248 34.2471167,4.72256248 33.1339058,5.83231255 L32.0004311,6.96269314 L30.8660942,5.83231255 C29.7528833,4.72256248 27.9481191,4.72256248 26.8349082,5.83231255 C25.7216973,6.94206262 25.7216973,8.74121591 26.8349082,9.85096598 L27.9683829,10.9813466 L32,15 L37.1650918,9.85096598 C38.2783027,8.74121591 38.2783027,6.94206262 37.1650918,5.83231255 Z M32.4279007,5.12410575 C33.9313826,3.62529808 36.367615,3.62529808 37.8710968,5.12410575 C39.3763011,6.62463042 39.3763011,9.05864811 37.8710968,10.5591728 L32.7060051,15.7082068 C32.3157489,16.0972497 31.6843098,16.0972665 31.2940328,15.7082445 L27.2622432,11.6894191 L26.1289032,10.5591728 C24.6236989,9.05864811 24.6236989,6.62463042 26.1289032,5.12410575 C27.632385,3.62529808 30.0686174,3.62529808 31.5719646,5.12397157 L32.0001627,5.55067618 L32.4279007,5.12410575 Z" transform="translate(-25 -4)"/>
+</svg>

web/src/icons/live.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="10" viewBox="0 0 26 10">
+  <path fill="#333" fill-rule="evenodd" d="M482.594,1030 L477.092,1030 L477.092,1020.662 L478.254,1020.662 L478.254,1028.964 L482.594,1028.964 L482.594,1030 Z M485.394,1030 L484.232,1030 L484.232,1020.662 L485.394,1020.662 L485.394,1030 Z M491.806,1030 L490.364,1030 L486.612,1020.662 L487.942,1020.662 L491.092,1028.726 L494.242,1020.662 L495.572,1020.662 L491.806,1030 Z M502.908,1030 L496.79,1030 L496.79,1020.662 L502.908,1020.662 L502.908,1021.698 L497.952,1021.698 L497.952,1024.708 L502.81,1024.708 L502.81,1025.744 L497.952,1025.744 L497.952,1028.964 L502.908,1028.964 L502.908,1030 Z" transform="translate(-477 -1020)"/>
+</svg>

web/src/icons/location.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="31" height="41" viewBox="0 0 31 41">
+  <path d="M27.701,14.577 C27.701,7.26242853 21.771859,1.333 14.458,1.333 C7.14328475,1.333 1.214,7.26228475 1.214,14.577 C1.214,19.0422279 3.43956035,24.714572 6.95344227,30.0246483 C9.88390964,34.4530855 13.3032602,37.821 14.458,37.821 C15.1644113,37.821 18.707541,34.2187836 21.6014909,30.0099235 C25.3539642,24.5524568 27.701,18.9683986 27.701,14.577 Z M29.701,14.577 C29.701,19.4567459 27.2102668,25.3826882 23.2495091,31.1430765 C19.9152583,35.9922951 16.1493551,39.821 14.458,39.821 C9.6542692,39.821 -0.786,24.0439682 -0.786,14.577 C-0.786,6.15771525 6.03871525,-0.667 14.458,-0.667 C22.8764502,-0.667 29.701,6.15788074 29.701,14.577 Z M14.457,22.946 C19.1823483,22.946 23.013,19.1153483 23.013,14.39 C23.013,9.66465168 19.1823483,5.834 14.457,5.834 C9.73165168,5.834 5.901,9.66465168 5.901,14.39 C5.901,19.1153483 9.73165168,22.946 14.457,22.946 Z M14.457,20.946 C10.8362212,20.946 7.901,18.0107788 7.901,14.39 C7.901,10.7692212 10.8362212,7.834 14.457,7.834 C18.0777788,7.834 21.013,10.7692212 21.013,14.39 C21.013,18.0107788 18.0777788,20.946 14.457,20.946 Z" transform="translate(1 1)"/>
+</svg>

web/src/icons/lock.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="19" viewBox="0 0 14 19">
+  <path d="M3,6.88888889 C2.44771525,6.88888889 2,7.33660414 2,7.88888889 L2,15.8888889 C2,16.4411736 2.44771525,16.8888889 3,16.8888889 L11,16.8888889 C11.5522847,16.8888889 12,16.4411736 12,15.8888889 L12,7.88888889 C12,7.33660414 11.5522847,6.88888889 11,6.88888889 L3,6.88888889 Z M4.88888889,4.88888889 L9.11111111,4.88888889 L9.11111111,3.85438525 C9.11111111,2.85070037 8.18401778,2 7,2 C5.81552489,2 4.88888889,2.85024222 4.88888889,3.85438525 L4.88888889,4.88888889 Z M11.1111111,4.89090838 C12.7164888,4.9493586 14,6.26923369 14,7.88888889 L14,15.8888889 C14,17.5457431 12.6568542,18.8888889 11,18.8888889 L3,18.8888889 C1.34314575,18.8888889 -2.41183085e-16,17.5457431 -4.4408921e-16,15.8888889 L-4.4408921e-16,7.88888889 C-6.42439765e-16,6.26923369 1.28351122,4.9493586 2.88888889,4.89090838 L2.88888889,3.85438525 C2.88888889,1.70542195 4.74754204,1.77635684e-15 7,1.77635684e-15 C9.25201882,1.77635684e-15 11.1111111,1.70590214 11.1111111,3.85438525 L11.1111111,4.89090838 Z M7,9.55555556 C6.57044519,9.55555556 6.22222222,9.90377853 6.22222222,10.3333333 L6.22222222,13.4444444 C6.22222222,13.8739992 6.57044519,14.2222222 7,14.2222222 C7.42955481,14.2222222 7.77777778,13.8739992 7.77777778,13.4444444 L7.77777778,10.3333333 C7.77777778,9.90377853 7.42955481,9.55555556 7,9.55555556 Z"/>
+</svg>

web/src/icons/menu.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" viewBox="0 0 20 10">
+  <path fill="#202124" fill-rule="evenodd" d="M0,25 L20,25 L20,23 L0,23 L0,25 Z M0,17 L20,17 L20,15 L0,15 L0,17 Z M0,21 L20,21 L20,19 L0,19 L0,21 Z" transform="translate(0 -15)"/>
+</svg>

web/src/icons/money.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="15" viewBox="0 0 23 15">
+  <path fill="#979797" fill-rule="evenodd" d="M21,11 L21,13 L19,13 L19,15 L0,15 L0,4 L2,4 L2,2 L4,2 L4,0 L23,0 L23,11 L21,11 Z M4,3 L3,3 L3,12 L20,12 L20,11 L4,11 L4,3 Z M2,5 L1,5 L1,14 L18,14 L18,13 L2,13 L2,5 Z M5,1 L5,10 L22,10 L22,1 L5,1 Z M11.300813,4.92682927 L11.8780488,4.92682927 L11.8780488,2.33333333 L13.3658537,2.33333333 C13.6422778,2.33333333 13.8943078,2.36449833 14.1219512,2.42682927 C14.3495946,2.4891602 14.5447146,2.5840102 14.7073171,2.71138211 C14.8699195,2.83875402 14.9972895,2.99999902 15.0894309,3.19512195 C15.1815723,3.39024488 15.2276423,3.62330488 15.2276423,3.89430894 C15.2276423,4.16531301 15.1788623,4.40108301 15.0813008,4.60162602 C14.9837393,4.80216902 14.8509493,4.96883402 14.6829268,5.10162602 C14.5149043,5.23441801 14.3170743,5.33333301 14.0894309,5.39837398 C13.8617875,5.46341496 13.6151775,5.49593496 13.3495935,5.49593496 L12.5284553,5.49593496 L12.5284553,6.31707317 L13.8373984,6.31707317 L13.8373984,6.85365854 L12.5284553,6.85365854 L12.5284553,8 L11.8780488,8 L11.8780488,6.85365854 L11.300813,6.85365854 L11.300813,6.31707317 L11.8780488,6.31707317 L11.8780488,5.49593496 L11.300813,5.49593496 L11.300813,4.92682927 Z M13.3658537,4.92682927 C13.7398393,4.92682927 14.0338743,4.84146427 14.2479675,4.67073171 C14.4620607,4.49999915 14.5691057,4.24119415 14.5691057,3.89430894 C14.5691057,3.54742374 14.4620607,3.29539374 14.2479675,3.13821138 C14.0338743,2.98102902 13.7398393,2.90243902 13.3658537,2.90243902 L12.5284553,2.90243902 L12.5284553,4.92682927 L13.3658537,4.92682927 Z"/>
+</svg>

web/src/icons/photo.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="30" viewBox="0 0 40 30">
+  <path fill="#FFF" d="M2,2 L2,28.0015592 C1.99993229,28.0007234 13.9999323,28.0002037 38,28 L38,1.99844075 C38.0000677,1.99927656 26.0000677,1.99979631 2,2 Z M38,1.99161703 C38,1.9952024 37.9999044,1.99726115 38,1.99844075 L38,1.99161703 Z M0,1.99161703 C0,0.891677316 0.891539827,0 1.99729162,0 L38.0027084,0 C39.1057821,0 40,0.89784041 40,1.99161703 L40,28.008383 C40,29.1083227 39.1084602,30 38.0027084,30 L1.99729162,30 C0.894217919,30 0,29.1021596 0,28.008383 L0,1.99161703 Z M20,23 C24.418278,23 28,19.418278 28,15 C28,10.581722 24.418278,7 20,7 C15.581722,7 12,10.581722 12,15 C12,19.418278 15.581722,23 20,23 Z M20,21 C16.6862915,21 14,18.3137085 14,15 C14,11.6862915 16.6862915,9 20,9 C23.3137085,9 26,11.6862915 26,15 C26,18.3137085 23.3137085,21 20,21 Z"/>
+</svg>

web/src/icons/play.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39" height="49" viewBox="0 0 39 49">
+  <polygon fill="#FFF" fill-rule="evenodd" points="338.291 165.11 300.258 189.126 300.258 141.094" transform="translate(-300 -141)"/>
+</svg>

web/src/icons/plus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
+  <path fill="#BEBEBE" d="M7,5 L12,5 L12,7 L7,7 L7,12 L5,12 L5,7 L0,7 L0,5 L5,5 L5,0 L7,0 L7,5 Z"/>
+</svg>

web/src/icons/search.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17">
+  <path fill-rule="evenodd" d="M18.7418638,17.30246 L23.9575854,22.3917399 L22.5608293,23.823198 L17.2804249,18.6708035 C16.2203046,19.3942952 14.9317278,19.8181818 13.5434783,19.8181818 C9.93503299,19.8181818 7,16.9543011 7,13.4090909 C7,9.86388067 9.93503299,7 13.5434783,7 C17.1519235,7 20.0869565,9.86388067 20.0869565,13.4090909 C20.0869565,14.8747321 19.5853256,16.2239261 18.7418638,17.30246 Z M13.5434783,17.8181818 C16.05819,17.8181818 18.0869565,15.8385975 18.0869565,13.4090909 C18.0869565,10.9795843 16.05819,9 13.5434783,9 C11.0287665,9 9,10.9795843 9,13.4090909 C9,15.8385975 11.0287665,17.8181818 13.5434783,17.8181818 Z" transform="translate(-7 -7)"/>
+</svg>

web/src/icons/searching.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="38" height="39" viewBox="0 0 38 39">
+  <path d="M12.8763062,14.3532961 C13.117868,16.8364552 14.7713373,18.702 16.677,18.702 C18.6406736,18.702 20.336566,16.7211471 20.4957963,14.1248422 C19.6629414,13.8039316 19.1129659,12.889082 18.7921581,11.603899 C18.1174654,12.8858911 17.0024546,13.7008932 15.5662788,14.0974643 C14.6806512,14.3420125 13.7594385,14.4072635 12.8763062,14.3532961 Z M12.8567472,13.3496677 C13.6637363,13.4059883 14.5082104,13.352205 15.3001099,13.1335379 C17.0450979,12.6516946 18.1698365,11.4711485 18.4519509,9.32109381 C17.9166317,8.95433194 17.3107623,8.748 16.677,8.748 C14.7071518,8.748 13.0067715,10.7413298 12.8567472,13.3496677 Z M19.5969824,10.5124362 C19.6366108,10.7828151 19.6864994,11.0478675 19.7477147,11.3018893 C19.9211081,12.0214098 20.1545369,12.5512244 20.45212,12.8745268 C20.3329079,11.9787674 20.0288506,11.1709462 19.5969824,10.5124362 Z M28.9726015,28.3642339 L37.5140304,36.9038168 C37.9045969,37.2942989 37.9046653,37.9274639 37.5141832,38.3180304 C37.1237011,38.7085969 36.4905361,38.7086653 36.0999696,38.3181832 L27.5217414,29.7418089 C24.6241406,32.1812521 20.8832093,33.651 16.799,33.651 C7.59848835,33.651 0.14,26.1925116 0.14,16.992 C0.14,7.79148835 7.59848835,0.333 16.799,0.333 C25.9995116,0.333 33.458,7.79148835 33.458,16.992 C33.458,21.3884166 31.7549612,25.3870672 28.9726015,28.3642339 Z M16.799,31.651 C24.8949421,31.651 31.458,25.0879421 31.458,16.992 C31.458,8.89605785 24.8949421,2.333 16.799,2.333 C8.70305785,2.333 2.14,8.89605785 2.14,16.992 C2.14,25.0879421 8.70305785,31.651 16.799,31.651 Z M11.668,27.631 C11.668,28.1832847 11.2202847,28.631 10.668,28.631 C10.1157153,28.631 9.668,28.1832847 9.668,27.631 C9.668,24.2245442 12.9348359,21.553 16.877,21.553 C20.821337,21.553 24.087,24.2238821 24.087,27.631 C24.087,28.1832847 23.6392847,28.631 23.087,28.631 C22.5347153,28.631 22.087,28.1832847 22.087,27.631 C22.087,25.4271559 19.7954868,23.553 16.877,23.553 C13.9606495,23.553 11.668,25.4278767 11.668,27.631 Z M16.677,20.702 C13.4041493,20.702 10.846,17.5370117 10.846,13.725 C10.846,9.91298833 13.4041493,6.748 16.677,6.748 C19.9498507,6.748 22.508,9.91298833 22.508,13.725 C22.508,17.5370117 19.9498507,20.702 16.677,20.702 Z"/>
+</svg>

web/src/icons/share-facebook.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <path fill="#35578C" fill-rule="evenodd" d="M24.285,20.0075 L21.4825,20.0075 L21.4825,30 L17.33,30 L17.33,20.0075 L15.355,20.0075 L15.355,16.4775 L17.33,16.4775 L17.33,14.1925 C17.33,12.55875 18.10625,10 21.52,10 L24.59625,10.0125 L24.59625,13.44 L22.36375,13.44 C22,13.44 21.4825,13.6225 21.4825,14.4025 L21.4825,16.4775 L24.64875,16.4775 L24.285,20.0075 Z M20,40 L20,40 C31.045695,40 40,31.045695 40,20 L40,20 C40,8.954305 31.045695,-2.02906125e-15 20,0 L20,0 C8.954305,2.02906125e-15 -1.3527075e-15,8.954305 0,20 L0,20 C1.3527075e-15,31.045695 8.954305,40 20,40 Z"/>
+</svg>

web/src/icons/share-google.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <path fill="#CC4F42" fill-rule="evenodd" d="M20,40 C8.954305,40 3.12906434e-15,31.045695 1.77635684e-15,20 C4.23649337e-16,8.954305 8.954305,2.02906125e-15 20,0 C31.045695,-2.02906125e-15 40,8.954305 40,20 C40,31.045695 31.045695,40 20,40 Z M29.83,14.50625 L29.83,13.1475 L27.11,13.1475 L27.11,10.4275 L25.75125,10.4275 L25.75125,13.1475 L23.0325,13.1475 L23.0325,14.50625 L25.75125,14.50625 L25.75125,17.22625 L27.11,17.22625 L27.11,14.50625 L29.83,14.50625 Z M21.36625,14.87 C21.36625,13.4525 20.78625,12.1625 19.69375,11.5375 L21.24125,11.5375 L22.55875,10.15625 L16.66375,10.15625 C13.6725,10.15625 11.17875,12.36125 11.17875,14.7875 C11.17875,17.2675 12.8175,19.24375 15.63125,19.24375 C15.82625,19.24375 16.01625,19.23375 16.2025,19.21875 C16.01875,19.57 15.89,19.96125 15.89,20.36875 C15.89,21.0575 16.26875,21.45 16.7375,21.90625 C16.3825,21.90625 16.04125,21.91625 15.6675,21.91625 C12.2425,21.91625 9.845,24.2725 9.845,26.53625 C9.845,28.7625 12.735,30.15625 16.16125,30.15625 C20.065,30.15625 22.46625,27.94 22.46625,25.7125 C22.46625,23.92625 22.08,23.0275 20.1775,21.60125 C19.63,21.19125 18.44125,20.34875 18.44125,19.785 C18.44125,19.12625 18.62875,18.79875 19.625,18.0225 C20.645,17.22375 21.36625,16.17375 21.36625,14.87 Z M16.44375,22.6125 C16.99625,22.6175 17.51125,22.7075 17.9775,22.85875 C19.26375,23.7525 20.29875,24.30875 20.56,25.33 C20.60875,25.535 20.63625,25.7475 20.63625,25.96375 C20.63625,27.76375 19.47625,29.17 16.1475,29.17 C13.78,29.17 12.07,27.67375 12.07,25.87125 C12.07,24.10875 14.07625,22.585 16.44375,22.6125 Z M15.77625,11.11375 C17.365,11.1625 18.72375,12.87375 18.9975,14.96125 C19.27125,17.04625 18.35875,18.38875 16.77,18.3425 C15.18125,18.29375 13.67125,16.83625 13.3975,14.75125 C13.12125,12.66375 14.18875,11.0675 15.77625,11.11375 Z"/>
+</svg>

web/src/icons/share-instagram.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <path fill="#EA418C" fill-rule="evenodd" d="M15,30 C6.71572875,30 0,23.2842712 0,15 C0,6.71572875 6.71572875,0 15,0 C23.2842712,0 30,6.71572875 30,15 C30,23.2842712 23.2842712,30 15,30 Z M9,11.4966774 C9,10.1176879 10.117624,9 11.4966774,9 L18.5033226,9 C19.8823121,9 21,10.117624 21,11.4966774 L21,18.5033226 C21,19.8823121 19.882376,21 18.5033226,21 L11.4966774,21 C10.1176879,21 9,19.882376 9,18.5033226 L9,11.4966774 Z M8,11.4966774 L8,18.5033226 C8,20.4347734 9.56551578,22 11.4966774,22 L18.5033226,22 C20.4347734,22 22,20.4344842 22,18.5033226 L22,11.4966774 C22,9.56522657 20.4344842,8 18.5033226,8 L11.4966774,8 C9.56522657,8 8,9.56551578 8,11.4966774 Z M15,18.5 C16.9329966,18.5 18.5,16.9329966 18.5,15 C18.5,13.0670034 16.9329966,11.5 15,11.5 C13.0670034,11.5 11.5,13.0670034 11.5,15 C11.5,16.9329966 13.0670034,18.5 15,18.5 Z M15,17.5 C13.6192881,17.5 12.5,16.3807119 12.5,15 C12.5,13.6192881 13.6192881,12.5 15,12.5 C16.3807119,12.5 17.5,13.6192881 17.5,15 C17.5,16.3807119 16.3807119,17.5 15,17.5 Z"/>
+</svg>

web/src/icons/share-pinterest.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <path fill="#B8242B" fill-rule="evenodd" d="M22.065,24.45625 C20.825,24.45625 19.6575,23.78375 19.25875,23.0225 C19.25875,23.0225 18.59125,25.66875 18.45125,26.18125 C17.9525,27.98625 16.48875,29.7925 16.37625,29.93875 C16.2975,30.04375 16.12125,30.01 16.10375,29.875 C16.07125,29.64375 15.6975,27.36625 16.1375,25.5075 C16.35875,24.575 17.61625,19.2475 17.61625,19.2475 C17.61625,19.2475 17.24875,18.51625 17.24875,17.43125 C17.24875,15.7275 18.23625,14.4575 19.465,14.4575 C20.51,14.4575 21.0125,15.24125 21.0125,16.18125 C21.0125,17.23375 20.345,18.80375 20,20.25875 C19.71125,21.4775 20.61,22.47125 21.8125,22.47125 C23.98875,22.47125 25.455,19.675 25.455,16.365 C25.455,13.845 23.76,11.96 20.675,11.96 C17.19125,11.96 15.01875,14.56 15.01875,17.46375 C15.01875,18.465 15.315,19.17 15.7775,19.71625 C15.99,19.96875 16.01875,20.06875 15.9425,20.35625 C15.88625,20.56875 15.76125,21.07625 15.7075,21.27875 C15.6325,21.57 15.395,21.6725 15.1325,21.565 C13.5275,20.91125 12.78,19.1525 12.78,17.1775 C12.78,13.91375 15.5325,10 20.99125,10 C25.3775,10 28.26375,13.17375 28.26375,16.5825 C28.26375,21.08875 25.7575,24.45625 22.065,24.45625 Z M20,40 L20,40 C31.045695,40 40,31.045695 40,20 L40,20 C40,8.954305 31.045695,-2.02906125e-15 20,0 L20,0 C8.954305,2.02906125e-15 -1.3527075e-15,8.954305 0,20 L0,20 C1.3527075e-15,31.045695 8.954305,40 20,40 Z"/>
+</svg>

web/src/icons/share-twitter.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <path fill="#38A0CD" fill-rule="evenodd" d="M27.9525,15.9846178 C27.96125,16.1581295 27.965,16.3316413 27.965,16.5063836 C27.965,21.8446393 23.8375,28 16.29,28 C13.9725,28 11.81625,27.3317951 10,26.1848946 C10.3225,26.2242732 10.64875,26.2402707 10.97875,26.2402707 C12.9025,26.2402707 14.67,25.5966774 16.07375,24.5125365 C14.28,24.481772 12.76375,23.3127211 12.2425,21.7080449 C12.4925,21.7560375 12.74875,21.7794186 13.01375,21.7794186 C13.38875,21.7794186 13.75125,21.7314259 14.09375,21.6379019 C12.21875,21.2674973 10.80375,19.6332872 10.80375,17.6766651 L10.80375,17.6262114 C11.3575,17.928934 11.99,18.1122904 12.6625,18.1307491 C11.56125,17.4083987 10.8375,16.1704353 10.8375,14.7688048 C10.8375,14.0279957 11.04,13.3364098 11.3925,12.7383479 C13.415,15.1822796 16.44,16.7906476 19.85,16.9580065 C19.78,16.6626673 19.74375,16.3550223 19.74375,16.0375327 C19.74375,13.8077219 21.58125,12 23.8475,12 C25.02625,12 26.09375,12.4897708 26.8425,13.2736502 C27.77625,13.0939855 28.655,12.7568066 29.44875,12.2953392 C29.14125,13.2379634 28.49125,14.0304569 27.64375,14.5288417 C28.47375,14.4328565 29.265,14.2162744 30,13.8938625 C29.45125,14.7035841 28.755,15.4148593 27.9525,15.9846178 Z M20,40 L20,40 C31.045695,40 40,31.045695 40,20 L40,20 C40,8.954305 31.045695,-2.02906125e-15 20,0 L20,0 C8.954305,2.02906125e-15 -1.3527075e-15,8.954305 0,20 L0,20 C1.3527075e-15,31.045695 8.954305,40 20,40 Z"/>
+</svg>

web/src/icons/showcase.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <path fill="#C8C8C8" fill-rule="evenodd" d="M421.6,249.1 L432.4,249.1 L432.4,247.3 L421.6,247.3 L421.6,249.1 Z M434.2,251.8 L427.9,251.8 L426.1,251.8 L419.8,251.8 L419.8,244.6 L434.2,244.6 L434.2,251.8 Z M434.2,242.8 L427.9,242.8 L427.9,241 L426.1,241 L426.1,242.8 L419.8,242.8 L418,242.8 L418,244.6 L418,251.8 L418,253.6 L419.8,253.6 L424.1137,253.6 L421.5973,259 L423.5773,259 L426.1,253.6 L426.1,259 L427.9,259 L427.9,253.6 L430.4227,259 L432.4027,259 L429.8863,253.6 L434.2,253.6 L436,253.6 L436,251.8 L436,244.6 L436,242.8 L434.2,242.8 Z" transform="translate(-418 -241)"/>
+</svg>

web/src/icons/text.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17">
+  <polygon fill="#333" fill-rule="evenodd" points="30.775 39 29.325 39 29.325 23.625 23.875 23.625 23.875 22.325 36.225 22.325 36.225 23.625 30.775 23.625" transform="translate(-23 -22)"/>
+</svg>

web/src/icons/thumb.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="43" height="45" viewBox="0 0 43 45">
+  <path d="M13,18.4570881 C12.5373436,18.4708658 11.9732026,18.4888577 11.2691895,18.5118838 C9.09800912,18.5828967 8.24881314,18.6064183 7.583,18.6064183 L3.792,18.6064183 C2.87422329,18.6064183 2,19.6196485 2,20.7184183 L2,41.6074183 C2,42.6852395 2.89652264,43.6904183 3.834,43.6904183 L9.451,43.6904183 C9.86347924,43.6904183 10.4557424,43.4411755 11.8191061,42.7223411 C12.2779972,42.4803905 12.6639213,42.2821822 13,42.1216035 L13,18.4570881 Z M15,18.4184183 L15,41.5252666 C15.0396794,41.5240243 15.0796412,41.5234183 15.12,41.5234183 L34.326,41.5234183 C35.6514594,41.5234183 36.7887529,41.0980674 37.0624031,40.614656 C37.6147198,39.6419351 37.6947571,39.1740869 37.3268171,38.5825171 C36.464822,37.1964291 36.7952557,35.0718738 38.3608026,34.2343905 C39.0566122,33.8626747 39.3863084,32.8619153 38.9328139,31.9470966 C38.3111999,30.6914982 38.3479442,29.3163176 39.2333936,28.1332276 C39.2789291,28.0723903 39.2789291,28.0723903 39.3237115,28.0123966 C40.1291654,26.9318032 40.2898206,26.4391641 39.9477002,25.6611916 C39.386932,24.3868494 39.4645812,23.2302467 40.3296329,22.2408181 C40.8744292,21.6166825 41.0475863,20.741167 40.6105334,19.6657953 C40.3897952,19.1224397 39.3114284,18.6484183 38.011,18.6484183 L30.782,18.6484183 C28.5887397,18.6484183 27.0996073,16.8164804 27.5470252,14.6694369 L29.3510303,6.01141279 C29.5734595,4.94403219 28.9071167,3.63403945 27.9162171,3.18704992 C27.0016723,2.77481573 26.3501084,3.13063642 26.2192904,4.01537915 L26.1291517,4.62631565 C25.8787109,6.31269044 24.9369774,8.77730396 23.9990115,10.2006508 L20.4399984,15.6016707 C19.3968873,17.1845735 17.1060776,18.4184183 15.21,18.4184183 L15,18.4184183 Z M0,41.6074183 L0,20.7184183 C0,18.5752427 1.69871776,16.6064183 3.792,16.6064183 L7.583,16.6064183 C8.21635353,16.6064183 9.06399088,16.5829399 11.2038105,16.5129527 C13.3749909,16.4419399 14.2241869,16.4184183 14.89,16.4184183 L15.21,16.4184183 C16.4335973,16.4184183 18.0969338,15.5225346 18.7699885,14.5011858 L22.3290016,9.10016589 C23.106663,7.92007834 23.9431931,5.730793 24.1507096,4.3334574 L24.2407552,3.72314863 C24.5658532,1.52445953 26.6140886,0.405912962 28.6377829,1.31878663 C30.5844091,2.19658322 31.7226467,4.43429484 31.3089748,6.41939962 L29.5049697,15.0774238 C29.316336,15.9826285 29.8575384,16.6484183 30.782,16.6484183 L38.011,16.6484183 C40.0357361,16.6484183 41.8712422,17.455258 42.4634115,18.9129058 C43.1936708,20.7097137 42.8634533,22.3793566 41.8358401,23.5566217 C41.5300992,23.9063221 41.5076566,24.2406101 41.7783963,24.8558645 C42.4898492,26.4736889 42.1201927,27.6072174 40.9272597,29.2076511 C40.8804394,29.2703747 40.8804394,29.2703747 40.8346064,29.3316089 C40.4338644,29.8670588 40.4185461,30.4403577 40.7249555,31.0592744 C41.661573,32.9486794 40.9459605,35.1208483 39.3036951,35.99818 C38.8538592,36.238818 38.7279493,37.0483678 39.0251518,37.5262694 C39.8768486,38.8956179 39.6778219,40.0590037 38.8022414,41.6010439 C38.0948913,42.8506039 36.2959355,43.5234183 34.326,43.5234183 L15.12,43.5234183 C14.7075208,43.5234183 14.1152576,43.7726611 12.7518939,44.4914955 C11.0327576,45.3979111 10.3376874,45.6904183 9.451,45.6904183 L3.834,45.6904183 C1.73773849,45.6904183 0,43.7420705 0,41.6074183 Z" transform="translate(0 -1)"/>
+</svg>

web/src/icons/time.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17">
+  <path fill="#979797" d="M8.5,16.6 C4.02649353,16.6 0.4,12.9735065 0.4,8.5 C0.4,4.02649353 4.02649353,0.4 8.5,0.4 C12.9735065,0.4 16.6,4.02649353 16.6,8.5 C16.6,12.9735065 12.9735065,16.6 8.5,16.6 Z M8.97432244,9 L4.3827931,12.8527506 L3.74000549,12.0867061 L8,8.51214631 L8,3 L9,3 L9,9 L8.97432244,9 Z M8.5,15.4 C12.3107648,15.4 15.4,12.3107648 15.4,8.5 C15.4,4.68923523 12.3107648,1.6 8.5,1.6 C4.68923523,1.6 1.6,4.68923523 1.6,8.5 C1.6,12.3107648 4.68923523,15.4 8.5,15.4 Z"/>
+</svg>

web/src/icons/twitter.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17">
+  <path fill="#1C2635" d="M40.6542571,14.5595816 C46.4969609,14.5595816 50.6004728,9.90546159 50.6004728,4.61572381 C50.6004728,4.47440737 50.5966475,4.32713366 50.5892505,4.16440114 C50.5808464,3.97951045 50.6659981,3.80279075 50.8158391,3.69414984 C51.2351448,3.39013605 51.6963365,2.8766781 52.0365441,2.36041579 C51.8383089,2.34445444 51.6129473,2.31534444 51.3497046,2.27587811 C50.7053929,2.17907034 50.458518,2.16007295 50.2469539,2.20196976 C50.0610647,2.23878209 49.8693173,2.1773076 49.7394839,2.03927418 C49.1508917,1.41350776 48.3264795,1.05 47.4485613,1.05 C45.7139398,1.05 44.3084395,2.45425956 44.3084395,4.18658503 C44.3084395,4.43108172 44.3358393,4.67013898 44.3897708,4.9031638 C44.4720979,5.25887909 44.1913383,5.59460221 43.8266692,5.57650206 C41.0916709,5.44075185 38.5525509,4.29885531 36.6461743,2.42293455 C36.3502991,5.37440474 36.7795878,7.66217881 37.7529806,9.28179345 C38.547661,10.604051 39.6824133,11.3609332 40.4697794,11.3753222 C40.9869374,11.3847732 41.2062691,12.0380175 40.7996031,12.3576494 C39.7535659,13.1798151 38.5230118,13.7242045 37.2062595,13.9434893 C38.2965801,14.3479151 39.459094,14.5595816 40.6542571,14.5595816 Z M51.7004728,4.61572381 C51.7004728,10.4843041 47.1374592,15.6595816 40.6542571,15.6595816 C38.5161403,15.6595816 36.469509,15.0486754 34.7031411,13.9161594 C34.2137427,13.602379 34.4823949,12.8427811 35.0602475,12.9064628 C35.3378287,12.9370534 35.6106923,12.9526691 35.8806777,12.9526691 C37.0208905,12.9526691 38.1154208,12.677061 39.0891367,12.1626411 C36.6022284,11.0356674 34.800914,6.94038623 35.7085496,1.09004142 C35.7815606,0.619434905 36.377517,0.457730943 36.6783861,0.826890655 C38.306821,2.82494436 40.6415078,4.12035731 43.2148341,4.42230597 C43.2105763,4.34409182 43.2084395,4.26550804 43.2084395,4.18658503 C43.2084395,1.84652875 45.106644,-0.05 47.4485613,-0.05 C48.5346644,-0.05 49.561115,0.36288923 50.3366908,1.08290039 C50.6164784,1.0656075 50.9286302,1.10026522 51.470798,1.18173019 C52.2281088,1.29527803 52.5388835,1.29682488 52.7187526,1.18979538 C53.1538332,0.930904432 53.6780416,1.34767878 53.5238831,1.82991817 C53.2498346,2.6871981 52.4719959,3.75152984 51.6979877,4.39978757 C51.699633,4.47322581 51.7004728,4.54489582 51.7004728,4.61572381 Z" transform="translate(-34 1)"/>
+</svg>

web/src/icons/user.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <path fill="#191919" fill-rule="evenodd" d="M310,22 C313.785,22 316.958,24.214 317.784,28 L302.216,28 C303.042,24.214 306.215,22 310,22 M306,16 C306,13.794 307.794,12 310,12 C312.206,12 314,13.794 314,16 C314,18.206 312.206,20 310,20 C307.794,20 306,18.206 306,16 M313.758,20.673 C315.124,19.574 316,17.89 316,16 C316,12.686 313.314,10 310,10 C306.686,10 304,12.686 304,16 C304,17.89 304.876,19.574 306.242,20.673 C302.583,22.048 300,25.445 300,30 L320,30 C320,25.445 317.417,22.048 313.758,20.673" transform="translate(-300 -10)"/>
+</svg>

web/src/icons/video-stroke.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="22" viewBox="0 0 18 22">
+  <path fill="#333" d="M40,30 L24,20 L24,40 L40,30 Z M40.5299989,30.8479983 L24.5299989,40.8479983 C23.8639509,41.2642783 23,40.7854355 23,40 L23,20 C23,19.2145645 23.8639509,18.7357217 24.5299989,19.1520017 L40.5299989,29.1520017 C41.156667,29.5436692 41.156667,30.4563308 40.5299989,30.8479983 Z" transform="translate(-23 -19)"/>
+</svg>

web/src/icons/video.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14">
+  <path fill="#C8C8C8" fill-rule="evenodd" d="M552,252.674 L549.774,251.283 L552,249.891 L552,252.674 Z M545,256 L537,256 C536.448,256 536,255.553 536,255 L536,247 C536,246.448 536.448,246 537,246 L545,246 C545.552,246 546,246.448 546,247 L546,255 C546,255.553 545.552,256 545,256 L545,256 Z M548,250.111 L548,246 C548,244.896 547.105,244 546,244 L536,244 C534.895,244 534,244.896 534,246 L534,256 C534,257.105 534.895,258 536,258 L546,258 C547.105,258 548,257.105 548,256 L548,252.454 L552.462,255.301 C553.128,255.726 554,255.248 554,254.458 L554,248.107 C554,247.317 553.128,246.839 552.462,247.264 L548,250.111 Z" transform="translate(-534 -244)"/>
+</svg>

web/src/icons/wallet.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="45" height="39" viewBox="0 0 45 39">
+  <path fill-rule="evenodd" d="M15.1735722,9.525 L6.114,9.525 C4.28740348,9.525 2.807,11.005166 2.807,12.831 L2.807,33.464 C2.807,35.2907153 4.28728475,36.771 6.114,36.771 L36.436,36.771 C38.2614528,36.771 39.742,35.2899778 39.742,33.464 L39.742,28.254 L30.008,28.254 C29.4557153,28.254 29.008,27.8062847 29.008,27.254 L29.008,19.064 C29.008,18.5117153 29.4557153,18.064 30.008,18.064 L39.742,18.064 L39.742,13.475 L39.2971963,13.475 L39.2978183,13.4763616 L37.7405628,13.475 L7.016,13.475 C6.46371525,13.475 6.016,13.0272847 6.016,12.475 C6.016,11.9227153 6.46371525,11.475 7.016,11.475 L11.1586468,11.475 L15.1735722,9.525 Z M37.5868674,9.730863 L38.3835925,11.475 L39.4519591,11.475 C39.0903077,10.6719685 38.4173441,10.0393232 37.5868674,9.730863 Z M36.5801016,7.52691919 C39.4437764,7.603284 41.742,9.94890178 41.742,12.831 L41.742,18.064 L43.057,18.064 C43.6092847,18.064 44.057,18.5117153 44.057,19.064 L44.057,27.254 C44.057,27.8062847 43.6092847,28.254 43.057,28.254 L41.742,28.254 L41.742,33.464 C41.742,36.3944037 39.3661659,38.771 36.436,38.771 L6.114,38.771 C3.18271525,38.771 0.807,36.3952847 0.807,33.464 L0.807,12.831 C0.807,9.90052473 3.18290579,7.525 6.114,7.525 L19.2914443,7.525 L33.4401496,0.653147447 L36.5801016,7.52691919 Z M31.008,26.254 L42.057,26.254 L42.057,20.064 L31.008,20.064 L31.008,26.254 Z M32.4718504,3.34685255 L15.7760575,11.4557944 L36.1841817,11.4736384 L32.4718504,3.34685255 Z"/>
+</svg>

web/src/icons/youtube.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15">
+  <path fill="#1C2635" d="M12.299274,7.41444665 L7.039307,4.38455584 L7.039307,10.5598944 L12.299274,7.41444665 Z M8.8817842e-16,2.46738089 C8.8817842e-16,1.36140151 0.894780453,0.413895988 2.00371766,0.344551323 L6.63546865,0.0549159739 C7.74043003,-0.0141801375 9.53508278,-0.0186776983 10.635834,0.0448487325 L16.003352,0.354618562 C17.1033904,0.418103889 18,1.36717101 18,2.46738089 L18,12.5183128 C18,13.6206049 17.1084301,14.5695643 16.0101368,14.6357395 L11.0237858,14.9361807 C9.92549814,15.0023555 8.13537669,15.0023421 7.02900221,14.9361807 L2.00492021,14.6357395 C0.900727552,14.5697085 8.8817842e-16,13.6189278 8.8817842e-16,12.5183128 L8.8817842e-16,2.46738089 Z M6.039307,2.65448714 L14.2747,7.39830805 L6.039307,12.3230534 L6.039307,2.65448714 Z M1,2.46738089 L1,12.5183128 C1,13.0885793 1.48734099,13.6030017 2.06461379,13.6375227 L7.08869578,13.9379639 C8.15523724,14.0017433 9.90534171,14.0017565 10.9636422,13.9379909 L15.9499932,13.6375497 C16.5198437,13.6032147 17,13.0921512 17,12.5183128 L17,2.46738089 C17,1.89725471 16.5169301,1.38592209 15.945736,1.35295738 L10.578218,1.04318755 C9.51748022,0.981970371 7.76290842,0.986367486 6.69787934,1.05296653 L2.06612832,1.34260188 C1.48307348,1.37906178 1,1.89060044 1,2.46738089 Z"/>
+</svg>

web/src/img/clock.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="44" viewBox="0 0 30 44">
+  <defs>
+    <linearGradient id="clock-c" x1="2.097%" y1="2.097%" y2="100%">
+      <stop offset="0%" stop-color="#FFD7D7"/>
+      <stop offset="100%" stop-color="#FFB1EC"/>
+    </linearGradient>
+    <polygon id="clock-b" points="0 0 30 0 30 39.42 15.309 31.536 0 39.42"/>
+    <filter id="clock-a" width="113.3%" height="120.3%" x="-6.7%" y="-5.1%" filterUnits="objectBoundingBox">
+      <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.05 0"/>
+    </filter>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#000" filter="url(#clock-a)" xlink:href="#clock-b"/>
+    <use fill="url(#clock-c)" xlink:href="#clock-b"/>
+    <g fill="#333" fill-rule="nonzero" transform="translate(7 7)">
+      <rect width="2.44" height="1.157" x="6.514"/>
+      <rect width="1.157" height="2.23" x="13.672" y="2.321" transform="rotate(-45 14.25 3.436)"/>
+      <path d="M15.0130872,9.69861745 C15.0130872,5.70136913 11.7521477,2.44042953 7.73387919,2.44042953 C3.71561074,2.44042953 0.454630872,5.70136913 0.454630872,9.69861745 C0.454630872,12.139047 1.67484564,14.3059732 3.52622819,15.6314094 L2.01148993,17.1461477 L2.832,17.9666577 L4.55714094,16.2415168 C5.52491275,16.7253826 6.61888591,16.9778658 7.7549396,16.9778658 C9.03825503,16.9778658 10.2374497,16.6412617 11.2893423,16.0521745 L11.0368993,16.3046174 L12.6778792,17.9455973 L13.498349,17.1250872 L11.9415302,15.6313691 C13.7928725,14.3059732 15.0130872,12.1601074 15.0130872,9.69861745 Z M10.3005101,10.4980671 L7.56555705,10.4980671 C7.35519463,10.4980671 7.16581208,10.3087248 7.14479195,10.0983221 L7.03961074,6.2693557 C7.03961074,5.93275168 7.29205369,5.68026846 7.62869799,5.68026846 C7.94428188,5.68026846 8.19672483,5.93271141 8.21778523,6.2482953 L8.32296644,9.36193289 L10.3005503,9.36193289 C10.6161342,9.36193289 10.8685772,9.61437584 10.8685772,9.92995973 C10.8685772,10.2455436 10.616094,10.4980671 10.3005101,10.4980671 Z"/>
+      <rect width="2.23" height="1.157" x=".104" y="2.866" transform="rotate(-45 1.22 3.445)"/>
+    </g>
+  </g>
+</svg>

web/src/img/curve-1.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="134" viewBox="0 0 320 134">
+  <defs>
+    <linearGradient id="curve-1-a" x1="0%" y1="0%" y2="100%">
+      <stop offset="0%" stop-color="#FFE2EB"/>
+      <stop offset="100%" stop-color="#D8F5F5"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#curve-1-a)" fill-rule="evenodd" d="M212.081689,162 C211.28098,146.024982 216.52448,128.370791 220.896351,113.910231 C221.083946,113.292551 221.285267,112.638269 221.482013,112 C223.264162,128.210652 220.52345,147.809389 212.081689,162 M145.153024,169 C144.793024,162.393749 145.093024,155.648077 145.793024,149 C146.233024,155.836296 146.045024,162.574997 145.153024,169 M293.399523,91.6370212 C291.6537,92.4319633 290.04845,93.4812869 288.549763,94.7077691 C289.080312,70.2326365 282.169574,50.5952947 258.337958,53.2390451 C240.800374,55.1855177 229.667919,73.101242 222.43069,89.538374 C215.918997,75.4338293 203.548595,66.6781096 183.58273,70.693703 C162.691805,74.8955399 151.477727,98.3531465 145.455772,116.882112 C136.731192,93.8333327 120.991578,73.2125339 102.050534,62.4671876 C58.8584223,37.9693424 -2.67389862,81.8955732 0.0899430531,129.228699 C0.343880926,133.596338 7.14805555,133.621322 6.89185038,129.228699 C4.2232354,83.5036276 63.4429079,46.3139635 102.825951,70.8549627 C121.157091,82.2794167 135.608877,104.72404 142.106966,128.595016 C137.626776,146.63566 135.688233,167.190592 140.746585,184.570299 C141.771405,188.093028 146.067943,187.513856 147.305891,184.570299 C154.368538,167.781121 154.318657,147.791733 149.221761,128.585931 C153.416271,110.62251 161.326889,90.0857484 177.778435,80.228466 C186.18786,75.1885329 197.318048,75.5632913 205.831768,80.0694776 C212.776516,83.7421102 216.494892,91.1918536 218.676037,98.7074636 C218.116013,100.165615 217.585464,101.585154 217.086658,102.941098 C209.68845,123.04632 201.893464,149.779089 206.330575,171.431041 C206.827114,173.852207 210.391314,174.828851 212.014702,172.934617 C225.509686,157.185678 232.175555,123.341585 225.679734,98.6870222 C231.719828,82.7268555 241.04751,65.5969883 256.206694,60.6002092 C279.031628,53.0709716 282.638906,77.7982143 279.743561,105.939166 C275.594397,113.547898 272.907644,122.423994 270.855735,129.217343 C266.847144,142.490605 262.920177,158.389447 264.294162,172.403142 C264.584377,175.369411 269.11218,177.558909 270.631272,174.122488 C275.503705,163.10459 284.940218,133.78031 287.760742,106.745464 C287.98067,106.39569 288.193797,106.023202 288.413725,105.680242 C291.191171,101.394368 295.353938,97.019915 300.679831,96.4362004 C308.742359,95.5549502 311.240926,104.026762 312.524219,110.252295 C315.342476,123.89123 313.186272,139.090524 311.263599,152.724917 C310.658229,157.022147 317.210734,158.873226 317.822905,154.537385 C320.047129,138.752106 327.189132,76.2832818 293.399523,91.6370212" transform="translate(0 -53)"/>
+</svg>

web/src/img/curve-2.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="211" height="173" viewBox="0 0 211 173">
+  <defs>
+    <linearGradient id="curve-2-a" x1="0%" y1="0%" y2="100%">
+      <stop offset="0%" stop-color="#FFE2EB"/>
+      <stop offset="100%" stop-color="#D8F5F5"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#curve-2-a)" fill-rule="evenodd" d="M199.469062,90.4605008 C190.163899,80.2310889 193.692204,65.3259982 205.088098,59.3932825 C207.022572,65.0795815 207.644479,71.3959588 207.66323,76.8982251 C207.67573,80.9282298 206.277221,97.9465775 199.469062,90.4605008 M229.625288,115.337669 C236.945974,106.792625 237.711638,92.9683365 236.963162,82.4659947 C236.091242,70.2200209 231.711331,57.7073556 219.181005,53.4262555 C215.36206,52.1208709 211.263413,52.2394004 207.371027,53.3529543 C207.016322,52.618383 206.685055,51.871335 206.29441,51.1617173 C199.97065,39.6581127 185.843366,34.581617 173.413045,34.0435552 C158.191956,33.3822851 143.097436,40.3349788 131.129638,49.162311 C120.715044,56.841778 111.623955,67.3862289 106.795584,79.5386268 C105.181439,72.8401477 102.093781,66.6469789 96.1419153,62.582663 C88.8993583,57.635614 79.367622,59.7738247 72.3813281,63.95667 C56.4508279,73.4951794 51.895908,91.6457963 55.1023216,108.478552 C52.3740574,107.594259 49.1613935,108.0559 45.4424538,110.616762 C35.5794506,117.408817 30.3260576,132.025382 30.0151042,143.496235 C29.6682115,156.241281 35.3091243,170.201254 45.6362137,177.84641 C56.8055335,186.118525 72.4907087,183.598212 84.6850808,179.544814 C87.5383513,178.598137 86.316414,174.076858 83.4397048,175.034452 C73.2751237,178.412544 62.0573639,180.516444 51.8755945,176.049751 C42.4751149,171.923052 38.0061369,162.175556 35.8560272,152.754017 C33.3418365,141.72609 35.8154001,131.382827 41.6266341,121.822483 C43.9080005,118.068528 47.2175443,114.099348 51.5443276,112.717543 C53.5694309,112.068749 55.1913886,112.801761 56.4992679,114.188245 C57.7055794,118.194855 59.3431629,122.056423 61.3760792,125.624786 C62.7089596,127.964185 66.3122685,126.373394 65.6591102,123.82189 C64.7028114,120.086649 63.1667955,116.209485 61.0323116,113.23533 C56.0523701,97.5831908 58.7118807,80.004947 72.8329136,69.2920593 C78.1925621,65.2261839 85.5648132,62.8275201 92.01983,65.6503949 C101.27499,69.6975551 103.168836,82.1556344 103.671987,90.9314998 C103.815744,93.4268587 107.826886,94.2861979 108.276909,91.5537799 C112.497437,65.9373612 136.71586,45.8590796 161.076478,39.9856286 C173.958385,36.8789068 188.423186,39.2463785 198.348692,48.4059053 C200.358169,50.2602689 201.948876,52.5014131 203.214565,54.9609012 C197.704909,57.6777232 193.068735,62.3627595 190.996754,67.7854864 C187.501264,76.9418939 190.129523,92.4755031 200.206599,96.9265995 C207.733546,100.251665 210.883706,89.474834 211.747813,84.3032027 C213.204137,75.5975193 212.297841,66.1541455 209.222684,57.72919 C236.059991,50.034127 238.697625,103.024633 223.167146,115.056942 C221.843641,116.081598 222.545239,118.72356 224.201573,118.965297 C228.850248,119.645283 234.778675,120.654343 236.636583,125.64974 C238.177286,129.792036 235.355267,134.788992 233.314538,138.213872 C228.800245,145.793525 220.89203,153.685097 212.579105,156.988329 C210.374305,157.863264 210.335241,160.637791 212.579105,161.500249 C222.365542,165.265122 226.189175,175.366647 221.913957,184.816259 C217.901252,193.68726 207.277272,196.662976 198.390882,196.268397 C180.8603,195.491717 165.342321,183.41262 149.814966,176.558181 C148.388331,175.928103 146.078838,176.617446 146.288224,178.577862 C147.039824,185.624132 147.053888,193.362863 141.602047,198.626511 C137.201822,202.876419 129.823321,202.676791 124.237099,201.836167 C111.398944,199.903823 98.5295371,192.645448 89.5947063,183.368951 C87.4961617,181.19175 84.1850553,184.504339 86.2789121,186.676861 C97.1435289,197.954324 113.191223,206.231117 128.979528,206.967248 C144.70533,207.70182 151.421298,195.975192 151.190036,182.333377 C169.917554,191.411805 190.893624,206.57111 212.147833,199.041365 C230.451892,192.554991 233.516111,169.031555 218.274709,159.246628 C234.594291,149.47106 253.670264,121.897344 229.625288,115.337669" transform="translate(-30 -34)"/>
+</svg>

web/src/img/curve-4.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="155" height="207" viewBox="0 0 155 207">
+  <defs>
+    <linearGradient id="curve-4-a" x1="0%" y1="0%" y2="100%">
+      <stop offset="0%" stop-color="#FFE2EB"/>
+      <stop offset="100%" stop-color="#D8F5F5"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#curve-4-a)" fill-rule="evenodd" d="M160.700132,136.568256 C160.506324,137.418955 160.273098,138.332791 160.016877,139.278195 C157.640267,138.361036 155.040285,137.704736 152.18901,137.365786 C145.216854,136.538349 135.168408,138.696663 125.924758,143 C126.581734,130.076698 123.242654,117.158381 115.05345,107.332152 C110.193472,101.50354 104.190355,99.0660904 98,98.9614146 C98.3054938,93.3172315 98.3876157,87.6348333 98.2184445,81.9540967 C102.518351,80.6564497 107.166455,79.9885187 112.193963,80.0001493 C128.473824,80.0400258 143.743585,89.5555504 153.46847,102.291101 C161.71516,113.089318 163.651596,123.623355 160.700132,136.568256 M118.167796,183.020622 C115.57991,182.178299 113.552732,181.057426 112,179.746405 C119.075215,171.309834 123.745023,160.448041 125.447056,149.200948 C132.31325,145.322928 140.118382,142.735913 147.53699,142.087074 C151.724058,141.720122 155.564415,142.532421 159,144.15702 C152.862064,162.496303 138.02153,189.487325 118.167796,183.020622 M115.085721,156.344838 C116.306166,155.173163 117.623046,154.060399 119,153 C116.992272,160.992264 113.425788,168.660518 108.808013,175 C106.427196,169.14817 109.541545,161.668105 115.085721,156.344838 M65.6997347,180.170066 C56.6248925,171.228831 56.1712334,156.303515 57.6352393,144.18251 C57.5172547,152.482474 59.5445954,160.827295 64.018039,168.314873 C64.5730651,169.240229 65.7695284,169.80674 66.8330514,169.459523 C87.4105595,162.754428 93.6238603,135.919095 96.4687843,117.249158 C97.1850005,112.554263 97.723409,107.794575 98.1006274,103 C112.361806,103.436928 120.416331,120.585093 121.735764,132.9852 C122.149541,136.867709 122.068115,140.869834 121.556295,144.870297 C109.850895,151.538844 100.812611,161.647988 103.361743,173.33871 C103.795461,175.32399 104.681176,177.164735 105.872654,178.837686 C95.0463223,190.034996 77.2422827,191.540154 65.6997347,180.170066 M93,104 C92.8802196,105.615395 92.7471302,107.22242 92.5974047,108.82275 C90.9404421,126.603814 86.4220582,157.006723 67.2987804,165 C56.1991275,143.360401 67.2372266,108.553238 93,104 M73.4970255,100.323665 C78.7506115,92.2893585 85.2132913,86.4719801 92.9766876,83 C93.0519492,88.1651468 92.9439652,93.3187643 92.6674607,98.4180292 C84.7371799,99.7982565 76.9230638,104.525288 71.2179083,110.449725 C67.3435727,114.471819 64.2676643,119.075322 62,124 C64.8190373,115.641224 68.7179147,107.63327 73.4970255,100.323665 M167.741694,127.808362 C169.241843,113.438094 160.382878,100.130136 150.487506,90.6075898 C136.076834,76.7410466 115.972529,71.8949882 98.3437158,76.8291568 C97.5911659,62.9626136 95.3813755,49.185843 91.6004722,36.100654 C86.3359232,17.8801392 73.8412835,-3.51234107 51.5370892,0.487527408 C29.815461,4.38432363 28.2179427,40.5743223 27.356471,57.2055294 C27.0396079,63.2917798 27.0016503,69.3896674 27,75.4825676 C27,78.697757 31.9509865,78.697757 31.9509865,75.4825676 C31.9542872,55.2438316 31.1720313,30.4765662 42.5345454,12.8578605 C49.3008936,2.36443992 61.2311208,4.14160509 70.6941064,9.81889139 C78.551322,14.5319534 82.6639415,25.0370111 85.5091084,33.2595171 C90.4683466,47.5948728 92.8332678,63.0340992 93.4306869,78.4866251 C85.6114288,81.5937549 78.4655049,86.7490301 72.790024,94.0638353 C57.4535181,113.827109 47.9740292,143.854384 54.0571414,168.699785 C60.3746002,194.494448 91.047612,200.821755 109.117062,182.981942 C114.262788,187.325939 121.672764,189.563604 127.617249,188.364974 C139.583783,185.951088 148.053271,175.605626 154.291514,165.748926 C158.03611,159.835571 161.14698,153.348669 163.482195,146.602424 C169.207186,150.931458 173.356113,157.676041 175.425625,164.620119 C179.201577,177.286369 177.391167,191.718147 173.027697,203.970446 C171.946732,207.004427 176.731035,208.297818 177.802099,205.295423 C184.789591,185.676783 184.604754,152.961317 165.153978,141.194455 C166.373571,136.780635 167.274651,132.29533 167.741694,127.808362 Z" transform="translate(-27)"/>
+</svg>

web/src/img/date.svg

@@ -0,0 +1,50 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
+  <defs>
+    <rect id="date-a" width="19" height="17" y="3"/>
+    <rect id="date-b" width="4" height="4" x="3" y="10"/>
+    <rect id="date-c" width="3" height="6" x="3"/>
+    <rect id="date-d" width="3" height="6" x="13"/>
+    <rect id="date-e" width="4" height="4" x="3" y="13"/>
+    <rect id="date-f" width="4" height="4" x="6" y="10"/>
+    <rect id="date-g" width="4" height="4" x="6" y="13"/>
+    <rect id="date-h" width="4" height="4" x="9" y="10"/>
+    <rect id="date-i" width="4" height="4" x="12" y="10"/>
+    <rect id="date-j" width="4" height="4" x="9" y="13"/>
+    <rect id="date-k" width="4" height="4" x="12" y="13"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#FFF" xlink:href="#date-a"/>
+    <rect width="18" height="16" x=".5" y="3.5" stroke="#979797"/>
+    <use fill="#FFF" xlink:href="#date-b"/>
+    <rect width="3" height="3" x="3.5" y="10.5" stroke="#979797"/>
+    <use fill="#FFF" xlink:href="#date-c"/>
+    <rect width="2" height="5" x="3.5" y=".5" stroke="#979797"/>
+    <use fill="#FFF" xlink:href="#date-d"/>
+    <rect width="2" height="5" x="13.5" y=".5" stroke="#979797"/>
+    <use fill="#FFF" xlink:href="#date-e"/>
+    <rect width="3" height="3" x="3.5" y="13.5" stroke="#979797"/>
+    <use fill="#FFF" xlink:href="#date-f"/>
+    <rect width="3" height="3" x="6.5" y="10.5" stroke="#979797"/>
+    <g>
+      <use fill="#FFF" xlink:href="#date-g"/>
+      <rect width="3" height="3" x="6.5" y="13.5" stroke="#979797"/>
+    </g>
+    <g>
+      <use fill="#FFF" xlink:href="#date-h"/>
+      <rect width="3" height="3" x="9.5" y="10.5" stroke="#979797"/>
+    </g>
+    <g>
+      <use fill="#FFF" xlink:href="#date-i"/>
+      <rect width="3" height="3" x="12.5" y="10.5" stroke="#979797"/>
+    </g>
+    <g>
+      <use fill="#FFF" xlink:href="#date-j"/>
+      <rect width="3" height="3" x="9.5" y="13.5" stroke="#979797"/>
+    </g>
+    <g>
+      <use fill="#FFF" xlink:href="#date-k"/>
+      <rect width="3" height="3" x="12.5" y="13.5" stroke="#979797"/>
+    </g>
+    <path stroke="#979797" stroke-linecap="square" d="M0.5,7.5 L18.5277564,7.5"/>
+  </g>
+</svg>

web/src/img/fav.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="44" viewBox="0 0 30 44">
+  <defs>
+    <linearGradient id="fav-c" x1="0%" x2="104.386%" y1="0%" y2="100%">
+      <stop offset="0%" stop-color="#B4EC51"/>
+      <stop offset="100%" stop-color="#61E9E7"/>
+    </linearGradient>
+    <polygon id="fav-b" points="0 0 30 0 30 40 15.309 32 0 40"/>
+    <filter id="fav-a" width="113.3%" x="-6.7%" y="-5%" filterUnits="objectBoundingBox">
+      <feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/>
+      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.05 0"/>
+    </filter>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#000" filter="url(#fav-a)" xlink:href="#fav-b"/>
+    <use fill="url(#fav-c)" xlink:href="#fav-b"/>
+    <polygon fill="#333" points="15.084 21.75 10.088 24.377 11.042 18.813 7 14.873 12.586 14.062 15.084 9 17.582 14.062 23.168 14.873 19.126 18.813 20.08 24.377"/>
+  </g>
+</svg>

web/src/img/google-play.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="134" height="40" viewBox="0 0 134 40">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#1C2635" d="M0,1.99729162 C0,0.894217919 0.89112382,0 1.9982312,0 L132.001769,0 C133.105361,0 134,0.891539827 134,1.99729162 L134,38.0027084 C134,39.1057821 133.108876,40 132.001769,40 L1.9982312,40 C0.894638583,40 0,39.1084602 0,38.0027084 L0,1.99729162 Z"/>
+    <path fill="#FFF" d="M47.0676489,10.2432 C47.0676489,11.0812 46.8204933,11.7492 46.3271748,12.2462 C45.7673526,12.8382 45.037797,13.1342 44.1395007,13.1342 C43.2799156,13.1342 42.5493674,12.8342 41.9478563,12.2332 C41.3463452,11.6332 41.0455896,10.8882 41.0455896,10.0002 C41.0455896,9.1112 41.3463452,8.3672 41.9478563,7.7672 C42.5493674,7.1662 43.2799156,6.8662 44.1395007,6.8662 C44.5663156,6.8662 44.9742711,6.9502 45.3623748,7.1172 C45.7494859,7.2852 46.06116,7.5082 46.2934267,7.7882 L45.7703304,8.3152 C45.3752785,7.8412 44.833323,7.6042 44.1395007,7.6042 C43.5121822,7.6042 42.9712193,7.8252 42.5136341,8.2702 C42.0560489,8.7142 41.82676,9.2912 41.82676,10.0002 C41.82676,10.7092 42.0560489,11.2862 42.5136341,11.7302 C42.9712193,12.1752 43.5121822,12.3962 44.1395007,12.3962 C44.8045378,12.3962 45.359397,12.1732 45.8030859,11.7272 C46.0909378,11.4362 46.2576933,11.0312 46.30236,10.5112 L44.1395007,10.5112 L44.1395007,9.7912 L47.02596,9.7912 C47.0537526,9.9472 47.0676489,10.0982 47.0676489,10.2432"/>
+    <path fill="#FFF" d="M47.0676489,10.2432 L46.9683896,10.2432 C46.967397,11.0622 46.7301674,11.6982 46.2576933,12.1752 L46.2567007,12.1762 L46.2557081,12.1772 C45.7137526,12.7482 45.01596,13.0332 44.1395007,13.0342 C43.3027452,13.0332 42.6029674,12.7452 42.0183304,12.1622 C41.4346859,11.5792 41.1458415,10.8662 41.1448489,10.0002 C41.1458415,9.1342 41.4346859,8.4212 42.0183304,7.8382 C42.6029674,7.2552 43.3027452,6.9672 44.1395007,6.9662 C44.5534119,6.9662 44.9474711,7.0472 45.3226711,7.2092 C45.6988637,7.3722 45.9966415,7.5862 46.2179896,7.8522 L46.2934267,7.7882 L46.2229526,7.7172 L45.6998563,8.2452 L45.7703304,8.3152 L45.8457674,8.2512 C45.4338415,7.7532 44.8541674,7.5022 44.1395007,7.5042 C43.4893526,7.5032 42.9176193,7.7372 42.4441526,8.1982 C41.9667156,8.6602 41.7265081,9.2692 41.7275007,10.0002 C41.7265081,10.7312 41.9667156,11.3402 42.4441526,11.8022 C42.9176193,12.2632 43.4893526,12.4972 44.1395007,12.4972 C44.8263748,12.4982 45.4120044,12.2632 45.87356,11.7972 C46.1812637,11.4862 46.35596,11.0562 46.4016193,10.5202 L46.4105526,10.4112 L44.23876,10.4112 L44.23876,9.8902 L47.02596,9.8902 L47.02596,9.7912 L46.9276933,9.8082 C46.9544933,9.9602 46.9683896,10.1042 46.9683896,10.2432 L47.1669081,10.2432 C47.1669081,10.0912 47.1520193,9.9352 47.1232341,9.7732 L47.1083452,9.6912 L44.0402415,9.6912 L44.0402415,10.6112 L46.30236,10.6112 L46.30236,10.5112 L46.2031007,10.5032 C46.1594267,11.0062 46.0006119,11.3852 45.7326119,11.6562 C45.305797,12.0842 44.7827007,12.2962 44.1395007,12.2972 C43.5360044,12.2962 43.0238267,12.0862 42.582123,11.6592 C42.1443896,11.2322 41.9270119,10.6882 41.9260193,10.0002 C41.9270119,9.3122 42.1443896,8.7682 42.582123,8.3412 C43.0238267,7.9142 43.5360044,7.7042 44.1395007,7.7042 C44.8114859,7.7052 45.3177081,7.9292 45.6939007,8.3802 L45.7633822,8.4632 L46.3639007,7.8582 L46.4284193,7.7942 L46.3698563,7.7232 C46.1256785,7.4302 45.8001081,7.1982 45.4010859,7.0252 C45.0010711,6.8532 44.5792193,6.7662 44.1395007,6.7662 C43.2570859,6.7652 42.4957674,7.0772 41.8783748,7.6962 C41.2580044,8.3132 40.9453378,9.0892 40.9463304,10.0002 C40.9453378,10.9112 41.2580044,11.6872 41.8783748,12.3052 C42.4957674,12.9232 43.2570859,13.2352 44.1395007,13.2342 C45.0586415,13.2352 45.8209526,12.9272 46.3996341,12.3152 L46.3271748,12.2462 L46.3976489,12.3172 C46.9118119,11.7992 47.1669081,11.1002 47.1669081,10.2432 L47.0676489,10.2432"/>
+    <polygon fill="#FFF" points="51.642 7.737 48.93 7.737 48.93 9.64 51.375 9.64 51.375 10.36 48.93 10.36 48.93 12.263 51.642 12.263 51.642 13 48.165 13 48.165 7 51.642 7"/>
+    <polygon fill="#FFF" points="51.642 7.737 51.642 7.637 48.83 7.637 48.83 9.74 51.276 9.74 51.276 10.26 48.83 10.26 48.83 12.363 51.543 12.363 51.543 12.9 48.265 12.9 48.265 7.1 51.543 7.1 51.543 7.737 51.642 7.737 51.642 7.637 51.642 7.737 51.742 7.737 51.742 6.9 48.066 6.9 48.066 13.1 51.742 13.1 51.742 12.163 49.029 12.163 49.029 10.46 51.475 10.46 51.475 9.54 49.029 9.54 49.029 7.837 51.742 7.837 51.742 7.737"/>
+    <polygon fill="#FFF" points="54.869 13 54.103 13 54.103 7.737 52.44 7.737 52.44 7 56.533 7 56.533 7.737 54.869 7.737"/>
+    <polygon fill="#FFF" points="54.869 13 54.869 12.9 54.202 12.9 54.202 7.637 52.539 7.637 52.539 7.1 56.434 7.1 56.434 7.637 54.77 7.637 54.77 13 54.869 13 54.869 12.9 54.869 13 54.969 13 54.969 7.837 56.632 7.837 56.632 6.9 52.34 6.9 52.34 7.837 54.004 7.837 54.004 13.1 54.969 13.1 54.969 13"/>
+    <polygon fill="#FFF" points="59.494 13 60.259 13 60.259 7 59.494 7"/>
+    <polygon fill="#FFF" points="59.494 13 59.593 13 59.593 7.1 60.159 7.1 60.159 12.9 59.494 12.9 59.494 13 59.593 13 59.494 13 59.494 13.1 60.359 13.1 60.359 6.9 59.395 6.9 59.395 13.1 59.494 13.1"/>
+    <polygon fill="#FFF" points="63.653 13 62.888 13 62.888 7.737 61.224 7.737 61.224 7 65.316 7 65.316 7.737 63.653 7.737"/>
+    <polygon fill="#FFF" points="63.653 13 63.653 12.9 62.987 12.9 62.987 7.637 61.323 7.637 61.323 7.1 65.217 7.1 65.217 7.637 63.554 7.637 63.554 13 63.653 13 63.653 12.9 63.653 13 63.752 13 63.752 7.837 65.416 7.837 65.416 6.9 61.125 6.9 61.125 7.837 62.788 7.837 62.788 13.1 63.752 13.1 63.752 13"/>
+    <path fill="#FFF" d="M69.2629126,11.7222 C69.7026311,12.1722 70.2416089,12.3962 70.8798459,12.3962 C71.5170904,12.3962 72.0580533,12.1722 72.4987644,11.7222 C72.938483,11.2722 73.1598311,10.6982 73.1598311,10.0002 C73.1598311,9.3022 72.938483,8.7282 72.4987644,8.2782 C72.0580533,7.8282 71.5170904,7.6042 70.8798459,7.6042 C70.2416089,7.6042 69.7026311,7.8282 69.2629126,8.2782 C68.8231941,8.7282 68.6018459,9.3022 68.6018459,10.0002 C68.6018459,10.6982 68.8231941,11.2722 69.2629126,11.7222 M73.0645422,12.2252 C72.4789126,12.8312 71.7503496,13.1342 70.8798459,13.1342 C70.0093422,13.1342 69.2827644,12.8312 68.6971348,12.2252 C68.1115052,11.6192 67.819683,10.8772 67.819683,10.0002 C67.819683,9.1232 68.1115052,8.3812 68.6971348,7.7752 C69.2827644,7.1692 70.0093422,6.8662 70.8798459,6.8662 C71.7463793,6.8662 72.4709719,7.1702 73.0605719,7.7792 C73.6481867,8.3882 73.9410015,9.1282 73.9410015,10.0002 C73.9410015,10.8772 73.6481867,11.6192 73.0645422,12.2252"/>
+    <path fill="#FFF" d="M69.2629126,11.7222 L69.1914459,11.7922 C69.6490311,12.2602 70.2187793,12.4982 70.8798459,12.4972 C71.5409126,12.4982 72.1126459,12.2602 72.5682459,11.7922 C73.0298015,11.3252 73.260083,10.7192 73.2580978,10.0002 C73.260083,9.2812 73.0298015,8.6762 72.5682459,8.2082 C72.1126459,7.7402 71.5409126,7.5032 70.8798459,7.5042 C70.2187793,7.5032 69.6490311,7.7402 69.1914459,8.2082 C68.7338607,8.6762 68.5006015,9.2812 68.5006015,10.0002 C68.5006015,10.7192 68.7338607,11.3252 69.1914459,11.7922 L69.3323941,11.6522 C68.9115348,11.2212 68.7011052,10.6772 68.7011052,10.0002 C68.7011052,9.3232 68.9115348,8.7792 69.3323941,8.3482 C69.7592089,7.9162 70.2654311,7.7052 70.8798459,7.7042 C71.4962459,7.7052 72.0044533,7.9162 72.4272978,8.3482 C72.8491496,8.7802 73.0605719,9.3232 73.0605719,10.0002 C73.0605719,10.6772 72.8491496,11.2202 72.4272978,11.6522 C72.0044533,12.0842 71.4962459,12.2962 70.8798459,12.2972 C70.2654311,12.2952 69.7592089,12.0842 69.3323941,11.6522 L69.2629126,11.7222 Z M73.0645422,12.2252 L72.9930756,12.1552 C72.4253126,12.7432 71.7265274,13.0332 70.8798459,13.0342 C70.0321719,13.0332 69.3363644,12.7432 68.7686015,12.1552 L68.7666163,12.1522 L68.7686015,12.1552 C68.2008385,11.5662 67.9199348,10.8552 67.9189422,10.0002 C67.9199348,9.1452 68.2008385,8.4342 68.7686015,7.8452 C69.3363644,7.2572 70.0321719,6.9672 70.8798459,6.9662 C71.7235496,6.9672 72.4173719,7.2592 72.9891052,7.8492 C73.5588533,8.4412 73.839757,9.1512 73.8417422,10.0002 C73.839757,10.8552 73.5608385,11.5662 72.9930756,12.1552 L73.1340237,12.2942 C73.73752,11.6722 74.0412533,10.8992 74.0392681,10.0002 C74.0412533,9.1062 73.7355348,8.3352 73.1300533,7.7102 C72.5275496,7.0822 71.7672237,6.7652 70.8798459,6.7662 C69.9865126,6.7652 69.2281719,7.0812 68.6246756,7.7062 C68.0231644,8.3292 67.7194311,9.1012 67.7204237,10.0002 C67.7194311,10.8992 68.0231644,11.6722 68.6246756,12.2942 L68.6286459,12.2972 L68.6246756,12.2942 C69.2281719,12.9202 69.9865126,13.2352 70.8798459,13.2342 C71.7731793,13.2352 72.5335052,12.9202 73.1340237,12.2942 L73.0645422,12.2252 L73.0645422,12.2252 Z"/>
+    <polygon fill="#FFF" points="75.015 13 75.015 7 75.947 7 78.841 11.667 78.875 11.667 78.841 10.511 78.841 7 79.608 7 79.608 13 78.809 13 75.78 8.106 75.745 8.106 75.78 9.263 75.78 13"/>
+    <polygon fill="#FFF" points="75.015 13 75.114 13 75.114 7.1 75.891 7.1 78.786 11.768 78.977 11.768 78.941 10.51 78.941 7.1 79.506 7.1 79.506 12.9 78.863 12.9 75.835 8.006 75.645 8.006 75.682 9.264 75.682 12.9 75.015 12.9 75.015 13 75.114 13 75.015 13 75.015 13.1 75.879 13.1 75.879 9.261 75.847 8.104 75.745 8.106 75.745 8.206 75.78 8.206 75.78 8.106 75.696 8.159 78.753 13.1 79.707 13.1 79.707 6.9 78.743 6.9 78.743 10.513 78.776 11.67 78.875 11.667 78.875 11.568 78.841 11.568 78.841 11.667 78.925 11.615 76.002 6.9 74.916 6.9 74.916 13.1 75.015 13.1"/>
+    <path fill="#FFF" d="M106.143881,30 L107.995067,30 L107.995067,17.499 L106.143881,17.499 L106.143881,30 Z M122.826385,22.002 L120.70323,27.422 L120.639704,27.422 L118.437141,22.002 L116.440044,22.002 L119.745378,29.577 L117.861437,33.791 L119.794015,33.791 L124.887007,22.002 L122.826385,22.002 Z M112.32277,28.58 C111.715304,28.58 110.870607,28.275 110.870607,27.519 C110.870607,26.554 111.922756,26.184 112.83197,26.184 C113.648874,26.184 114.03003,26.361 114.524341,26.602 C114.381407,27.76 113.392785,28.58 112.32277,28.58 L112.32277,28.58 Z M112.545111,21.729 C111.206104,21.729 109.815481,22.324 109.241763,23.643 L110.885496,24.334 C111.236874,23.643 111.89,23.417 112.577867,23.417 C113.535719,23.417 114.509452,23.996 114.524341,25.026 L114.524341,25.154 C114.189837,24.961 113.472193,24.672 112.593748,24.672 C110.82197,24.672 109.017437,25.653 109.017437,27.486 C109.017437,29.159 110.470593,30.237 112.097452,30.237 C113.344148,30.237 114.03003,29.674 114.4628,29.014 L114.524341,29.014 L114.524341,29.979 L116.312,29.979 L116.312,25.187 C116.312,22.967 114.670252,21.729 112.545111,21.729 L112.545111,21.729 Z M101.099526,23.524 L98.4651852,23.524 L98.4651852,19.239 L101.099526,19.239 C102.484193,19.239 103.271319,20.394 103.271319,21.381 C103.271319,22.35 102.484193,23.524 101.099526,23.524 L101.099526,23.524 Z M101.050889,17.499 L96.6130074,17.499 L96.6130074,30 L98.4651852,30 L98.4651852,25.264 L101.050889,25.264 C103.104563,25.264 105.122504,23.766 105.122504,21.381 C105.122504,18.996 103.104563,17.499 101.050889,17.499 L101.050889,17.499 Z M76.8504889,28.582 C75.571037,28.582 74.5010222,27.503 74.5010222,26.021 C74.5010222,24.523 75.571037,23.427 76.8504889,23.427 C78.1150519,23.427 79.1056593,24.523 79.1056593,26.021 C79.1056593,27.503 78.1150519,28.582 76.8504889,28.582 L76.8504889,28.582 Z M78.9776148,22.702 L78.9130963,22.702 C78.4981926,22.203 77.7001481,21.752 76.6916741,21.752 C74.5804296,21.752 72.6458667,23.62 72.6458667,26.021 C72.6458667,28.405 74.5804296,30.258 76.6916741,30.258 C77.7001481,30.258 78.4981926,29.807 78.9130963,29.291 L78.9776148,29.291 L78.9776148,29.903 C78.9776148,31.531 78.1150519,32.401 76.7224444,32.401 C75.5889037,32.401 74.8851556,31.579 74.5963111,30.886 L72.981363,31.563 C73.4449037,32.691 74.6777037,34.076 76.7224444,34.076 C78.8982074,34.076 80.7374815,32.787 80.7374815,29.646 L80.7374815,22.009 L78.9776148,22.009 L78.9776148,22.702 Z M82.0169333,30 L83.8720889,30 L83.8720889,17.498 L82.0169333,17.498 L82.0169333,30 Z M86.6056889,25.876 C86.5580444,24.233 87.8702519,23.395 88.8122222,23.395 C89.5487259,23.395 90.1710815,23.765 90.3785333,24.297 L86.6056889,25.876 Z M92.3617333,24.458 C92.0113481,23.508 90.9393481,21.752 88.7486963,21.752 C86.5729333,21.752 84.7684,23.475 84.7684,26.005 C84.7684,28.389 86.5580444,30.258 88.9561481,30.258 C90.8926963,30.258 92.0113481,29.066 92.4748889,28.373 L91.0356296,27.406 C90.5572,28.115 89.9001037,28.582 88.9561481,28.582 C88.0131852,28.582 87.3412,28.147 86.9084296,27.294 L92.5542963,24.942 L92.3617333,24.458 Z M47.3903407,23.057 L47.3903407,24.861 L51.675363,24.861 C51.5473185,25.876 51.2118222,26.617 50.700637,27.133 C50.0762963,27.761 49.1005778,28.453 47.3903407,28.453 C44.7520296,28.453 42.6884296,26.311 42.6884296,23.653 C42.6884296,20.994 44.7520296,18.852 47.3903407,18.852 C48.8137185,18.852 49.852963,19.416 50.620237,20.141 L51.8838074,18.868 C50.8118074,17.837 49.3894222,17.047 47.3903407,17.047 C43.7763111,17.047 40.7379852,20.012 40.7379852,23.653 C40.7379852,27.294 43.7763111,30.258 47.3903407,30.258 C49.3407852,30.258 50.8118074,29.614 51.9632148,28.405 C53.1463852,27.213 53.514637,25.538 53.514637,24.184 C53.514637,23.765 53.4828741,23.379 53.4183556,23.057 L47.3903407,23.057 Z M58.3872741,28.582 C57.1078222,28.582 56.0040593,27.519 56.0040593,26.005 C56.0040593,24.474 57.1078222,23.427 58.3872741,23.427 C59.6657333,23.427 60.7694963,24.474 60.7694963,26.005 C60.7694963,27.519 59.6657333,28.582 58.3872741,28.582 L58.3872741,28.582 Z M58.3872741,21.752 C56.0517037,21.752 54.1489037,23.54 54.1489037,26.005 C54.1489037,28.453 56.0517037,30.258 58.3872741,30.258 C60.7218519,30.258 62.6246519,28.453 62.6246519,26.005 C62.6246519,23.54 60.7218519,21.752 58.3872741,21.752 L58.3872741,21.752 Z M67.6312889,28.582 C66.351837,28.582 65.2480741,27.519 65.2480741,26.005 C65.2480741,24.474 66.351837,23.427 67.6312889,23.427 C68.9097481,23.427 70.0135111,24.474 70.0135111,26.005 C70.0135111,27.519 68.9097481,28.582 67.6312889,28.582 L67.6312889,28.582 Z M67.6312889,21.752 C65.2967111,21.752 63.3939111,23.54 63.3939111,26.005 C63.3939111,28.453 65.2967111,30.258 67.6312889,30.258 C69.9668593,30.258 71.8686667,28.453 71.8686667,26.005 C71.8686667,23.54 69.9668593,21.752 67.6312889,21.752 L67.6312889,21.752 Z"/>
+    <g stroke="#FFF" transform="translate(9.43 7)">
+      <path d="M1.42446963.5469C1.13562519.8549.965891852 1.3319.965891852 1.9509L.965891852 24.0489C.965891852 24.6679 1.13562519 25.1449 1.42446963 25.4529L1.49792148 25.5259 13.7852252 13.1469 13.7852252 12.8539 1.49792148.4749 1.42446963.5469M17.8797689 17.2744L13.7853244 13.1464 13.7853244 12.8544 17.8817541 8.7274 22.8268504 11.5574C24.2125096 12.3514 24.2125096 13.6494 22.8268504 14.4424L17.9740652 17.2194 17.8797689 17.2744"/>
+      <path d="M17.9737674,17.2197 L13.7850267,12.9997 L1.42427111,25.4527 C1.8818563,25.9407 2.63622667,25.9997 3.48588593,25.5137 L17.9737674,17.2197"/>
+      <path d="M17.9737674,8.7798 L3.48588593,0.4858 C2.63622667,-0.0002 1.8818563,0.0598 1.42427111,0.5468 L13.7850267,12.9998 L17.9737674,8.7798"/>
+    </g>
+  </g>
+</svg>

web/src/img/money.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="23" height="15" viewBox="0 0 23 15">
+  <defs>
+    <rect id="money-a" width="19" height="11" y="4"/>
+    <rect id="money-b" width="19" height="11" x="2" y="2"/>
+    <rect id="money-c" width="19" height="11" x="4"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#FFF" xlink:href="#money-a"/>
+    <rect width="18" height="10" x=".5" y="4.5" stroke="#979797"/>
+    <use fill="#FFF" xlink:href="#money-b"/>
+    <rect width="18" height="10" x="2.5" y="2.5" stroke="#979797"/>
+    <g>
+      <use fill="#FFF" xlink:href="#money-c"/>
+      <rect width="18" height="10" x="4.5" y=".5" stroke="#979797"/>
+    </g>
+    <text fill="#333" font-family=".HelveticaNeueDeskInterface-Regular, .Helvetica Neue DeskInterface" font-size="8">
+      <tspan x="11" y="8">₽</tspan>
+    </text>
+  </g>
+</svg>

web/src/js/app.js

@@ -0,0 +1,248 @@
+// example of simple includes for js
+//=include lib/jquery.min.js
+//=include lib/owl.carousel.min.js
+//=include lib/jquery-ui.min.js
+//=include lib/datepicker-ru.js
+
+// global
+var mobileWidth = 600;
+
+// header
+(function(){
+    var header = $('.js-header'),
+        menu = header.find('.js-header-menu'),
+        wrap = header.find('.js-header-wrap'),
+        close = header.find('.js-header-close'),
+        section = header.find('.js-header-section'),
+        list = header.find('.js-header-list');
+
+    menu.on('click', function(e){
+        if ($(window).width() < mobileWidth) {
+            e.preventDefault();
+            wrap.addClass('visible');
+        }
+    });
+
+    close.on('click', function(e){
+        if ($(window).width() < mobileWidth) {
+            e.preventDefault();
+            wrap.removeClass('visible');
+            $(window).scrollTop(0);
+        }
+    });
+
+    section.on('click', function(e){
+        if ($(window).width() < mobileWidth) {
+            e.preventDefault();
+            var _this = $(this);
+
+            _this.toggleClass('open');
+            _this.next().slideToggle();
+        }
+    });
+}());
+
+// search
+(function(){
+    var search = $('.js-search'),
+        input = search.find('.js-search-input'),
+        btn = search.find('.js-search-btn');
+
+    btn.on('click', function(e){
+        if ($(window).width() >= mobileWidth) {
+            if (!search.hasClass('open')) {
+                e.preventDefault();
+            }
+            search.addClass('open');
+            setTimeout(function(){
+                input.focus();
+            }, 200);
+        }
+    });
+
+    search.on('click', function(e){
+        e.stopPropagation();
+    });
+
+    $(document).on('click', function(){
+        search.removeClass('open');
+        input.val('');
+    });
+}());
+
+// toggle
+(function(){
+    $('.js-toggle-head').on('click', function(e){
+        e.preventDefault();
+        var _this = $(this);
+        _this.toggleClass('active');
+        _this.next().slideToggle();
+    });
+}());
+
+// auth
+(function(){
+    var auth = $('.js-auth'),
+        type = auth.find('.js-auth-type'),
+        tab = auth.find('.js-auth-tab'),
+        login = auth.find('.js-auth-login'),
+        pass = auth.find('.js-auth-pass'),
+        goPass = auth.find('.js-auth-go-pass'),
+        goEnter = auth.find('.js-auth-go-enter');
+
+    type.on('click', function(e){
+        e.preventDefault();
+        var _this = $(this),
+            index = _this.index();
+
+        type.removeClass('active');
+        _this.addClass('active');
+        tab.hide();
+        tab.eq(index).fadeIn();
+    });
+
+    goPass.on('click', function(e){
+        e.preventDefault();
+
+        login.hide();
+        pass.fadeIn();
+    });
+
+    goEnter.on('click', function(e){
+        e.preventDefault();
+
+        pass.hide();
+        login.fadeIn();
+    });
+}());
+
+// select
+(function(){
+    var select = $('.js-select');
+    if (select.length) {
+        select.each(function(){
+            var _this = $(this),
+                head = _this.find('.js-select-head'),
+                option = _this.find('.js-select-option'),
+                input = _this.find('.js-select-input');
+
+            head.on('click', function(e){
+                e.preventDefault();
+                e.stopPropagation();
+
+                if (_this.hasClass('active')) {
+                    _this.removeClass('active');
+                } else {
+                    select.removeClass('active');
+                    _this.addClass('active');
+                }
+            });
+
+            option.on('click', function(e){
+                e.preventDefault();
+                _this.addClass('selected');
+
+                var _thisOption = $(this),
+                    value = _thisOption.text();
+
+                head.text(value);
+                
+                option.removeClass('active');
+                _thisOption.addClass('active');
+
+                input.val(value);
+            });
+        });
+
+        $(document).on('click', function(){
+            select.removeClass('active');
+        });
+    }
+}());
+
+// datepicker
+(function(){
+    var datepicker = $('.js-datepicker');
+    if (datepicker.length) {
+        $.datepicker.setDefaults( $.datepicker.regional["ru"]);
+        datepicker.each(function(){
+            $(this).datepicker({
+                dateFormat: "dd/mm/yy"
+            });
+        });
+    }
+}());
+
+// tabs
+(function(){
+    var tabs = $('.js-tabs');
+    if (tabs.length) {
+        tabs.each(function(){
+            var _this = $(this),
+                btn = _this.find('.js-tabs-btn'),
+                item = _this.find('.js-tabs-item');
+
+            btn.on('click', function(e){
+                e.preventDefault();
+
+                var _thisBtn = $(this),
+                    index = _thisBtn.index();
+
+                btn.removeClass('active');
+                _thisBtn.addClass('active');
+                item.hide();
+                item.eq(index).fadeIn();
+            });
+        });
+    }
+}());
+
+// popup
+(function(){
+    var body = $('body'),
+        popup;
+
+    $('body').on('click', '[data-popup]', function(e){
+        e.preventDefault();
+        e.stopPropagation();
+
+        var data = $(this).data('popup');
+        popup = $(data);
+        showPopup();
+    });
+
+    $('.js-popup-close').on('click', function(e){
+        e.preventDefault();
+        hidePopup();
+    });
+
+    $('body').on('click', '.js-outer', function(){
+        if (popup != undefined) {
+            hidePopup();
+        }
+    });
+
+    $('.js-popup-wrap').on('click', function(e){
+        e.stopPropagation();
+    });
+
+    $(document).keyup(function(e){
+      if (e.keyCode === 27) hidePopup();
+    });
+
+    function showPopup(){
+        body.addClass('no-scroll');
+        popup.addClass('open');
+        setTimeout(function(){
+            popup.addClass('visible');
+        }, 100);
+    }
+
+    function hidePopup(){
+        body.removeClass('no-scroll');
+        popup.removeClass('visible');
+        setTimeout(function(){
+            popup.removeClass('open');
+        }, 300);
+    }
+}());