From 73037056bc03292ccd9c3678ebde578c48377d5a Mon Sep 17 00:00:00 2001 From: Peter Savchenko Date: Fri, 15 Feb 2019 12:54:48 +0300 Subject: [PATCH] small updates --- public/dist/editor.bundle.js | 2 +- public/dist/main.css | 2 +- src/frontend/js/classes/editor.js | 20 ++++++++++---------- src/frontend/styles/components/landing.pcss | 6 ++++-- src/routes/home.js | 4 ++-- 5 files changed, 18 insertions(+), 16 deletions(-) diff --git a/public/dist/editor.bundle.js b/public/dist/editor.bundle.js index ecfda72..5d5c9de 100644 --- a/public/dist/editor.bundle.js +++ b/public/dist/editor.bundle.js @@ -1,4 +1,4 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{106:function(t,e,n){"use strict";n.r(e),n.d(e,"default",function(){return v});n(6),n(71);var r=n(75),o=n.n(r);function i(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var r={tools:{header:{class:a,inlineToolbar:["link","marker"],config:{placeholder:n.headerPlaceholder||""}},list:{class:d,inlineToolbar:!0},quote:{class:s,inlineToolbar:!0},code:{class:c,shortcut:"CMD+SHIFT+D"},inlineCode:{class:f,shortcut:"CMD+SHIFT+C"},rawTool:{class:p,shortcut:"CMD+SHIFT+R"},marker:{class:u,shortcut:"CMD+SHIFT+M"},delimiter:l,embed:h},data:{blocks:[{type:"header",data:{text:"",level:2}}]}};this.editor=new o.a(Object.assign(r,e))}var e,n,r;return e=t,(n=[{key:"save",value:function(){return this.editor.saver.save()}},{key:"focus",value:function(){document.querySelector(".codex-editor__redactor").click()}}])&&i(e.prototype,n),r&&i(e,r),t}()},62:function(t,e,n){var r=n(63),o=n(17);t.exports=function(t){return r(o(t))}},63:function(t,e,n){var r=n(13);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},64:function(t,e,n){var r=n(35)("keys"),o=n(23);t.exports=function(t){return r[t]||(r[t]=o(t))}},65:function(t,e,n){var r=n(67),o=n(66);t.exports=Object.keys||function(t){return r(t,o)}},66:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},67:function(t,e,n){var r=n(21),o=n(62),i=n(68)(!1),a=n(64)("IE_PROTO");t.exports=function(t,e){var n,s=o(t),u=0,c=[];for(n in s)n!=a&&r(s,n)&&c.push(n);for(;e.length>u;)r(s,n=e[u++])&&(~i(c,n)||c.push(n));return c}},68:function(t,e,n){var r=n(62),o=n(12),i=n(69);t.exports=function(t){return function(e,n,a){var s,u=r(e),c=o(u.length),l=i(a,c);if(t&&n!=n){for(;c>l;)if((s=u[l++])!=s)return!0}else for(;c>l;l++)if((t||l in u)&&u[l]===n)return t||l||0;return!t&&-1}}},69:function(t,e,n){var r=n(16),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},71:function(t,e,n){var r=n(10);r(r.S+r.F,"Object",{assign:n(72)})},72:function(t,e,n){"use strict";var r=n(65),o=n(73),i=n(74),a=n(33),s=n(63),u=Object.assign;t.exports=!u||n(14)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=u({},t)[n]||Object.keys(u({},e)).join("")!=r})?function(t,e){for(var n=a(t),u=arguments.length,c=1,l=o.f,f=i.f;u>c;)for(var d,p=s(arguments[c++]),h=l?r(p).concat(l(p)):r(p),v=h.length,g=0;v>g;)f.call(p,d=h[g++])&&(n[d]=p[d]);return n}:u},73:function(t,e){e.f=Object.getOwnPropertySymbols},74:function(t,e){e.f={}.propertyIsEnumerable},75:function(t,e,n){ +(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{106:function(t,e,n){"use strict";n.r(e),n.d(e,"default",function(){return E});n(6),n(71);var r=n(75),o=n.n(r),i=n(76),a=n.n(i),s=n(77),u=n.n(s),c=n(78),l=n.n(c),f=n(79),d=n.n(f),p=n(80),h=n.n(p),v=n(81),g=n.n(v),y=n(82),m=n.n(y),b=n(83),x=n.n(b),k=(n(84),n(85)),w=n.n(k);function S(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t);var r={tools:{header:{class:a.a,inlineToolbar:["link","marker"],config:{placeholder:n.headerPlaceholder||""}},list:{class:m.a,inlineToolbar:!0},quote:{class:u.a,inlineToolbar:!0},code:{class:d.a,shortcut:"CMD+SHIFT+D"},inlineCode:{class:g.a,shortcut:"CMD+SHIFT+C"},rawTool:{class:x.a,shortcut:"CMD+SHIFT+R"},marker:{class:l.a,shortcut:"CMD+SHIFT+M"},delimiter:h.a,embed:w.a},data:{blocks:[{type:"header",data:{text:"",level:2}}]}};this.editor=new o.a(Object.assign(r,e))}var e,n,r;return e=t,(n=[{key:"save",value:function(){return this.editor.saver.save()}},{key:"focus",value:function(){document.querySelector(".codex-editor__redactor").click()}}])&&S(e.prototype,n),r&&S(e,r),t}()},62:function(t,e,n){var r=n(63),o=n(17);t.exports=function(t){return r(o(t))}},63:function(t,e,n){var r=n(13);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},64:function(t,e,n){var r=n(35)("keys"),o=n(23);t.exports=function(t){return r[t]||(r[t]=o(t))}},65:function(t,e,n){var r=n(67),o=n(66);t.exports=Object.keys||function(t){return r(t,o)}},66:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},67:function(t,e,n){var r=n(21),o=n(62),i=n(68)(!1),a=n(64)("IE_PROTO");t.exports=function(t,e){var n,s=o(t),u=0,c=[];for(n in s)n!=a&&r(s,n)&&c.push(n);for(;e.length>u;)r(s,n=e[u++])&&(~i(c,n)||c.push(n));return c}},68:function(t,e,n){var r=n(62),o=n(12),i=n(69);t.exports=function(t){return function(e,n,a){var s,u=r(e),c=o(u.length),l=i(a,c);if(t&&n!=n){for(;c>l;)if((s=u[l++])!=s)return!0}else for(;c>l;l++)if((t||l in u)&&u[l]===n)return t||l||0;return!t&&-1}}},69:function(t,e,n){var r=n(16),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},71:function(t,e,n){var r=n(10);r(r.S+r.F,"Object",{assign:n(72)})},72:function(t,e,n){"use strict";var r=n(65),o=n(73),i=n(74),a=n(33),s=n(63),u=Object.assign;t.exports=!u||n(14)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=u({},t)[n]||Object.keys(u({},e)).join("")!=r})?function(t,e){for(var n=a(t),u=arguments.length,c=1,l=o.f,f=i.f;u>c;)for(var d,p=s(arguments[c++]),h=l?r(p).concat(l(p)):r(p),v=h.length,g=0;v>g;)f.call(p,d=h[g++])&&(n[d]=p[d]);return n}:u},73:function(t,e){e.f=Object.getOwnPropertySymbols},74:function(t,e){e.f={}.propertyIsEnumerable},75:function(t,e,n){ /*! * Codex Editor * diff --git a/public/dist/main.css b/public/dist/main.css index cca2d1d..dfaf2ed 100644 --- a/public/dist/main.css +++ b/public/dist/main.css @@ -1 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--color-text-main:#1d202b;--color-text-second:#7b7e89;--color-line-gray:#e8e8eb;--color-link-active:#388ae5;--color-button-danger:#ff1629;--color-gray-border:rgba(var(--color-line-gray),0.48);--layout-padding-horisontal:40px;--layout-padding-vertical:40px;--layout-width-aside:200px;--layout-width-main-col:650px}@media (max-width:980px){:root{--layout-padding-horisontal:15px;--layout-padding-vertical:15px}}.docs{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 40px;padding:0 var(--layout-padding-horisontal)}@media (max-width:980px){.docs{-ms-flex-wrap:wrap;flex-wrap:wrap}}.docs__aside{width:200px;width:var(--layout-width-aside)}@media (max-width:980px){.docs__aside{width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;padding:20px 40px!important;padding:20px var(--layout-padding-horisontal)!important;margin:0 -40px;margin:0 calc(-1*var(--layout-padding-horisontal));border-bottom:1px solid #e8e8eb;border-bottom:1px solid var(--color-line-gray)}}.docs__content{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;word-wrap:break-word}@media (max-width:980px){.docs__content{width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}.docs__content-inner{max-width:650px;max-width:var(--layout-width-main-col);margin:0 auto}.docs__aside,.docs__content{padding:40px 0;padding:var(--layout-padding-vertical) 0}@media (max-width:980px){.docs__aside,.docs__content{padding:20px 0}}.docs-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 40px;padding:0 var(--layout-padding-horisontal);border-bottom:1px solid #e8e8eb;border-bottom:1px solid var(--color-line-gray);font-size:15.8px;line-height:50px;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.docs-header a{display:inline-block;text-decoration:none}.docs-header__logo{font-weight:700;color:inherit}.docs-header__menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 0 auto;padding-left:0}@media (max-width:980px){.docs-header__menu{-ms-flex-preferred-size:100%;flex-basis:100%;font-size:12px}}.docs-header__menu li{list-style:none;margin-left:20px}@media (max-width:980px){.docs-header__menu li{margin-left:0;margin-right:15px}}@media (max-width:980px){.docs-header__menu-add{position:absolute;right:15px;top:15px;line-height:1em;margin:0!important}}@media (max-width:980px){.docs-header__menu-add a{font-size:0;padding:8px;margin-right:0}}.docs-header__menu a:not(.docs-header__button){color:inherit}.docs-header__menu a:not(.docs-header__button):hover{color:#388ae5;color:var(--color-link-active)}.docs-header__button{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#388ae5;background:var(--color-link-active);color:#fff;-webkit-box-shadow:none;box-shadow:none}.docs-header__button svg{margin:0 .3em 0 -.05em}.docs-header__button:hover{background:#387ecc}.docs-header__button{margin:auto 30px auto auto}.docs-aside{font-size:15px;color:#7b7e89;color:var(--color-text-second)}@media (max-width:980px){.docs-aside{font-size:13px;display:none;margin-top:20px}}.docs-aside--toggled{display:block!important}.docs-aside a{text-decoration:none}.docs-aside__section{margin-bottom:30px}@media (max-width:980px){.docs-aside__section{margin-bottom:20px}}.docs-aside__section:last-of-type{margin-bottom:0}.docs-aside__section-title{margin-bottom:15px;color:#388ae5;color:var(--color-link-active)}@media (max-width:980px){.docs-aside__section-title{margin-bottom:10px}}.docs-aside__section-list{padding-left:0;list-style:none}.docs-aside__section-list a{display:inline-block;color:inherit;padding:8px 0}.docs-aside-toggler{display:none;font-size:13px;cursor:pointer;color:#7b7e89;color:var(--color-text-second)}@media (max-width:980px){.docs-aside-toggler{display:block}}.docs-aside-toggler svg{margin-right:10px}.writing-header{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;padding:15px 0;margin-top:-40px;margin-top:calc(-1*var(--layout-padding-vertical));background:#fff;-webkit-box-shadow:0 3px 10px #fff;box-shadow:0 3px 10px #fff;z-index:2}.writing-header__save{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#388ae5;background:var(--color-link-active);color:#fff;-webkit-box-shadow:none;box-shadow:none}.writing-header__save svg{margin:0 .3em 0 -.05em}.writing-header__save:hover{background:#387ecc}.writing-header__save{margin-left:auto}.writing-header__left{margin:auto 0;color:#7b7e89;color:var(--color-text-second)}.writing-header__left span{margin-right:10px}.writing-buttons__remove{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#ff1629;background:var(--color-button-danger);color:#fff;-webkit-box-shadow:none;box-shadow:none}.writing-buttons__remove svg{margin:0 .3em 0 -.05em}.writing-buttons__remove:hover{background:#e61627}.uri-input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px 12px;border-radius:3px;border:1px solid rgba(201,201,204,.48);-webkit-box-shadow:inset 0 1px 2px 0 rgba(35,44,72,.06);box-shadow:inset 0 1px 2px 0 rgba(35,44,72,.06);outline:none}.page{font-size:16px;line-height:1.6}.page__header{display:-webkit-box;display:-ms-flexbox;display:flex;color:#7b7e89;color:var(--color-text-second)}@media (max-width:980px){.page__header{font-size:13px}}.page__header-nav{color:inherit;text-decoration:none}@media (max-width:980px){.page__header-nav{display:none}}.page__header-nav:hover{color:#388ae5;color:var(--color-link-active)}.page__header-nav:not(:last-of-type):after{content:"\BB";margin:0 .7em 0 .45em}.page__header-time{margin-left:auto}@media (max-width:980px){.page__header-time{margin-left:0}}.page__header-button{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#388ae5;background:var(--color-link-active);color:#fff;-webkit-box-shadow:none;box-shadow:none}.page__header-button svg{margin:0 .3em 0 -.05em}.page__header-button:hover{background:#387ecc}.page__header-button{padding:5px 10px;font-size:13px;margin-left:10px}.page__title{font-size:26px;font-weight:700;letter-spacing:-.04px;margin-bottom:-.2em}.block-header{margin:1.5em 0 .5em}.block-header--2{font-size:22px;font-weight:500}.block-header--3{font-size:18px;font-weight:500}.block-code{padding:20px!important;border-radius:3px;font-size:13px;border:1px solid #e8e8eb;border:1px solid var(--color-line-gray);font-family:Menlo,Monaco,Consolas,Courier New,monospace;line-height:1.7em}.block-list li{margin:10px 0}.editor-landing{width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editor-landing a{text-decoration:none}.editor-landing__logo{position:relative;content:"";width:84px;height:84px;margin:auto}@media (max-width:980px){.editor-landing__logo{width:50px;height:50px}}.editor-landing__logo-main{position:absolute;-webkit-animation:logoIn .5s cubic-bezier(.5,1.05,1,1) 1;animation:logoIn .5s cubic-bezier(.5,1.05,1,1) 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform,filter;z-index:2;left:0}@media (max-width:980px){.editor-landing__logo-main svg{width:50px}}.editor-landing__logo-shadow{position:absolute;left:-38px;z-index:1;-webkit-animation:logoShadow .5s cubic-bezier(.5,1.05,1,1) 1;animation:logoShadow .5s cubic-bezier(.5,1.05,1,1) 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform,opacity}@media (max-width:980px){.editor-landing__logo-shadow{left:-21px;margin-top:-13px}.editor-landing__logo-shadow svg{width:92px}}.editor-landing__info{padding-top:300px;padding-bottom:70px;background-image:-webkit-gradient(linear,left bottom, left top,from(#fff),to(#eef7ff));background-image:linear-gradient(0deg,#fff,#eef7ff);text-align:center}.editor-landing__title{margin:20px 0 0;line-height:1.2em;font-size:50px;letter-spacing:.23px;color:#000;font-weight:600}@media (max-width:980px){.editor-landing__title{margin-top:25px;font-size:30px}}.editor-landing__description{font-size:17.3px;letter-spacing:.13px;line-height:1.5em;color:#868da1;margin-top:20px}@media (max-width:980px){.editor-landing__description{font-size:15px;margin-top:10px}}.editor-landing__cta{display:inline-block;margin-top:40px;padding:13px 19px;border-radius:30px;background:#388ffe;-webkit-box-shadow:0 9px 12px -6px rgba(11,132,242,.78);box-shadow:0 9px 12px -6px rgba(11,132,242,.78);font-size:16px;color:#fff;-webkit-transition:all .15s ease;transition:all .15s ease;will-change:background-color,box-shadow}.editor-landing__cta:hover{color:#fff;background:#3684fe;-webkit-box-shadow:0 9px 16px -6px rgba(11,132,242,.78);box-shadow:0 9px 16px -6px rgba(11,132,242,.78)}.editor-landing__menu{text-align:left;font-size:14px;position:fixed;right:7vw;top:150px}@media (max-width:1400px){.editor-landing__menu{right:4.5vw}}@media (max-width:1330px){.editor-landing__menu{position:absolute;padding:20px;right:45px;top:55px}}@media (max-width:980px){.editor-landing__menu{position:absolute;padding:20px;left:0;top:45px}}.editor-landing__menu a{color:inherit;display:inline-block;border-bottom:1px solid rgba(93,100,134,.2);margin-bottom:6px}.editor-landing__version{display:inline-block;padding:5px 8px;line-height:1em;border-radius:30px;background:#111;font-size:10px;color:#fff;margin-right:-70px;margin-left:3px}.editor-landing__demo{background:#eef5fa;border-radius:100px;max-width:950px;margin:0 auto;padding:70px 60px}@media (max-width:1550px){.editor-landing__demo{max-width:850px}}@media (max-width:980px){.editor-landing__demo{padding:15px;border-radius:0}}.editor-landing__demo-inner{background:#fff;border-radius:8px;-webkit-box-shadow:0 24px 24px -18px rgba(69,104,129,.33),0 9px 45px 0 rgba(114,119,160,.12);box-shadow:0 24px 24px -18px rgba(69,104,129,.33),0 9px 45px 0 rgba(114,119,160,.12);padding:70px 50px;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:980px){.editor-landing__demo-inner{padding:20px}}.editor-landing__demo-inner,.editor-landing__demo .codex-editor__redactor{min-height:450px}@media (max-width:980px){.editor-landing__demo-inner,.editor-landing__demo .codex-editor__redactor{min-height:100px}}.editor-landing__preview{max-width:650px;max-width:var(--layout-width-main-col);margin:0 auto;color:rgba(34,78,111,.75);position:relative}.editor-landing__preview:after{content:"";position:absolute;right:0;top:0;bottom:0;width:150px;background:-webkit-gradient(linear,left top, right top,from(rgba(238,245,250,0)),to(#eef5fa));background:linear-gradient(90deg,rgba(238,245,250,0),#eef5fa);z-index:2}.editor-landing__preview-inner{overflow:auto;font-size:14px;line-height:1.5em;letter-spacing:.1px}.editor-landing__section-header{font-size:16px;max-width:375px;margin:50px auto;line-height:1.5em;text-align:center;color:#606578}@media (max-width:980px){.editor-landing__section-header{font-size:14px;max-width:70vw}}.editor-landing__section-header header{font-weight:600;margin-bottom:13px}@media (max-width:980px){.editor-landing__section-header header{font-size:16px}}.editor-landing__section-header--big{margin:130px auto;line-height:24px}@media (max-width:980px){.editor-landing__section-header--big{margin:50px auto}}.editor-landing__section-header--big header{font-size:26px;margin-bottom:20px}@media (max-width:980px){.editor-landing__section-header--big header{font-size:20px;margin-bottom:10px}}.editor-landing .sc_attr{color:#373742}.editor-landing .sc_toolname{color:#db1029}.editor-landing .sc_tag{color:#0483d8}.editor-landing .sc_key{color:#6e4998}.editor-landing .sc_bool{color:#f73cad}.editor-landing .sc_digit{color:#196ff8}.editor-landing__loved-by{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}@media (max-width:980px){.editor-landing__loved-by{margin-bottom:80px}}.editor-landing__loved-by-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px}.editor-landing__loved-by-item:not(:last-of-type):after{content:"";width:3px;height:100%;margin-right:27px;margin-left:29px;background:#e0e0e0}.editor-landing__plugins{max-width:650px;margin:0 auto}@media (max-width:980px){.editor-landing__plugins{padding:20px}}.editor-landing__plugins-title{font-size:24px;margin-bottom:15px}@media (max-width:980px){.editor-landing__plugins-title{font-size:20px;margin-bottom:10px}}.editor-landing__plugins-description{margin-bottom:30px;font-size:16px;line-height:1.65em;color:#606578}@media (max-width:980px){.editor-landing__plugins-description{font-size:14px}}.editor-landing__plugins-filter{margin:30px 0}@media (max-width:980px){.editor-landing__plugins-filter{margin:15px 0 20px}}.editor-landing__plugins-filter-button{font-size:15px;font-weight:500;color:#343434;vertical-align:middle;cursor:pointer}.editor-landing__plugins-filter-button svg{vertical-align:middle;margin:-3px 6px 0 3px}.editor-landing__plugins-filter-button:not(:last-of-type){margin-right:17px}.editor-landing__contribute,.editor-landing__more-plugins{font-size:15px;color:#7b7e89;cursor:pointer}@media (max-width:980px){.editor-landing__contribute,.editor-landing__more-plugins{margin-top:10px}}.editor-landing__contribute svg,.editor-landing__more-plugins svg{width:9px;height:9px;fill:currentColor;vertical-align:middle}@media (max-width:980px){.editor-landing__contribute svg,.editor-landing__more-plugins svg{display:none}}.editor-landing__more-plugins{float:left}@media (max-width:980px){.editor-landing__more-plugins{float:none}}.editor-landing__contribute{float:right}@media (max-width:980px){.editor-landing__contribute{display:none}}.editor-landing__contribute svg{margin:-3px 3px 0 0}.editor-landing .codex-editor__redactor{padding-bottom:120px}.editor-landing__star{position:relative;display:inline-block;margin-top:60px}.editor-landing__star-line{position:absolute;width:130px;height:10px;left:51.5%;top:36%;z-index:-1}.editor-landing__star-line:first-of-type{-webkit-transform:translateX(-50%) rotate(-22deg);transform:translateX(-50%) rotate(-22deg)}.editor-landing__star-line:nth-of-type(2){-webkit-transform:rotate(-90deg);transform:rotate(-90deg);left:-11px;top:13px;width:90px}.editor-landing__star-line:nth-of-type(3){-webkit-transform:translateX(-50%) rotate(22deg);transform:translateX(-50%) rotate(22deg)}.editor-landing__star-line:after,.editor-landing__star-line:before{content:"";display:inline-block;width:15px;height:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5.5H0v-1h6v-4L15 5 6 9.5z' fill='%23B6B9C0'/%3E%3C/svg%3E");position:absolute;top:0}.editor-landing__star-line:before{left:0;-webkit-animation:arrow-moving-left 1s ease infinite;animation:arrow-moving-left 1s ease infinite}.editor-landing__star-line:after{right:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4.5h6v1H9v4L0 5 9 .5v4z' fill='%23B6B9C0'/%3E%3C/svg%3E");-webkit-animation:arrow-moving-right 1s ease infinite;animation:arrow-moving-right 1s ease infinite}@-webkit-keyframes arrow-moving-left{50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes arrow-moving-left{50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@-webkit-keyframes arrow-moving-right{50%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes arrow-moving-right{50%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.editor-plugin{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px;border-radius:7px;-webkit-box-shadow:0 3px 11px rgba(125,128,147,.23);box-shadow:0 3px 11px rgba(125,128,147,.23);min-height:90px;padding:20px 120px 20px 20px}@media (max-width:980px){.editor-plugin{padding-right:100px}}.editor-plugin__title{font-size:18px;color:#000;display:inline-block;margin:0 5px 4px 0}@media (max-width:980px){.editor-plugin__title{font-size:16px}}.editor-plugin__label{display:inline-block;font-size:18px;color:#606578;border-radius:3px;font-weight:500;opacity:.4;line-height:1em;margin-top:-5px}@media (max-width:980px){.editor-plugin__label{font-size:16px}}.editor-plugin__description{font-size:14px;color:#606578}.editor-plugin__contributors{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto}@media (max-width:980px){.editor-plugin__contributors{margin-top:15px}}.editor-plugin__contributors-item{display:inline-block;overflow:hidden;border-radius:4px;width:18px;height:18px}.editor-plugin__contributors-item img{width:100%;height:100%}.editor-plugin__contributors-item:not(:last-of-type){margin-right:6px}.editor-plugin__demo{position:absolute;right:20px;top:15px;margin-left:45px}.editor-plugin__demo img,.editor-plugin__demo video{height:90px}@media (max-width:980px){.editor-plugin__demo img,.editor-plugin__demo video{height:40px}}.editor-plugin--your-own .editor-plugin__title{color:#7b7e89}.editor-plugin--your-own .editor-plugin__description{display:inline-block}.editor-plugin--your-own .editor-plugin__demo{position:static;margin-left:0}.editor-plugin--your-own .editor-plugin__demo pre{font-size:12px;line-height:2em;font-family:Menlo,Monaco,Consolas,Courier New,monospace;margin:15px 0;font-weight:500;color:#484554}@media (max-width:980px){.editor-plugin--your-own .editor-plugin__demo pre{font-size:10px;overflow:auto}}.editor-plugin--your-own .editor-plugin__footer{margin-top:20px}@-webkit-keyframes logoIn{0%{-webkit-transform:translateY(-80px) scaleY(1.3);transform:translateY(-80px) scaleY(1.3);-webkit-filter:blur(4px);filter:blur(4px)}60%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}70%{-webkit-transform:translateY(5px) scaleY(.92);transform:translateY(5px) scaleY(.92)}80%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes logoIn{0%{-webkit-transform:translateY(-80px) scaleY(1.3);transform:translateY(-80px) scaleY(1.3);-webkit-filter:blur(4px);filter:blur(4px)}60%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}70%{-webkit-transform:translateY(5px) scaleY(.92);transform:translateY(5px) scaleY(.92)}80%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes logoShadow{0%{-webkit-transform:scale(1.6,.9);transform:scale(1.6,.9);opacity:0}70%{-webkit-transform:scale(.8) translateY(-10px);transform:scale(.8) translateY(-10px);opacity:1}to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}}@keyframes logoShadow{0%{-webkit-transform:scale(1.6,.9);transform:scale(1.6,.9);opacity:0}70%{-webkit-transform:scale(.8) translateY(-10px);transform:scale(.8) translateY(-10px);opacity:1}to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Verdana;color:#1d202b;color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg{fill:currentColor} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--color-text-main:#1d202b;--color-text-second:#7b7e89;--color-line-gray:#e8e8eb;--color-link-active:#388ae5;--color-button-danger:#ff1629;--color-gray-border:rgba(var(--color-line-gray),0.48);--layout-padding-horisontal:40px;--layout-padding-vertical:40px;--layout-width-aside:200px;--layout-width-main-col:650px}@media (max-width:980px){:root{--layout-padding-horisontal:15px;--layout-padding-vertical:15px}}.docs{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 40px;padding:0 var(--layout-padding-horisontal)}@media (max-width:980px){.docs{-ms-flex-wrap:wrap;flex-wrap:wrap}}.docs__aside{width:200px;width:var(--layout-width-aside)}@media (max-width:980px){.docs__aside{width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;padding:20px 40px!important;padding:20px var(--layout-padding-horisontal)!important;margin:0 -40px;margin:0 calc(-1*var(--layout-padding-horisontal));border-bottom:1px solid #e8e8eb;border-bottom:1px solid var(--color-line-gray)}}.docs__content{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;word-wrap:break-word}@media (max-width:980px){.docs__content{width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}.docs__content-inner{max-width:650px;max-width:var(--layout-width-main-col);margin:0 auto}.docs__aside,.docs__content{padding:40px 0;padding:var(--layout-padding-vertical) 0}@media (max-width:980px){.docs__aside,.docs__content{padding:20px 0}}.docs-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 40px;padding:0 var(--layout-padding-horisontal);border-bottom:1px solid #e8e8eb;border-bottom:1px solid var(--color-line-gray);font-size:15.8px;line-height:50px;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.docs-header a{display:inline-block;text-decoration:none}.docs-header__logo{font-weight:700;color:inherit}.docs-header__menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 0 auto;padding-left:0}@media (max-width:980px){.docs-header__menu{-ms-flex-preferred-size:100%;flex-basis:100%;font-size:12px}}.docs-header__menu li{list-style:none;margin-left:20px}@media (max-width:980px){.docs-header__menu li{margin-left:0;margin-right:15px}}@media (max-width:980px){.docs-header__menu-add{position:absolute;right:15px;top:15px;line-height:1em;margin:0!important}}@media (max-width:980px){.docs-header__menu-add a{font-size:0;padding:8px;margin-right:0}}.docs-header__menu a:not(.docs-header__button){color:inherit}.docs-header__menu a:not(.docs-header__button):hover{color:#388ae5;color:var(--color-link-active)}.docs-header__button{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#388ae5;background:var(--color-link-active);color:#fff;-webkit-box-shadow:none;box-shadow:none}.docs-header__button svg{margin:0 .3em 0 -.05em}.docs-header__button:hover{background:#387ecc}.docs-header__button{margin:auto 30px auto auto}.docs-aside{font-size:15px;color:#7b7e89;color:var(--color-text-second)}@media (max-width:980px){.docs-aside{font-size:13px;display:none;margin-top:20px}}.docs-aside--toggled{display:block!important}.docs-aside a{text-decoration:none}.docs-aside__section{margin-bottom:30px}@media (max-width:980px){.docs-aside__section{margin-bottom:20px}}.docs-aside__section:last-of-type{margin-bottom:0}.docs-aside__section-title{margin-bottom:15px;color:#388ae5;color:var(--color-link-active)}@media (max-width:980px){.docs-aside__section-title{margin-bottom:10px}}.docs-aside__section-list{padding-left:0;list-style:none}.docs-aside__section-list a{display:inline-block;color:inherit;padding:8px 0}.docs-aside-toggler{display:none;font-size:13px;cursor:pointer;color:#7b7e89;color:var(--color-text-second)}@media (max-width:980px){.docs-aside-toggler{display:block}}.docs-aside-toggler svg{margin-right:10px}.writing-header{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;padding:15px 0;margin-top:-40px;margin-top:calc(-1*var(--layout-padding-vertical));background:#fff;-webkit-box-shadow:0 3px 10px #fff;box-shadow:0 3px 10px #fff;z-index:2}.writing-header__save{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#388ae5;background:var(--color-link-active);color:#fff;-webkit-box-shadow:none;box-shadow:none}.writing-header__save svg{margin:0 .3em 0 -.05em}.writing-header__save:hover{background:#387ecc}.writing-header__save{margin-left:auto}.writing-header__left{margin:auto 0;color:#7b7e89;color:var(--color-text-second)}.writing-header__left span{margin-right:10px}.writing-buttons__remove{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#ff1629;background:var(--color-button-danger);color:#fff;-webkit-box-shadow:none;box-shadow:none}.writing-buttons__remove svg{margin:0 .3em 0 -.05em}.writing-buttons__remove:hover{background:#e61627}.uri-input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px 12px;border-radius:3px;border:1px solid rgba(201,201,204,.48);-webkit-box-shadow:inset 0 1px 2px 0 rgba(35,44,72,.06);box-shadow:inset 0 1px 2px 0 rgba(35,44,72,.06);outline:none}.page{font-size:16px;line-height:1.6}.page__header{display:-webkit-box;display:-ms-flexbox;display:flex;color:#7b7e89;color:var(--color-text-second)}@media (max-width:980px){.page__header{font-size:13px}}.page__header-nav{color:inherit;text-decoration:none}@media (max-width:980px){.page__header-nav{display:none}}.page__header-nav:hover{color:#388ae5;color:var(--color-link-active)}.page__header-nav:not(:last-of-type):after{content:"\BB";margin:0 .7em 0 .45em}.page__header-time{margin-left:auto}@media (max-width:980px){.page__header-time{margin-left:0}}.page__header-button{display:inline-block;padding:9px 15px;border-radius:3px;color:#6c6375;background:#fcfcff;-webkit-box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);box-shadow:inset 0 0 0 1px rgba(184,189,206,.2);font-size:14px;line-height:1em;text-decoration:none;cursor:pointer;white-space:nowrap;background:#388ae5;background:var(--color-link-active);color:#fff;-webkit-box-shadow:none;box-shadow:none}.page__header-button svg{margin:0 .3em 0 -.05em}.page__header-button:hover{background:#387ecc}.page__header-button{padding:5px 10px;font-size:13px;margin-left:10px}.page__title{font-size:26px;font-weight:700;letter-spacing:-.04px;margin-bottom:-.2em}.block-header{margin:1.5em 0 .5em}.block-header--2{font-size:22px;font-weight:500}.block-header--3{font-size:18px;font-weight:500}.block-code{padding:20px!important;border-radius:3px;font-size:13px;border:1px solid #e8e8eb;border:1px solid var(--color-line-gray);font-family:Menlo,Monaco,Consolas,Courier New,monospace;line-height:1.7em}.block-list li{margin:10px 0}.editor-landing{width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editor-landing a{text-decoration:none}.editor-landing__logo{position:relative;content:"";width:84px;height:84px;margin:auto}@media (max-width:980px){.editor-landing__logo{width:50px;height:50px}}.editor-landing__logo-main{position:absolute;-webkit-animation:logoIn .5s cubic-bezier(.5,1.05,1,1) 1;animation:logoIn .5s cubic-bezier(.5,1.05,1,1) 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform,filter;z-index:2;left:0}@media (max-width:980px){.editor-landing__logo-main svg{width:50px}}.editor-landing__logo-shadow{position:absolute;left:-38px;z-index:1;-webkit-animation:logoShadow .5s cubic-bezier(.5,1.05,1,1) 1;animation:logoShadow .5s cubic-bezier(.5,1.05,1,1) 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;will-change:transform,opacity}@media (max-width:980px){.editor-landing__logo-shadow{left:-21px;margin-top:-13px}.editor-landing__logo-shadow svg{width:92px}}.editor-landing__info{padding-top:300px;padding-bottom:70px;background-image:-webkit-gradient(linear,left bottom, left top,from(#fff),to(#eef7ff));background-image:linear-gradient(0deg,#fff,#eef7ff);text-align:center}.editor-landing__title{margin:20px 0 0;line-height:1.2em;font-size:50px;letter-spacing:.23px;color:#000;font-weight:600}@media (max-width:980px){.editor-landing__title{margin-top:25px;font-size:30px}}.editor-landing__description{font-size:17.3px;letter-spacing:.13px;line-height:1.5em;color:#868da1;margin-top:20px}@media (max-width:980px){.editor-landing__description{font-size:15px;margin-top:10px}}.editor-landing__cta{display:inline-block;margin-top:40px;padding:13px 19px;border-radius:30px;background:#388ffe;-webkit-box-shadow:0 9px 12px -6px rgba(11,132,242,.78);box-shadow:0 9px 12px -6px rgba(11,132,242,.78);font-size:16px;color:#fff;-webkit-transition:all .15s ease;transition:all .15s ease;will-change:background-color,box-shadow}.editor-landing__cta:hover{color:#fff;background:#3684fe;-webkit-box-shadow:0 9px 16px -6px rgba(11,132,242,.78);box-shadow:0 9px 16px -6px rgba(11,132,242,.78)}.editor-landing__menu{text-align:left;font-size:14px;position:fixed;right:7vw;top:150px;line-height:1.5em}@media (max-width:1400px){.editor-landing__menu{right:4.5vw}}@media (max-width:1330px){.editor-landing__menu{position:absolute;padding:20px;right:45px;top:55px}}@media (max-width:980px){.editor-landing__menu{position:absolute;padding:15px;left:0;top:100px}}.editor-landing__menu a{color:inherit;display:inline-block;border-bottom:1px solid rgba(93,100,134,.2);margin-bottom:6px}.editor-landing__version{display:inline-block;padding:5px 8px;line-height:1em;border-radius:30px;background:#111;font-size:10px;color:#fff;margin-right:-70px;margin-left:3px}.editor-landing__demo{background:#eef5fa;border-radius:100px;max-width:950px;margin:0 auto;padding:70px 60px}@media (max-width:1550px){.editor-landing__demo{max-width:850px}}@media (max-width:980px){.editor-landing__demo{padding:15px;border-radius:0}}.editor-landing__demo-inner{background:#fff;border-radius:8px;-webkit-box-shadow:0 24px 24px -18px rgba(69,104,129,.33),0 9px 45px 0 rgba(114,119,160,.12);box-shadow:0 24px 24px -18px rgba(69,104,129,.33),0 9px 45px 0 rgba(114,119,160,.12);padding:70px 50px;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:980px){.editor-landing__demo-inner{padding:20px}}.editor-landing__demo-inner,.editor-landing__demo .codex-editor__redactor{min-height:450px}@media (max-width:980px){.editor-landing__demo-inner,.editor-landing__demo .codex-editor__redactor{min-height:100px}}.editor-landing__preview{max-width:650px;max-width:var(--layout-width-main-col);margin:0 auto;color:rgba(34,78,111,.75);position:relative}.editor-landing__preview:after{content:"";position:absolute;right:0;top:0;bottom:0;width:150px;background:-webkit-gradient(linear,left top, right top,from(rgba(238,245,250,0)),to(#eef5fa));background:linear-gradient(90deg,rgba(238,245,250,0),#eef5fa);z-index:2}.editor-landing__preview-inner{overflow:auto;font-size:14px;line-height:1.5em;letter-spacing:.1px}.editor-landing__section-header{font-size:16px;max-width:375px;margin:50px auto;line-height:1.5em;text-align:center;color:#606578}@media (max-width:980px){.editor-landing__section-header{font-size:14px;max-width:70vw}}.editor-landing__section-header header{font-weight:600;margin-bottom:13px}@media (max-width:980px){.editor-landing__section-header header{font-size:16px}}.editor-landing__section-header--big{margin:130px auto;line-height:24px}@media (max-width:980px){.editor-landing__section-header--big{margin:50px auto}}.editor-landing__section-header--big header{font-size:26px;margin-bottom:20px}@media (max-width:980px){.editor-landing__section-header--big header{font-size:20px;margin-bottom:10px}}.editor-landing .sc_attr{color:#373742}.editor-landing .sc_toolname{color:#db1029}.editor-landing .sc_tag{color:#0483d8}.editor-landing .sc_key{color:#6e4998}.editor-landing .sc_bool{color:#f73cad}.editor-landing .sc_digit{color:#196ff8}.editor-landing__loved-by{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}@media (max-width:980px){.editor-landing__loved-by{margin-bottom:80px}}.editor-landing__loved-by-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px}.editor-landing__loved-by-item:not(:last-of-type):after{content:"";width:3px;height:100%;margin-right:27px;margin-left:29px;background:#e0e0e0}.editor-landing__plugins{max-width:650px;margin:0 auto}@media (max-width:980px){.editor-landing__plugins{padding:20px}}.editor-landing__plugins-title{font-size:24px;margin-bottom:15px}@media (max-width:980px){.editor-landing__plugins-title{font-size:20px;margin-bottom:10px}}.editor-landing__plugins-description{margin-bottom:30px;font-size:16px;line-height:1.65em;color:#606578}@media (max-width:980px){.editor-landing__plugins-description{font-size:14px}}.editor-landing__plugins-filter{margin:30px 0}@media (max-width:980px){.editor-landing__plugins-filter{margin:15px 0 20px}}.editor-landing__plugins-filter-button{font-size:15px;font-weight:500;color:#343434;vertical-align:middle;cursor:pointer}.editor-landing__plugins-filter-button svg{vertical-align:middle;margin:-3px 6px 0 3px}.editor-landing__plugins-filter-button:not(:last-of-type){margin-right:17px}.editor-landing__contribute,.editor-landing__more-plugins{font-size:15px;color:#7b7e89;cursor:pointer}@media (max-width:980px){.editor-landing__contribute,.editor-landing__more-plugins{margin-top:10px}}.editor-landing__contribute svg,.editor-landing__more-plugins svg{width:9px;height:9px;fill:currentColor;vertical-align:middle}@media (max-width:980px){.editor-landing__contribute svg,.editor-landing__more-plugins svg{display:none}}.editor-landing__more-plugins{float:left}@media (max-width:980px){.editor-landing__more-plugins{float:none}}.editor-landing__contribute{float:right}@media (max-width:980px){.editor-landing__contribute{display:none}}.editor-landing__contribute svg{margin:-3px 3px 0 0}.editor-landing .codex-editor__redactor{padding-bottom:120px}.editor-landing__star{position:relative;display:inline-block;margin-top:60px}.editor-landing__star-line{position:absolute;width:130px;height:10px;left:51.5%;top:36%;z-index:-1}.editor-landing__star-line:first-of-type{-webkit-transform:translateX(-50%) rotate(-22deg);transform:translateX(-50%) rotate(-22deg)}.editor-landing__star-line:nth-of-type(2){-webkit-transform:rotate(-90deg);transform:rotate(-90deg);left:-11px;top:13px;width:90px}.editor-landing__star-line:nth-of-type(3){-webkit-transform:translateX(-50%) rotate(22deg);transform:translateX(-50%) rotate(22deg)}.editor-landing__star-line:after,.editor-landing__star-line:before{content:"";display:inline-block;width:15px;height:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 5.5H0v-1h6v-4L15 5 6 9.5z' fill='%23B6B9C0'/%3E%3C/svg%3E");position:absolute;top:0}.editor-landing__star-line:before{left:0;-webkit-animation:arrow-moving-left 1s ease infinite;animation:arrow-moving-left 1s ease infinite}.editor-landing__star-line:after{right:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 4.5h6v1H9v4L0 5 9 .5v4z' fill='%23B6B9C0'/%3E%3C/svg%3E");-webkit-animation:arrow-moving-right 1s ease infinite;animation:arrow-moving-right 1s ease infinite}@-webkit-keyframes arrow-moving-left{50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes arrow-moving-left{50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@-webkit-keyframes arrow-moving-right{50%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes arrow-moving-right{50%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.editor-plugin{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px;border-radius:7px;-webkit-box-shadow:0 3px 11px rgba(125,128,147,.23);box-shadow:0 3px 11px rgba(125,128,147,.23);min-height:90px;padding:20px 120px 20px 20px}@media (max-width:980px){.editor-plugin{padding-right:100px}}.editor-plugin__title{font-size:18px;color:#000;display:inline-block;margin:0 5px 4px 0}@media (max-width:980px){.editor-plugin__title{font-size:16px}}.editor-plugin__label{display:inline-block;font-size:18px;color:#606578;border-radius:3px;font-weight:500;opacity:.4;line-height:1em;margin-top:-5px}@media (max-width:980px){.editor-plugin__label{font-size:16px}}.editor-plugin__description{font-size:14px;color:#606578}.editor-plugin__contributors{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto}@media (max-width:980px){.editor-plugin__contributors{margin-top:15px}}.editor-plugin__contributors-item{display:inline-block;overflow:hidden;border-radius:4px;width:18px;height:18px}.editor-plugin__contributors-item img{width:100%;height:100%}.editor-plugin__contributors-item:not(:last-of-type){margin-right:6px}.editor-plugin__demo{position:absolute;right:20px;top:15px;margin-left:45px}.editor-plugin__demo img,.editor-plugin__demo video{height:90px}@media (max-width:980px){.editor-plugin__demo img,.editor-plugin__demo video{height:40px}}.editor-plugin--your-own .editor-plugin__title{color:#7b7e89}.editor-plugin--your-own .editor-plugin__description{display:inline-block}.editor-plugin--your-own .editor-plugin__demo{position:static;margin-left:0}.editor-plugin--your-own .editor-plugin__demo pre{font-size:12px;line-height:2em;font-family:Menlo,Monaco,Consolas,Courier New,monospace;margin:15px 0;font-weight:500;color:#484554}@media (max-width:980px){.editor-plugin--your-own .editor-plugin__demo pre{font-size:10px;overflow:auto}}.editor-plugin--your-own .editor-plugin__footer{margin-top:20px;font-size:14px}@-webkit-keyframes logoIn{0%{-webkit-transform:translateY(-80px) scaleY(1.3);transform:translateY(-80px) scaleY(1.3);-webkit-filter:blur(4px);filter:blur(4px)}60%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}70%{-webkit-transform:translateY(5px) scaleY(.92);transform:translateY(5px) scaleY(.92)}80%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes logoIn{0%{-webkit-transform:translateY(-80px) scaleY(1.3);transform:translateY(-80px) scaleY(1.3);-webkit-filter:blur(4px);filter:blur(4px)}60%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}70%{-webkit-transform:translateY(5px) scaleY(.92);transform:translateY(5px) scaleY(.92)}80%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes logoShadow{0%{-webkit-transform:scale(1.6,.9);transform:scale(1.6,.9);opacity:0}70%{-webkit-transform:scale(.8) translateY(-10px);transform:scale(.8) translateY(-10px);opacity:1}to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}}@keyframes logoShadow{0%{-webkit-transform:scale(1.6,.9);transform:scale(1.6,.9);opacity:0}70%{-webkit-transform:scale(.8) translateY(-10px);transform:scale(.8) translateY(-10px);opacity:1}to{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Verdana;color:#1d202b;color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg{fill:currentColor} diff --git a/src/frontend/js/classes/editor.js b/src/frontend/js/classes/editor.js index 9ebcade..8a1f39f 100644 --- a/src/frontend/js/classes/editor.js +++ b/src/frontend/js/classes/editor.js @@ -3,16 +3,16 @@ import CodeXEditor from 'codex.editor'; /** * Tools for the Editor */ -const Header = require('codex.editor.header'); -const Quote = require('codex.editor.quote'); -const Marker = require('codex.editor.marker'); -const CodeTool = require('codex.editor.code'); -const Delimiter = require('codex.editor.delimiter'); -const InlineCode = require('codex.editor.inline-code'); -const List = require('codex.editor.list'); -const RawTool = require('codex.editor.raw'); -const ImageTool = require('codex.editor.image'); -const Embed = require('codex.editor.embed'); +import Header from 'codex.editor.header'; +import Quote from 'codex.editor.quote'; +import Marker from 'codex.editor.marker'; +import CodeTool from 'codex.editor.code'; +import Delimiter from 'codex.editor.delimiter'; +import InlineCode from 'codex.editor.inline-code'; +import List from 'codex.editor.list'; +import RawTool from 'codex.editor.raw'; +import ImageTool from 'codex.editor.image'; +import Embed from 'codex.editor.embed'; /** * Class for working with Editor.js diff --git a/src/frontend/styles/components/landing.pcss b/src/frontend/styles/components/landing.pcss index b5cb8ec..012b770 100644 --- a/src/frontend/styles/components/landing.pcss +++ b/src/frontend/styles/components/landing.pcss @@ -118,6 +118,7 @@ position: fixed; right: 7vw; top: 150px; + line-height: 1.5em; @media (max-width: 1400px) { right: 4.5vw; @@ -134,9 +135,9 @@ @media (--mobile) { position: absolute; - padding: 20px; + padding: 15px; left: 0; - top: 45px; + top: 100px; } a { @@ -620,6 +621,7 @@ ^&__footer { margin-top: 20px; + font-size: 14px; } } } diff --git a/src/routes/home.js b/src/routes/home.js index 66ab733..9467766 100644 --- a/src/routes/home.js +++ b/src/routes/home.js @@ -6,7 +6,7 @@ router.get('/', function (req, res, next) { /** * Array of plugins contributors */ - var contributors = { + const contributors = { polinaShneider: { name: 'PolinaShneider', photo: 'https://avatars3.githubusercontent.com/u/15448200?s=40&v=4' @@ -37,7 +37,7 @@ router.get('/', function (req, res, next) { } }; - var plugins = [ + const plugins = [ { name: 'Header', type: 'Block',