diff --git a/README.md b/README.md index d6cefa1a..c4b61b67 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ Twitter

- Ghost version + Ghost version Donate @@ -42,16 +42,19 @@   -[![Simply free theme for ghost](https://user-images.githubusercontent.com/10253167/103443986-4daa1500-4c32-11eb-941b-45a4cb54e615.jpg)](https://godofredo.ninja/ghost-theme/simply/) +[![Simply free theme for ghost](https://user-images.githubusercontent.com/10253167/113333274-d6932400-92e7-11eb-8926-9dfed0b1b80e.jpg)](https://godofredo.ninja/ghost-theme/simply/) ## Featured - [Membership](https://godofredo.ninja/ghost-theme/simply/members) Support using the new portal feature - Support for [different Languages](https://godofredo.ninja/ghost-theme/simply/languages) - Light Mode / Dark Mode -- [Drop Down Menu](https://godofredo.ninja/ghost-theme/simply/settings/#dropdownmenu) +- [Logo Light / Dark Mode](https://godofredo.ninja/ghost-theme/simply/settings/#logo-light--dark-mode) - [Social accounts link](https://godofredo.ninja/ghost-theme/simply/settings/#socialmedia) - [Fast search](https://godofredo.ninja/ghost-theme/simply/settings/#search/) functionality +- [Layouts Header](https://godofredo.ninja/ghost-theme/simply/layouts/#header) + - Header Defautl + - [Header with DropDown Menu](https://godofredo.ninja/ghost-theme/simply/layouts/#header-with-dropdown-menu) - [Layouts Footer](https://godofredo.ninja/ghost-theme/simply/layouts/#footer) - Footer Default - Footer Dark @@ -68,6 +71,9 @@ - [Grid](https://godofredo.ninja/ghost-theme/simply/home/#grid) - [Personal](https://godofredo.ninja/ghost-theme/simply/home/#personal) - [Archive](https://godofredo.ninja/ghost-theme/simply/home/#archivepage) + - [Featured with Slider](https://godofredo.ninja/ghost-theme/simply/home/#featured-with-slider) + - [Medium with Sidebar](https://godofredo.ninja/ghost-theme/simply/home/#medium-with-sidebar) + - [Photographer](https://godofredo.ninja/ghost-theme/simply/home/#photographer) - Post Format - [Post Default](https://godofredo.ninja/ghost-theme/simply/post-format/#post-default) - [Post Full](https://godofredo.ninja/ghost-theme/simply/post-format/#post-full) @@ -146,6 +152,7 @@ Become a financial contributor and help us sustain our community. [[Contribute]( - [Inter Font Family](https://github.com/rsms/inter/) - [PT Serif Font Family](https://fonts.google.com/specimen/PT+Serif) - [Safari Light - Mockup](https://www.uplabs.com/posts/safari-light-version) +- [Tiny Slider](https://github.com/ganlanyuan/tiny-slider) ## Copyright & License diff --git a/amp.hbs b/amp.hbs index 051a3abe..410f00ac 100644 --- a/amp.hbs +++ b/amp.hbs @@ -11,8 +11,8 @@ {{amp_ghost_head}} {{!-- Google Fonst --}} - - + {{!-- + --}} {{!-- Only For dev --}} {{!-- diff --git a/assets/scripts/kusi-doc-post.js b/assets/scripts/kusi-doc-post.js index d499291a..1c2565db 100644 --- a/assets/scripts/kusi-doc-post.js +++ b/assets/scripts/kusi-doc-post.js @@ -1,5 +1,5 @@ /*! - * simply v0.3.2 + * simply v0.3.3 * Copyright 2021 GodoFredo (https://github.com/godofredoninja/simply) * Licensed under GPLv3 */!function n(o,i,c){function s(t,e){if(!i[t]){if(!o[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(u)return u(t,!0);throw(r=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",r}r=i[t]={exports:{}},o[t][0].call(r.exports,function(e){return s(o[t][1][e]||e)},r,r.exports,n,o,i,c)}return i[t].exports}for(var u="function"==typeof require&&require,e=0;e")},options:{keys:["title"],limit:10,threshold:-3500,allowTypo:!1},api:{resource:"posts",parameters:{limit:"all",fields:["title","slug"],filter:"",include:"",order:"",formats:"",page:""}},on:{beforeDisplay:function(){},afterDisplay:function(e){},beforeFetch:function(){return document.body.classList.add("is-loading")},afterFetch:function(){return setTimeout(function(){document.body.classList.remove("is-loading")},4e3)}}},e=this.mergeDeep(t,e);Object.assign(this,e),this.init()}function e(){return t.apply(this,arguments)}var t;return(0,c.default)(r,[{key:"mergeDeep",value:function(t,r){var n=this;return t&&"object"===(0,u.default)(t)&&!Array.isArray(t)&&null!==t&&r&&"object"===(0,u.default)(r)&&!Array.isArray(r)&&null!==r&&Object.keys(r).forEach(function(e){r[e]&&"object"===(0,u.default)(r[e])&&!Array.isArray(r[e])&&null!==r[e]?(t[e]||Object.assign(t,(0,o.default)({},e,{})),n.mergeDeep(t[e],r[e])):Object.assign(t,(0,o.default)({},e,r[e]))}),t}},{key:"fetch",value:(t=function(){var t=this;this.on.beforeFetch();var e,r={},n=this.api.parameters;for(e in n)""!==n[e]&&(r[e]=n[e]);var o=Object.entries(r).map(function(e){var t=(0,l.default)(e,2),e=t[0],t=t[1];return"".concat(e,"=").concat(encodeURIComponent(t))}).join("&"),o="".concat(this.url,"/ghost/api/").concat(this.version,"/content/").concat(this.api.resource,"/?key=").concat(this.key,"&").concat(o);(function(){var t=(0,a.default)(i.default.mark(function e(t){var r;return i.default.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(t);case 2:return r=e.sent,e.next=5,r.json();case 5:return r=e.sent,e.abrupt("return",r);case 7:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}})()(o).then(function(e){return t.search(e[t.api.resource])}).catch(function(e){return console.error(e)})},e.toString=function(){return t.toString()},e)},{key:"createElementFromHTML",value:function(e){var t=document.createElement("div");return t.innerHTML=e.trim(),t.firstChild}},{key:"displayResults",value:function(e){if(null!==document.querySelectorAll(this.results)[0].firstChild&&""!==document.querySelectorAll(this.results)[0].firstChild)for(;document.querySelectorAll(this.results)[0].firstChild;)document.querySelectorAll(this.results)[0].removeChild(document.querySelectorAll(this.results)[0].firstChild);var t=document.querySelectorAll(this.input)[0].value;""!==this.defaultValue&&(t=this.defaultValue);var r,n=f.default.go(t,e,{keys:this.options.keys,limit:this.options.limit,allowTypo:this.options.allowTypo,threshold:this.options.threshold});for(r in n)rn.outer/2?e=r-n.outer/2:"up"===t&&(e=re.length)&&(t=e.length);for(var r=0,n=new Array(t);r>1]=i[n],t=1+(n<<1)}for(var o=n-1>>1;0>1)i[n]=i[o];i[n]=e}return e.add=function(e){var t=a;i[a++]=e;for(var r=t-1>>1;0>1)i[t]=i[r];i[t]=e},e.poll=function(){if(0!==a){var e=i[0];return i[0]=i[--a],t(),e}},e.peek=function(e){if(0!==a)return i[0]},e.replaceTop=function(e){i[0]=e,t()},e},T=o();return function e(S){var I={single:function(e,t,r){return e?(P(e)||(e=I.getPreparedSearch(e)),t?(P(t)||(t=I.getPrepared(t)),((r&&void 0!==r.allowTypo?r.allowTypo:!S||void 0===S.allowTypo||S.allowTypo)?I.algorithm:I.algorithmNoTypo)(e,t,e[0])):null):null},go:function(e,t,r){if(!e)return C;var n=(e=I.prepareSearch(e))[0],o=r&&r.threshold||S&&S.threshold||-9007199254740991,i=r&&r.limit||S&&S.limit||9007199254740991,a=(r&&void 0!==r.allowTypo?r.allowTypo:!S||void 0===S.allowTypo||S.allowTypo)?I.algorithm:I.algorithmNoTypo,l=0,u=0,s=t.length;if(r&&r.keys)for(var c=r.scoreFn||O,f=r.keys,p=f.length,h=s-1;0<=h;--h){for(var d=t[h],y=new Array(p),v=p-1;0<=v;--v)(b=q(d,g=f[v]))?(P(b)||(b=I.getPrepared(b)),y[v]=a(e,b,n)):y[v]=null;y.obj=d;var m=c(y);null!==m&&(mT.peek().score&&T.replaceTop(y))))}else if(r&&r.key)for(var g=r.key,h=s-1;0<=h;--h)(b=q(d=t[h],g))&&null!==(x=a(e,b=P(b)?b:I.getPrepared(b),n))&&(x.scoreT.peek().score&&T.replaceTop(x))));else for(var b,x,h=s-1;0<=h;--h)(b=t[h])&&null!==(x=a(e,b=P(b)?b:I.getPrepared(b),n))&&(x.scoreT.peek().score&&T.replaceTop(x))));if(0===l)return C;for(var w=new Array(l),h=l-1;0<=h;--h)w[h]=T.poll();return w.total=l+u,w},goAsync:function(k,L,A){var j=!1,e=new Promise(function(h,d){if(!k)return h(C);var y=(k=I.prepareSearch(k))[0],v=o(),m=L.length-1,g=A&&A.threshold||S&&S.threshold||-9007199254740991,b=A&&A.limit||S&&S.limit||9007199254740991,x=(A&&void 0!==A.allowTypo?A.allowTypo:!S||void 0===S.allowTypo||S.allowTypo)?I.algorithm:I.algorithmNoTypo,w=0,T=0;function _(){if(j)return d("canceled");var e=Date.now();if(A&&A.keys)for(var t=A.scoreFn||O,r=A.keys,n=r.length;0<=m;--m){for(var o=L[m],i=new Array(n),a=n-1;0<=a;--a)(u=q(o,s=r[a]))?(P(u)||(u=I.getPrepared(u)),i[a]=x(k,u,y)):i[a]=null;i.obj=o;var l=t(i);if(null!==l&&!(lv.peek().score&&v.replaceTop(i)),m%1e3==0&&10<=Date.now()-e))return void(E?M:setTimeout)(_)}else if(A&&A.key){for(var u,s=A.key;0<=m;--m)if(u=q(o=L[m],s)){P(u)||(u=I.getPrepared(u));var c=x(k,u,y);if(null!==c&&!(c.scorev.peek().score&&v.replaceTop(c)),m%1e3==0&&10<=Date.now()-e))return void(E?M:setTimeout)(_)}}else for(;0<=m;--m)if((u=L[m])&&(P(u)||(u=I.getPrepared(u)),c=x(k,u,y),null!==c&&!(c.scorev.peek().score&&v.replaceTop(c)),m%1e3==0&&10<=Date.now()-e)))return void(E?M:setTimeout)(_);if(0===w)return h(C);for(var f=new Array(w),p=w-1;0<=p;--p)f[p]=v.poll();f.total=w+T,h(f)}E?M(_):_()});return e.cancel=function(){j=!0},e},highlight:function(e,t,r){if(null===e)return null;void 0===t&&(t=""),void 0===r&&(r="");for(var n="",o=0,i=!1,a=e.target,l=a.length,u=e.indexes,s=0;s (https://github.com/godofredoninja/simply) * Licensed under GPLv3 - */@charset "UTF-8";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}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{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]{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}.kg-bookmark-container,body,figcaption,h1,h2,h3,h4,h5,h6{font-family:Inter,Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.article-excerpt{font-family:charter,Georgia,Cambria,Times New Roman,Times,serif}.u-flexCenter{align-items:center;display:flex}.u-block{display:block}.u-relative{position:relative}.u-overflowHidden{overflow:hidden}.u-fontSizeSmaller{font-size:.875rem}.u-flex1{flex:1 1 auto}.u-absolute{position:absolute}.u-textCenter{text-align:center}.u-marginTop30{margin-top:2rem}.u-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}*,:after,:before{box-sizing:border-box}body{color:#212529;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.5em;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}a{color:#00a562;text-decoration:none;word-break:break-word}a:active,a:hover{outline:0}blockquote{border-left:4px solid #212529;font-size:1.125rem;font-style:italic;margin-left:-5px;margin-right:0;padding-bottom:2px;padding-left:1.25rem}figure{margin:0;padding:0}img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}figcaption{color:#71717a;display:block;font-size:.875rem;font-style:normal;font-weight:400;margin-top:.75rem;text-align:center;width:100%}h1,h2,h3,h4,h5,h6{color:#111827;font-style:normal;font-weight:700;line-height:1.2;margin:1.5rem 0 0;word-break:break-word}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.375rem}h5{font-size:1.25rem}h6{font-size:1.125rem}strong{font-weight:700}p{margin:1.25rem 0 0}hr{box-sizing:content-box;height:0;margin:1rem 0;overflow:visible;border:0;border-top:1px solid rgba(0,0,0,.1)}mark{background-color:transparent;background-image:linear-gradient(180deg,#d7fdd3,#d7fdd3);color:rgba(0,0,0,.8)}code,pre{font-family:Menlo,Courier,monospace;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}code{border-radius:2px;padding:1px 6px}code,pre{background:#2a3644;color:#e5eff5;font-size:.875rem}pre{border:0;line-height:1.6em;margin:0;overflow-x:auto;padding:1.25rem}pre code{background:transparent;padding:0}svg{height:100%;width:100%}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-spacing:0;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.5;margin:1.25rem 0 0;max-width:100%;overflow-x:auto;vertical-align:top;white-space:nowrap;width:auto;-webkit-overflow-scrolling:touch}table td,table th{border:1px solid #dfe2e5;padding:.5rem .875rem}table tr:nth-child(2n){background-color:#f6f8fa}table th{font-weight:500;letter-spacing:.2px;text-transform:uppercase}.header{position:relative;width:100%;height:50px;line-height:1}.logo-link{color:#fff;font-size:1.5rem;font-weight:700}.social-media a{background:#d4d4d8;border-radius:4px;display:inline-block;height:2.5rem;margin:.5rem .25rem;padding:.5rem;vertical-align:middle;width:2.5rem}.sidebar{background:#fff;width:18rem}.sidebar ul{list-style:none;list-style-image:none;margin:1.125rem 0 1.25rem;padding:0}.sidebar ul li a{color:#71717a;display:block;font-size:1rem;font-weight:500;padding:.5rem 1.25rem}.sidebar .social-media{border-top:1px solid #ddd;padding:1.25rem}.close-sidebar{color:#fff;font-size:1.5rem;height:50px;line-height:50px;padding-right:1.25rem;text-align:right}.hamburgermenu{background-color:transparent;border:0;height:3rem;margin-right:-1rem;padding:0;position:relative;transition:transform .4s;width:3rem}.hamburgermenu span{background-color:#fff;display:block;height:2px;left:.875rem;margin-top:-1px;position:absolute;top:50%;width:1.25rem}.hamburgermenu span:first-child{transform:translateY(-6px)}.hamburgermenu span:last-child{transform:translateY(6px)}.main{margin:0 auto;max-width:32rem}.article{padding-top:1.5rem}.article-title{margin-top:0}.article-excerpt{color:#71717a;font-size:1.25rem;line-height:1.4;margin-bottom:1.25rem;margin-top:1rem}.article-meta{color:#71717a;font-size:.875rem;font-weight:500;margin:.875rem 0}.article-body{font-family:charter,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.125rem;line-height:1.7em;padding:1.25rem 1rem}.article-body>*{margin-bottom:1.5rem}.article-body a:not(.kg-bookmark-container){text-decoration:underline;word-break:break-word}.article-body ol,.article-body ul{padding-left:1.25rem}.article-body ol li,.article-body ul li{margin-bottom:5px}.button--tags{background-color:#e4e4e7;border-radius:3px;color:#212529;display:inline-block;font-size:.875rem;font-weight:500;height:2.3125rem;line-height:2.25rem;margin:0 8px 8px 0;padding:0 10px}.button--tags:before{content:"#"}.share-title{display:block;font-size:.875rem;margin-bottom:.75rem}amp-social-share.custom-style{background-color:teal;background-image:url(https://raw.githubusercontent.com/google/material-design-icons/master/social/1x_web/ic_share_white_48dp.png);background-repeat:no-repeat;background-position:50%;background-size:contain}amp-social-share.rounded{border-radius:10%;background-size:85%}.related{margin-top:1.25rem;padding-bottom:1.25rem;padding-top:2.5rem}.related-title{font-size:.875rem;margin-bottom:1.375rem}.story-border{border-left:3px solid #cc116e;bottom:0;color:rgba(0,0,0,.2);font-size:2rem;font-weight:700;left:0;padding:1rem .75rem .75rem;top:0;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1.4px;-webkit-text-stroke-color:#888}.story:nth-child(3n) .story-border{border-color:#f59e00}.story:nth-child(3n+2) .story-border{border-color:#26a8ed}.story-link{background-color:#f3f4f6;border-bottom:1px solid #e2e0e0;box-shadow:0 1px 7px rgba(0,0,0,.05);min-height:50px;padding:.875rem .875rem .875rem 3.5rem}.story-title{color:#212529;font-size:1rem;font-weight:500;line-height:1.2;margin:0}.kg-bookmark-container{border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column}.kg-bookmark-content{order:1;padding:1.25rem}.kg-bookmark-title{font-size:1.125rem;font-weight:500;line-height:1.2}.kg-bookmark-description{color:#71717a;font-size:.875rem;line-height:1.4;margin-top:.75rem}.kg-bookmark-metadata{align-items:center;display:flex;font-size:.875rem;margin-top:.75rem}.kg-bookmark-icon{margin-right:5px}.kg-bookmark-author:after{content:"•";margin:0 6px}.footer{color:rgba(0,0,0,.44);font-size:.875rem;font-weight:500;padding-bottom:2.875rem;padding-top:1.25rem} \ No newline at end of file + */@charset "UTF-8";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}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{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]{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}.kg-bookmark-container,body,figcaption,h1,h2,h3,h4,h5,h6{font-family:Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.article-excerpt{font-family:charter,Georgia,Cambria,Times New Roman,Times,serif}.u-flexCenter{align-items:center;display:flex}.u-block{display:block}.u-relative{position:relative}.u-overflowHidden{overflow:hidden}.u-fontSizeSmaller{font-size:.875rem}.u-flex1{flex:1 1 auto}.u-absolute{position:absolute}.u-textCenter{text-align:center}.u-marginTop30{margin-top:2rem}.u-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}*,:after,:before{box-sizing:border-box}body{color:#292929;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.5em;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}a{color:#005af0;text-decoration:none;word-break:break-word}a:active,a:hover{outline:0}blockquote{border-left:4px solid #292929;font-size:1.125rem;font-style:italic;margin-left:-5px;margin-right:0;padding-bottom:2px;padding-left:1.25rem}figure{margin:0;padding:0}img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}figcaption{color:#757575;display:block;font-size:.875rem;font-style:normal;font-weight:400;margin-top:.75rem;text-align:center;width:100%}h1,h2,h3,h4,h5,h6{color:#111;font-style:normal;font-weight:700;line-height:1.2;margin:1.5rem 0 0;word-break:break-word}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.375rem}h5{font-size:1.25rem}h6{font-size:1.125rem}strong{font-weight:700}p{margin:1.25rem 0 0}hr{box-sizing:content-box;height:0;margin:1rem 0;overflow:visible;border:0;border-top:1px solid rgba(0,0,0,.1)}mark{background-color:transparent;background-image:linear-gradient(180deg,#d7fdd3,#d7fdd3);color:rgba(0,0,0,.8)}code,pre{font-family:Menlo,Courier,monospace;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}code{border-radius:2px;padding:1px 6px}code,pre{background:#2a3644;color:#e5eff5;font-size:.875rem}pre{border:0;line-height:1.6em;margin:0;overflow-x:auto;padding:1.25rem}pre code{background:transparent;padding:0}svg{height:100%;width:100%}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-spacing:0;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.5;margin:1.25rem 0 0;max-width:100%;overflow-x:auto;vertical-align:top;white-space:nowrap;width:auto;-webkit-overflow-scrolling:touch}table td,table th{border:1px solid #dfe2e5;padding:.5rem .875rem}table tr:nth-child(2n){background-color:#f6f8fa}table th{font-weight:500;letter-spacing:.2px;text-transform:uppercase}.header{position:relative;width:100%;height:50px;line-height:1}.logo-link{color:#fff;font-size:1.5rem;font-weight:700}.social-media a{background:#d4d4d8;border-radius:4px;display:inline-block;height:2.5rem;margin:.5rem .25rem;padding:.5rem;vertical-align:middle;width:2.5rem}.sidebar{background:#fff;width:18rem}.sidebar ul{list-style:none;list-style-image:none;margin:1.125rem 0 1.25rem;padding:0}.sidebar ul li a{color:#48525c;display:block;font-size:1.125rem;font-weight:500;padding:.5rem 1.25rem}.sidebar .social-media{border-top:1px solid #ddd;padding:1.25rem}.close-sidebar{color:#fff;font-size:1.5rem;height:50px;line-height:50px;padding-right:1.25rem;text-align:right}.hamburgermenu{background-color:transparent;border:0;height:3rem;margin-right:-1rem;padding:0;position:relative;transition:transform .4s;width:3rem}.hamburgermenu span{background-color:#fff;display:block;height:2px;left:.875rem;margin-top:-1px;position:absolute;top:50%;width:1.25rem}.hamburgermenu span:first-child{transform:translateY(-6px)}.hamburgermenu span:last-child{transform:translateY(6px)}.main{margin:0 auto;max-width:32rem}.article{padding-top:1.5rem}.article-title{margin-top:0}.article-excerpt{color:#757575;font-size:1.25rem;line-height:1.4;margin-bottom:1.25rem;margin-top:1rem}.article-meta{color:#757575;font-size:.875rem;font-weight:500;margin:.875rem 0}.article-body{font-family:charter,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.125rem;line-height:1.7em;padding:1.25rem 1rem}.article-body>*{margin-bottom:1.5rem}.article-body a:not(.kg-bookmark-container){text-decoration:underline;word-break:break-word}.article-body ol,.article-body ul{padding-left:1.25rem}.article-body ol li,.article-body ul li{margin-bottom:5px}.button--tags{background-color:#005af0;border-radius:1.5625rem;border:0;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;margin:.3125rem;padding:.3125rem 1.25rem;box-shadow:0 10px 25px 0 rgba(0,0,0,.15)}.share-title{display:block;font-size:.875rem;margin-bottom:.75rem}amp-social-share.custom-style{background-color:teal;background-image:url(https://raw.githubusercontent.com/google/material-design-icons/master/social/1x_web/ic_share_white_48dp.png);background-repeat:no-repeat;background-position:50%;background-size:contain}amp-social-share.rounded{border-radius:10%;background-size:85%}.related{margin-top:1.25rem;padding-bottom:1.25rem;padding-top:2.5rem}.related-title{font-size:.875rem;margin-bottom:1.375rem}.story-link{display:flex;align-items:center;text-decoration:none;padding:0 0 1.5em;margin:0}.story-link-text{font-size:1rem;font-weight:700;color:#000;padding-left:10px;line-height:1.3}.story-link-icon{background-color:#005af0;box-shadow:0 10px 20px 0 rgba(0,0,0,.25);display:flex;flex:none;height:2.5rem;justify-content:center;margin-right:.625em;padding:.5rem;width:2.5rem;color:#fff;font-size:1.5rem;font-weight:500}.kg-bookmark-container{border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column}.kg-bookmark-content{order:1;padding:1.25rem}.kg-bookmark-title{font-size:1.125rem;font-weight:500;line-height:1.2}.kg-bookmark-description{color:#757575;font-size:.875rem;line-height:1.4;margin-top:.75rem}.kg-bookmark-metadata{align-items:center;display:flex;font-size:.875rem;margin-top:.75rem}.kg-bookmark-icon{margin-right:5px}.kg-bookmark-author:after{content:"•";margin:0 6px}.footer{color:#757575;font-size:.875rem;font-weight:500;padding-bottom:2.875rem;padding-top:1.25rem} \ No newline at end of file diff --git a/assets/styles/main.css b/assets/styles/main.css index d5201c61..3f21a202 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -1,5 +1,5 @@ /*! - * simply v0.3.2 + * simply v0.3.3 * Copyright 2021 GodoFredo (https://github.com/godofredoninja/simply) * Licensed under GPLv3 - */@charset "UTF-8";:root{--bg:#fff;--body-color:#292929;--blank:#fff;--header-color:#292929;--header-bg:#fff;--title-color:#18181b;--color-primary:#0abe51;--color-primary-dark:#21a75a;--color-link:#0abe51;--color-link-hover:#21a75a;--border-color:#e2ecec;--color-mark:#e4f7df;--gray-100:#fafafa;--gray-150:#f8fafc;--gray-200:#f3f5f9;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#757575;--gray-600:#52525b;--gray-700:#616161;--gray-800:#292929;--gray-900:#18181b;--story-small-bg:#fff;--card-bg:#fff;--dropdown-bg:#fff}.dark{--bg:#111;--blank:#111;--body-color:#acacac;--title-color:hsla(0,0%,100%,0.9);--border-color:#2e2e2e;--color-mark:#31422d;--header-color:#fff;--header-bg:#000;--gray-100:#141414;--gray-150:#141414;--gray-200:#141414;--gray-300:#1b1a1a;--gray-500:#6c757d;--gray-600:#a1a1aa;--gray-700:#9e9a9a;--gray-900:hsla(0,0%,100%,0.9);--story-color:#888;--story-small-bg:#191919;--card-bg:#181818;--dropdown-bg:#191b1f}.dark input,.dark textarea{background-color:rgba(97,97,97,.25);color:#fff;border-color:#444}.dark input::-moz-placeholder, .dark textarea::-moz-placeholder{color:#aaa}.dark input:-ms-input-placeholder, .dark textarea:-ms-input-placeholder{color:#aaa}.dark input::placeholder,.dark textarea::placeholder{color:#aaa}.dark table tr:nth-child(2n){background:transparent}.dark table td,.dark table th{border-color:hsla(0,0%,100%,.2)}.dark .medium-zoom-overlay{background:rgba(0,0,0,.5)!important}.dark .post-upgrade:before{background:linear-gradient(180deg,hsla(0,0%,100%,0),#111)}.dark .button,.dark .button.is-light{background-color:#2b2b2b;color:hsla(0,0%,100%,.9)}.dark .button.is-light:hover,.dark .button:hover{background-color:#2b2b2b;color:#fff}.dark .button.is-white,.dark .button.is-white:hover{background-color:transparent;color:hsla(0,0%,100%,.9)}.dark :not(pre)>code{background:#363f44;color:#a8bcc5}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,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}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid var(--gray-200)}hr{border-top-width:1px}img{border-style:solid}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:var(--gray-400)}input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;color:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[role=button],button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.kg-bookmark-description{color:var(--gray-500)}.button,.kg-bookmark-container,cite,figcaption,h1,h2,h3,h4,h5,h6,table{font-family:Inter,Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-body,.spc-des{font-family:"PT Serif",Mercury SSm A,Mercury SSm B,Georgia,serif}.kg-bookmark-description,.lineClamp,.lineClamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.image-inset,.kg-bookmark-thumbnail img,.u-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.image-inset,.kg-bookmark-thumbnail img{bottom:0;left:0;position:absolute;right:0;top:0}.card,.kg-bookmark-container{background:var(--card-bg);border:1px solid rgba(0,0,0,.1);border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden}.kg-bookmark-container{display:flex}.flexColumnTop,.kg-bookmark-content{display:flex;flex-direction:column;justify-content:flex-start}.kg-bookmark-metadata,.kg-embed-card{align-items:center;display:flex}.kg-embed-card,.kg-gallery-container,.post-body{display:flex;flex-direction:column}.kg-gallery-row{display:flex;flex-direction:row}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button,.input,input,textarea{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding:calc(.5em - 1px) calc(.75em - 1px);position:relative;vertical-align:top}.button:active,.button:focus,.input:active,.input:focus,.is-active.button,.is-active.input,.is-focused.button,.is-focused.input,input.is-active,input.is-focused,input:active,input:focus,textarea.is-active,textarea.is-focused,textarea:active,textarea:focus{outline:none}.button[disabled],.input[disabled],fieldset[disabled] .button,fieldset[disabled] .input,fieldset[disabled] input,fieldset[disabled] textarea,input[disabled],textarea[disabled]{cursor:not-allowed}html{font-size:16px}body{background-color:var(--bg);color:var(--body-color);font-size:1rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.5;margin:0 auto;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:active,a:focus,a:hover{outline:0}.link{color:var(--color-link)}.link.is-hover:hover{color:var(--color-link-hover)}blockquote:not(.pullquote){border-left:.25rem solid;color:var(--title-color);font-size:1.375rem;line-height:1.5;margin:2rem 0 2rem -1.5rem;padding-bottom:.125rem;padding-left:1.25rem}blockquote:not(.pullquote) p:first-of-type{margin-top:0}.pullquote{margin:2rem 0!important;padding-left:8%}@media only screen and (min-width:1000px){blockquote{font-size:1.5rem;margin-left:-.25rem}}cite,figcaption{color:var(--gray-500);display:block;font-feature-settings:"liga" on,"lnum" on;font-size:.875rem;font-style:normal;font-weight:500;letter-spacing:0;line-height:1.4;margin-top:.625rem;outline:0;text-align:center;width:100%}cite{text-align:left}figure{margin:0}hr{border:0;border-top:1px solid var(--border-color);box-sizing:content-box;height:0;margin:2rem 0;overflow:visible}img{height:auto;max-width:100%;vertical-align:middle;width:auto}img:not([src]){visibility:hidden}mark{background:var(--color-mark);color:inherit}.medium-zoom-overlay{z-index:6}.medium-zoom-image--opened{z-index:7}.video-responsive{display:block;height:0;overflow:hidden;padding:0 0 56.25%;position:relative;width:100%}.video-responsive iframe,.video-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.blur-up{opacity:0}.blur-up.lazyloaded{opacity:1;transition:opacity .5s ease-in-out}.loadingBar{background-color:#48e79a;height:2px;transform:translateX(100%);z-index:9}.is-loading .loadingBar{-webkit-animation:c 1s ease-in-out infinite;animation:c 1s ease-in-out infinite;-webkit-animation-delay:.8s;animation-delay:.8s;display:block}.medium-zoom--opened .header{opacity:0;transform:translateY(-100%);transition:transform .2s,opacity .2s,visibility 0s 2s;visibility:hidden}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:700;line-height:1.1;margin:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;line-height:inherit}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.375rem}h6{font-size:1.125rem}p{margin:0}.container{width:100%;padding-right:1rem;padding-left:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1000px){.container{max-width:1000px}}@media (min-width:1232px){.container{max-width:1232px}}.row{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.row.is-gapless{margin-left:0;margin-right:0}.row.is-gapless .col{padding-left:0;padding-right:0}.row .col{flex-basis:0;flex-grow:1;flex-shrink:1;max-width:100%;padding-left:1rem;padding-right:1rem}.row .col.s1{flex:0 0 8.33333%;max-width:8.33333%}.row .col.s2{flex:0 0 16.66667%;max-width:16.66667%}.row .col.s3{flex:0 0 25%;max-width:25%}.row .col.s4{flex:0 0 33.33333%;max-width:33.33333%}.row .col.s5{flex:0 0 41.66667%;max-width:41.66667%}.row .col.s6{flex:0 0 50%;max-width:50%}.row .col.s7{flex:0 0 58.33333%;max-width:58.33333%}.row .col.s8{flex:0 0 66.66667%;max-width:66.66667%}.row .col.s9{flex:0 0 75%;max-width:75%}.row .col.s10{flex:0 0 83.33333%;max-width:83.33333%}.row .col.s11{flex:0 0 91.66667%;max-width:91.66667%}.row .col.s12{flex:0 0 100%;max-width:100%}@media only screen and (min-width:768px){.row .col.m1{flex:0 0 8.33333%;max-width:8.33333%}.row .col.m2{flex:0 0 16.66667%;max-width:16.66667%}.row .col.m3{flex:0 0 25%;max-width:25%}.row .col.m4{flex:0 0 33.33333%;max-width:33.33333%}.row .col.m5{flex:0 0 41.66667%;max-width:41.66667%}.row .col.m6{flex:0 0 50%;max-width:50%}.row .col.m7{flex:0 0 58.33333%;max-width:58.33333%}.row .col.m8{flex:0 0 66.66667%;max-width:66.66667%}.row .col.m9{flex:0 0 75%;max-width:75%}.row .col.m10{flex:0 0 83.33333%;max-width:83.33333%}.row .col.m11{flex:0 0 91.66667%;max-width:91.66667%}.row .col.m12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1000px){.row .col.l1{flex:0 0 8.33333%;max-width:8.33333%}.row .col.l2{flex:0 0 16.66667%;max-width:16.66667%}.row .col.l3{flex:0 0 25%;max-width:25%}.row .col.l4{flex:0 0 33.33333%;max-width:33.33333%}.row .col.l5{flex:0 0 41.66667%;max-width:41.66667%}.row .col.l6{flex:0 0 50%;max-width:50%}.row .col.l7{flex:0 0 58.33333%;max-width:58.33333%}.row .col.l8{flex:0 0 66.66667%;max-width:66.66667%}.row .col.l9{flex:0 0 75%;max-width:75%}.row .col.l10{flex:0 0 83.33333%;max-width:83.33333%}.row .col.l11{flex:0 0 91.66667%;max-width:91.66667%}.row .col.l12{flex:0 0 100%;max-width:100%}}input,textarea{background-color:#fff;border-color:#ced4da;border-radius:.25rem;color:#363636}input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(54,54,54,.8)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(54,54,54,.8)}input:-moz-placeholder,textarea:-moz-placeholder{color:rgba(54,54,54,.8)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(54,54,54,.8)}input:hover,textarea:hover{border-color:#80bdff}input:active,input:focus,textarea:active,textarea:focus{border-color:#80bdff;box-shadow:0 .625rem 1.25rem rgba(0,0,0,.1)}fieldset[disabled] input,fieldset[disabled] textarea,input[disabled],textarea[disabled]{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#757575}fieldset[disabled] input::-moz-placeholder,fieldset[disabled] textarea::-moz-placeholder,input[disabled]::-moz-placeholder,textarea[disabled]::-moz-placeholder{color:hsla(0,0%,45.9%,.3)}fieldset[disabled] input::-webkit-input-placeholder,fieldset[disabled] textarea::-webkit-input-placeholder,input[disabled]::-webkit-input-placeholder,textarea[disabled]::-webkit-input-placeholder{color:hsla(0,0%,45.9%,.3)}fieldset[disabled] input:-moz-placeholder,fieldset[disabled] textarea:-moz-placeholder,input[disabled]:-moz-placeholder,textarea[disabled]:-moz-placeholder{color:hsla(0,0%,45.9%,.3)}fieldset[disabled] input:-ms-input-placeholder,fieldset[disabled] textarea:-ms-input-placeholder,input[disabled]:-ms-input-placeholder,textarea[disabled]:-ms-input-placeholder{color:hsla(0,0%,45.9%,.3)}input,textarea{box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);max-width:100%;width:100%}input[readonly],textarea[readonly]{box-shadow:none}input.is-primary,textarea.is-primary{border-color:#0abe51}input.is-primary:active,input.is-primary:focus,textarea.is-primary:active,textarea.is-primary:focus{box-shadow:0 .625rem 1.25rem rgba(10,190,81,.25)}input.is-sucecess,textarea.is-sucecess{border-color:#48c774}input.is-sucecess:active,input.is-sucecess:focus,textarea.is-sucecess:active,textarea.is-sucecess:focus{box-shadow:0 .625rem 1.25rem rgba(72,199,116,.25)}input.is-warning,textarea.is-warning{border-color:#ffdd57}input.is-warning:active,input.is-warning:focus,textarea.is-warning:active,textarea.is-warning:focus{box-shadow:0 .625rem 1.25rem rgba(255,221,87,.25)}input.is-danger,textarea.is-danger{border-color:#f14668}input.is-danger:active,input.is-danger:focus,textarea.is-danger:active,textarea.is-danger:focus{box-shadow:0 .625rem 1.25rem rgba(241,70,104,.25)}input.is-medium,textarea.is-medium{font-size:1.25rem}textarea{display:block;max-width:100%;min-width:100%;padding:calc(.75em - 1px);resize:vertical}textarea:not([rows]){max-height:40em;min-height:8em}textarea[rows]{height:auto}textarea.has-fixed-size{resize:none}.button{background-color:#fff;border-color:#757575;border-width:1px;color:#292929;cursor:pointer;justify-content:center;padding:0 .875em;text-align:center;white-space:nowrap}.button:hover{color:#18181b}.button:active,.button:hover{border-color:#292929}.button .icon,.button .icon.is-large,.button .icon.is-medium,.button .icon.is-small{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-.5em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}.button.is-white{background-color:#fff;border-color:transparent;color:#191919}.button.is-white:hover{background-color:#f9f9f9;border-color:transparent;color:#757575}.button.is-white.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-white.is-outlined:hover{background-color:#fff;border-color:#fff;color:#191919}.button.is-black{background-color:#191919;border-color:transparent;color:#fff}.button.is-black:hover{background-color:#131313;border-color:transparent;color:#fff}.button.is-black.is-outlined{background-color:transparent;border-color:#191919;color:#191919}.button.is-black.is-outlined:hover{background-color:#191919;border-color:#191919;color:#fff}.button.is-light{background-color:#f2f2f2}.button.is-light,.button.is-light:hover{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light:hover{background-color:#ececec}.button.is-light.is-outlined{background-color:transparent;border-color:#f2f2f2;color:#f2f2f2}.button.is-light.is-outlined:hover{background-color:#f2f2f2;border-color:#f2f2f2;color:rgba(0,0,0,.7)}.button.is-primary{background-color:#0abe51;border-color:transparent;color:#fff}.button.is-primary:hover{background-color:#09b24c;border-color:transparent;color:#fff}.button.is-primary.is-outlined{background-color:transparent;border-color:#0abe51;color:#0abe51}.button.is-primary.is-outlined:hover{background-color:#0abe51;border-color:#0abe51;color:#fff}.button.is-dark-blue{background-color:#102b7b;border-color:transparent;color:#fff}.button.is-dark-blue:hover{background-color:#0f2770;border-color:transparent;color:#fff}.button.is-dark-blue.is-outlined{background-color:transparent;border-color:#102b7b;color:#102b7b}.button.is-dark-blue.is-outlined:hover{background-color:#102b7b;border-color:#102b7b;color:#fff}.button.is-sucecess{background-color:#48c774;border-color:transparent;color:#fff}.button.is-sucecess:hover{background-color:#3ec46d;border-color:transparent;color:#fff}.button.is-sucecess.is-outlined{background-color:transparent;border-color:#48c774;color:#48c774}.button.is-sucecess.is-outlined:hover{background-color:#48c774;border-color:#48c774;color:#fff}.button.is-warning{background-color:#ffdd57}.button.is-warning,.button.is-warning:hover{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-warning:hover{background-color:#ffdb4a}.button.is-warning.is-outlined{background-color:transparent;border-color:#ffdd57;color:#ffdd57}.button.is-warning.is-outlined:hover{background-color:#ffdd57;border-color:#ffdd57;color:rgba(0,0,0,.7)}.button.is-danger{background-color:#f14668;border-color:transparent;color:#fff}.button.is-danger:hover{background-color:#f03a5f;border-color:transparent;color:#fff}.button.is-danger.is-outlined{background-color:transparent;border-color:#f14668;color:#f14668}.button.is-danger.is-outlined:hover{background-color:#f14668;border-color:#f14668;color:#fff}.button.is-transparent{color:hsla(0,0%,100%,.7)}.button.is-transparent,.button.is-transparent:hover{background-color:transparent;border-color:transparent}.button.is-transparent:hover{color:#fff}.button.is-transparent.is-outlined{background-color:transparent;border-color:transparent;color:transparent}.button.is-transparent.is-outlined:hover{background-color:transparent;border-color:transparent;color:hsla(0,0%,100%,.7)}.button.is-small{font-size:.75rem}.button.is-x-small{height:1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:0 .5rem}.button.is-medium{font-size:1.25rem}.button.is-circle{width:2.25rem;height:2.25rem;border-radius:50%;line-height:2.125rem;padding:0}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.buttons .button{margin-bottom:.5rem}.buttons .button:not(:last-child){margin-right:.5rem}.buttons:last-child{margin-bottom:-.5rem}.buttons:not(:last-child){margin-bottom:1rem}.icon{display:inline-block;fill:currentColor;height:1.5rem;stroke-width:0;vertical-align:middle;width:1.5rem}.icon.is-stroke{fill:none;stroke:currentColor}.icon.is-small{height:1rem;width:1rem}.icon.is-medium{height:1.25rem;width:1.25rem}.notification{transform:translateY(-175%);transition:all .35s cubic-bezier(.19,1,.22,1) .5s}.has-notification .notification{transform:translateY(0);visibility:visible}.billing-cancel .notification-billing-update-cancel,.billing-success .notification-billing-update,.checkout-success .notification-checkout,.signin-failure .notification-signin-failure,.signin-success .notification-signin,.signup-success .notification-signup,.subscribe-success .notification-subscribe{display:block}.notification.close{transform:translateY(-175%);transition:all 1.35s cubic-bezier(.19,1,.22,1);visibility:hidden}table{-webkit-overflow-scrolling:touch;border-collapse:collapse;border-spacing:0;display:block;font-size:1rem;line-height:1.5;margin:2rem 0 0;max-width:100%;overflow-x:auto;white-space:nowrap;width:auto}table td,table th{border:1px solid #dfe2e5;padding:.75rem}table tr:nth-child(2n){background-color:#f6f8fa}table th{font-weight:600;letter-spacing:.2px;text-transform:uppercase}.dropdown{position:relative}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:scale(1) translateY(0);transition:all .2s cubic-bezier(.4,.01,.165,.99);visibility:visible}.dropdown.is-right .dropdown-menu{right:-1.5rem;left:auto}.dropdown.is-right .dropdown-content:after{right:2rem;left:auto}.dropdown-menu{left:-1.5rem;max-width:18rem;min-width:12rem;opacity:0;padding-top:4px;position:absolute;top:100%;transform:scale(.9) translateY(-20px);transition:all .3s cubic-bezier(.4,.01,.165,.99),opacity .2s cubic-bezier(.4,.01,.165,.99);visibility:hidden;z-index:5}.dropdown-content{background-color:var(--dropdown-bg);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);padding-bottom:.5rem;padding-top:.5rem;position:relative}.dropdown-content:after{background:var(--dropdown-bg);bottom:100%;box-shadow:-1px -1px 1px -1px rgba(0,0,0,.54);content:"";display:block;height:14px;left:2.5rem;position:absolute;transform:rotate(45deg) translate(6px,6px);width:14px}.dropdown-item{display:block;font-size:1rem;line-height:1.5;padding:.5rem 1.25rem;position:relative}a.dropdown-item{font-weight:500;white-space:nowrap;width:100%}.dropdown-divider{background-color:var(--border-color);border:0;display:block;height:1px;margin:.625rem 0}.hh-author li:not(:first-child){margin-left:-6px}.hh-author-name>a:hover{color:var(--gray-900);text-decoration:underline}.story-title{margin:0 0 .4em}.story-image{height:200px}.storySmall{background:var(--story-small-bg);border:1px solid rgba(0,0,0,.04);border-radius:4px 4px 0 0;box-shadow:0 1px 7px rgba(0,0,0,.05)}.ss4+.ss3{margin-bottom:2.5rem}.story-cover-image{height:350px}.story-cover .hh-author-name a{color:#fff!important}.story-cover .hh-date{color:hsla(0,0%,100%,.8)}.sp-small:hover .sp-small-title{color:var(--color-primary)}@media only screen and (min-width:768px){.story-excerpt{display:-webkit-box;max-height:6em;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ss3+.ss4{padding-left:0}.ss4+.ss4{padding-right:0}}@media only screen and (min-width:1000px){.ss1 .hh{flex:none}.ss1 .story{display:flex}.ss1 .story-title{font-size:2.25rem}.ss1 .story-image{flex:1 1 auto;height:auto;min-height:380px}.ss1 .story-body{flex-basis:34.33333%;padding:0 0 0 2rem}.ss2 .story-image{height:270px}.ss2 .story-title{font-size:1.75rem}.ss3 .story-cover-body{right:30%}}.kg-bookmark-card{position:relative}.kg-bookmark-publisher{color:var(--color-primary-dark)}.kg-bookmark-content{flex-basis:100%;flex-grow:1;padding:1.25rem}.kg-bookmark-title{color:var(--title-color);font-size:1.25rem;font-weight:600;line-height:1.2}.kg-bookmark-description{font-size:1rem;line-height:1.4;margin-top:.75rem;max-height:4em;-webkit-line-clamp:2}.kg-bookmark-metadata{font-size:.875rem;margin-top:.75rem}.kg-bookmark-thumbnail{flex-grow:1;min-height:9.5rem;min-width:33%;overflow:hidden;position:relative}.kg-bookmark-icon{height:1.375rem;margin-right:.5rem;width:1.375rem}.kg-bookmark-author:after{content:"•";margin:0 .25rem;opacity:.6}@media only screen and (max-width:639px){.kg-bookmark-container{flex-direction:column}.kg-bookmark-content{order:1}}.kg-code-card pre[class*=language-]{margin-bottom:0}.kg-gallery-container{max-width:1100px;width:100vw}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image img{display:block;height:100%;margin:0;width:100%}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-embed-card{max-width:100%}.kg-width-full .kg-image{max-width:100vw}.kg-width-wide .kg-image{max-width:1000px}.has-sidebar .kg-gallery-container,.has-sidebar .kg-width-full .kg-image,.has-sidebar .kg-width-wide .kg-image{max-width:100%;width:100%}@media only screen and (max-width:767px){.kg-width-wide .kg-image{width:100%}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bounceIn{-webkit-animation-name:a;animation-name:a}.bounceInDown{-webkit-animation-name:b;animation-name:b}.pulse{-webkit-animation-name:e;animation-name:e}@-webkit-keyframes a{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes a{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes b{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes b{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@-webkit-keyframes c{0%{transform:translateX(-100%)}40%{transform:translateX(0)}60%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes c{0%{transform:translateX(-100%)}40%{transform:translateX(0)}60%{transform:translateX(0)}to{transform:translateX(100%)}}:not(pre)>code{border-radius:3px;white-space:normal;background:#e5eff5;text-shadow:none;color:#343f44;font-size:.875em;padding:.2rem .33rem;vertical-align:1%}pre{overflow-x:auto;margin:0;padding:20px;max-width:100%;border:0;color:#e5eff5;font-size:.875rem;line-height:1.6em;background:#2a3644;border-radius:5px}pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent;white-space:pre}pre code *{color:inherit}code,pre{font-family:Space Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1.25rem;margin-bottom:1rem;overflow:auto;border-radius:8px}:not(pre)>code[class*=language-],pre[class*=language-]{border:0}:not(pre)>code[class*=language-]{padding:.3em .4em;border-radius:.3em;white-space:normal;background:#e5eff5;text-shadow:none;color:#343f44;font-size:.9em}a>code[class*=language-]{color:#3eb0ef}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.5)}.token.punctuation{color:#fff}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff5884}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#e6db74}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#fff}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#a6e22e}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.modal{opacity:0;transition:opacity .2s ease-out .1s,visibility 0s .4s;visibility:hidden;z-index:8}.modal-content{opacity:0;transform:scale(.6);transition:transform .3s cubic-bezier(.06,.47,.38,.99),opacity .3s cubic-bezier(.06,.47,.38,.99)}.modal.is-active .modal-content{opacity:1;transform:scale(1);transition:transform .8s cubic-bezier(.26,.63,0,.96)}.modal.is-active{opacity:1;transition:opacity .3s ease;visibility:visible}.search-form input{background:transparent;border:0;box-shadow:none;width:100%}.search-form input:focus{box-shadow:none}.search-results{max-height:calc(100vh - 12rem);overflow:auto;-webkit-overflow-scrolling:touch}.search-results a.is-active,.search-results a:hover{background:hsla(0,0%,66.7%,.35)}.header{color:var(--header-color);height:4rem;transition:transform .3s;box-shadow:0 0 3px rgba(0,0,0,.03),0 3px 46px rgba(0,0,0,.07)}.bg-header{background-color:var(--header-bg)}.mainMenu-link{font-size:1rem;height:4rem;display:flex;align-items:center;position:relative}.mainMenu-link.active:after{background-color:var(--color-primary);border-radius:3px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.has-cover .header{transition:background .3s ease-in-out,box-shadow .3s ease-in-out}.has-cover .simply-hero-cover{margin-top:-4rem}.is-head-transparent:not(.has-menu) .header{background-color:hsla(0,0%,100%,0);box-shadow:0 1px 2px 0 hsla(0,0%,99.2%,.08)}.is-head-transparent:not(.has-menu) .header-logo,.is-head-transparent:not(.has-menu) .mainMenu-link{color:#fff}.is-head-transparent:not(.has-menu) .header-right>.button.is-white{background-color:transparent;color:#fff}.menu-burger{margin-right:-.5rem;transition:transform .4s;width:2.25rem}.menu-burger span{background-color:currentColor;display:block;height:2px;margin-top:-1px;position:absolute;top:50%;transition:.4s;width:20px}.menu-burger span:first-child{transform:translateY(-6px)}.menu-burger span:last-child{transform:translateY(6px)}.nav-mob{transform:translateX(100%);transition:.4s;will-change:transform}.has-menu{overflow:hidden}.has-menu .nav-mob{transform:translateX(0)}.has-menu .menu-burger span:first-child{transform:rotate(45deg) translate(0)}.has-menu .menu-burger span:nth-child(2){transform:scaleX(0)}.has-menu .menu-burger span:last-child{transform:rotate(-45deg) translate(0)}.dark .icon--sunny{display:block!important}.dark .icon--moon{display:none}.footer{background-color:#000;color:hsla(0,0%,100%,.7)}.footer a:hover:not(.button){color:#fff}.footer-items-title{color:hsla(0,0%,100%,.95);font-weight:600}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1)}.footer-arrow{border:4px solid transparent;border-left-color:#fff;height:0;width:0}.footer-form-input{background-color:#222;border-color:transparent;color:#bbb}.footer-form-input::-moz-placeholder{color:#bbb}.footer-form-input:-ms-input-placeholder{color:#bbb}.footer-form-input::placeholder{color:#bbb}.scroll-transparent::-webkit-scrollbar{width:5px;position:fixed;right:0}.scroll-transparent::-webkit-scrollbar-thumb{background:transparent;-webkit-transition:background-color 2s;transition:background-color 2s}.menu-link.is-active .menu-link-bg{opacity:.1}.post-body{align-items:center;font-size:1.25rem;line-height:1.625}.post-body>*{margin-top:1rem;margin-bottom:1rem;min-width:100%}.post-body>:first-child{margin-top:2.5rem}.post-body a:not(.kg-bookmark-container):not(.button):not(.anchor):not(.not-link):not(.gh-members-popup-close){text-decoration:underline;word-break:break-word}.post-body img:not(.kg-bookmark-icon){margin-left:auto;margin-right:auto}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-top:2rem;font-style:normal;color:var(--title-color);margin-bottom:.75rem}.post-body h1+p,.post-body h2+p,.post-body h3+p,.post-body h4+p,.post-body h5+p,.post-body h6+p{margin-top:0}.post-body blockquote{margin:2rem 0 2rem -1.5rem}.post-body ol,.post-body ul{counter-reset:a}.post-body ol li,.post-body ul li{margin-bottom:.5rem;margin-left:2rem}.post-body ol li:before,.post-body ul li:before{box-sizing:border-box;display:inline-block;margin-left:-22px;position:absolute;text-align:right}.post-body ul>li:before{content:"\2022";opacity:.9;transform:scale(1.1)}.post-body ol>li:before{content:counter(a) ".";counter-increment:a;padding-right:12px}.has-first-letter:first-letter{float:left;font-size:4rem;font-weight:700;line-height:.83;margin-left:-5px;margin-right:.5rem;padding-top:.5rem;text-transform:uppercase}.is-warning{background:#fbe9e7;color:#d50000}.is-warning:before{content:"⚠️"}.is-note{background:#e1f5fe;color:#0288d1}.is-note:before{content:"🔵"}.is-success{background:#e0f2f1;color:#00897b}.is-success:before{content:"✅"}.is-note,.is-success,.is-warning{border-radius:.25rem;font-size:1.125rem!important;letter-spacing:.02em;padding:.75rem 1.5rem .75rem 2.85rem}.is-note:before,.is-success:before,.is-warning:before{float:left;margin-left:-2.25rem}.prev-next>div{min-height:7.5rem}.post-upgrade:before{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:"";display:block;height:8rem;left:0;pointer-events:none;position:absolute;top:-9rem;width:100%}@media only screen and (max-width:767px){.post-body{font-size:1.125rem}.post-body>*{margin-top:1.75rem}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-top:3rem}.post-body h2{font-size:2rem}.post-body h3{font-size:1.75rem}.post-body h4{font-size:1.375rem}.post-body blockquote{margin-left:0}.post-body iframe{width:100%!important}.has-first-letter:first-letter{font-size:3.25rem}}.postImage .hh-author-name a{color:#fff}.postImage .hh-date{color:hsla(0,0%,100%,.7)}.topic-story{text-shadow:0 5px 18px rgba(0,0,0,.2)}.author-card{min-height:250px}.pae-icon svg{display:inline-block;height:64px;width:64px}.pae-title{font-size:1.125rem;font-weight:600;letter-spacing:2px;margin:1.25rem 0}.spc-h-e{color:#fecd35;font-size:1rem;font-weight:500;letter-spacing:.4em;margin-top:.4rem;text-transform:uppercase}.spc-des{margin:2.5rem auto;opacity:.9}.spc-des em{color:#fecd35;font-style:italic}.spc-buttons .button{background:hsla(0,0%,100%,.9);color:#000}.spc-buttons .button img{height:1.25rem;margin:0 .5rem 0 0}.homeHero .hhp-excerpt{max-height:4.3em;-webkit-line-clamp:3}@media only screen and (max-width:767px){.hhp-title{max-height:none!important;-webkit-line-clamp:initial!important}}@media only screen and (min-width:1000px){.homeHero-mediumCard{max-width:20rem}.homeHero-smallCardWrap{max-width:23rem}.homeHero-smallCard{min-height:100px}}.is-doc .post-body p{z-index:1}.is-doc .post-body h2{font-size:1.75rem}.is-doc .post-body h2:before{content:" ";display:block;margin-bottom:1.5rem;border-top:1px solid var(--border-color);transition:border-color .3s}.is-doc .post-body h3{line-height:1.25;font-size:1.375rem;font-weight:600;opacity:.9}.is-doc .post-body h1,.is-doc .post-body h2,.is-doc .post-body h3{padding-top:6rem;margin-top:-5rem}.is-doc .post-body h4,.is-doc .post-body h5,.is-doc .post-body h6{opacity:.8}.is-doc .post-body h4{font-size:1.25rem}.is-doc .post-body h5{font-size:1.125rem}.is-doc .post-body h6{font-size:1rem}.is-doc .post-body blockquote{border-color:var(--border-color);font-size:1.125rem!important;margin-left:0}.hover-title:hover .anchor{visibility:visible;opacity:1}.is-doc .footer-light{background:var(--bg)}.simply-form.error .message-error,.simply-form.success .message-success{display:block}.simply-form.loanding .button-content{display:none}.simply-form.loanding .button-loader{-webkit-animation:d .8s linear infinite;animation:d .8s linear infinite;display:block;display:inline-block}.plan-box{background-color:#fefefe;box-shadow:0 2px 20px 0 rgba(0,0,0,.13)}.plan-box ul li{color:#585858;margin-bottom:.75rem;position:relative}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity:1;background-color:rgba(17,15,22,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-blank{background-color:var(--blank)}.bg-orange{--tw-bg-opacity:1;background-color:rgba(255,68,34,var(--tw-bg-opacity))}.bg-modal{background-color:rgba(84,102,109,.6)}.bg-primary{background-color:var(--color-primary)}.bg-success{--tw-bg-opacity:1;background-color:rgba(72,199,116,var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgba(241,70,104,var(--tw-bg-opacity))}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-150{background-color:var(--gray-150)}.bg-gray-200{background-color:var(--gray-200)}.bg-facebook{--tw-bg-opacity:1;background-color:rgba(66,103,178,var(--tw-bg-opacity))}.bg-twitter{--tw-bg-opacity:1;background-color:rgba(85,172,238,var(--tw-bg-opacity))}.bg-whatsapp{--tw-bg-opacity:1;background-color:rgba(100,212,72,var(--tw-bg-opacity))}.hover\:bg-warning:hover{--tw-bg-opacity:1;background-color:rgba(255,221,87,var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-80{--tw-bg-opacity:0.8}.border-transparent{border-color:transparent}.border-primary{border-color:var(--color-primary)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.hover\:border-primary:hover{border-color:var(--color-primary)}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-4{border-width:4px}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:PT Serif,ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-32{height:8rem}.h-40{height:10rem}.h-56{height:14rem}.h-88{height:22rem}.h-90{height:24rem}.h-full{height:100%}.h-screen{height:100vh}.text-22{font-size:1.375rem}.text-32{font-size:2rem}.text-44{font-size:2.75rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-8xl{font-size:6rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.m-0{margin:0}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-0{margin-left:0}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-20{margin-top:5rem}.mb-24{margin-bottom:6rem}.-ml-10{margin-left:-2.5rem}.-ml-12{margin-left:-3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.max-w-740{max-width:46.25rem}.max-w-1000{max-width:62.5rem}.max-w-1100{max-width:68.75rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-extreme{max-width:81.25rem}.min-h-screen{min-height:100vh}.min-h-lg{min-height:32rem}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-24{padding:6rem}.p-vw6{padding:6vw}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-vw8{padding-top:8vw;padding-bottom:8vw}.py-vw6{padding-top:6vw;padding-bottom:6vw}.pb-1{padding-bottom:.25rem}.pl-2{padding-left:.5rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pl-4{padding-left:1rem}.pt-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pt-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.pt-12{padding-top:3rem}.pb-12{padding-bottom:3rem}.pt-16{padding-top:4rem}.pb-16{padding-bottom:4rem}.pt-vw6{padding-top:6vw}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-16{top:4rem}.top-24{top:6rem}.resize{resize:both}*{--tw-shadow:0 0 transparent}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.shadow-3xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0 36px 64px 0 rgba(0,0,0,0.2)}*{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.fill-current{fill:currentColor}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-primary{color:var(--color-primary)}.text-title{color:var(--title-color)}.text-success{--tw-text-opacity:1;color:rgba(72,199,116,var(--tw-text-opacity))}.text-danger{--tw-text-opacity:1;color:rgba(241,70,104,var(--tw-text-opacity))}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.hover\:text-dark:hover{--tw-text-opacity:1;color:rgba(17,15,22,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:text-gray-700:hover{color:var(--gray-700)}.hover\:text-facebook:hover{--tw-text-opacity:1;color:rgba(66,103,178,var(--tw-text-opacity))}.hover\:text-twitter:hover{--tw-text-opacity:1;color:rgba(85,172,238,var(--tw-text-opacity))}.hover\:text-youtube:hover{--tw-text-opacity:1;color:rgba(255,0,0,var(--tw-text-opacity))}.hover\:text-instagram:hover{--tw-text-opacity:1;color:rgba(191,50,168,var(--tw-text-opacity))}.italic{font-style:italic}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.hover\:underline:hover,.underline{text-decoration:underline}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.invisible{visibility:hidden}.whitespace-normal{white-space:normal}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-32{width:8rem}.w-56{width:14rem}.w-1\/2{width:50%}.w-1\/3,.w-4\/12{width:33.333333%}.w-full{width:100%}.z-2{z-index:1}.z-3{z-index:2}.z-4{z-index:3}.z-10{z-index:4}.z-20{z-index:5}.z-50{z-index:6}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}@-webkit-keyframes d{to{transform:rotate(1turn)}}@keyframes d{to{transform:rotate(1turn)}}@-webkit-keyframes e{50%{opacity:.5}}@keyframes e{50%{opacity:.5}}.noWrapWithEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-primaryGradient{background:linear-gradient(135deg,rgba(16,43,123,.7),rgba(10,190,81,.7))}.avatar{height:2.25rem;width:2.25rem}.avatar.is-44x44{height:2.75rem;width:2.75rem}.avatar.is-24x24{height:1.5rem;width:1.5rem}.avatar.is-100x100{height:6.25rem;width:6.25rem}.has-overlay .overlay-toggle{opacity:0;transition:opacity .3s ease;visibility:hidden}.has-overlay:hover .overlay-toggle{opacity:1;visibility:visible}.lineClamp-2{-webkit-line-clamp:2;max-height:2.8em}.underscore:after{background-color:#0abe51;background-color:var(--color-primary);border-radius:.25rem;content:"";display:block;height:.15em;margin:.5rem 0 1.5rem;position:relative;width:1.5em}.underscore.is-center:after{margin-left:auto;margin-right:auto}@media only screen and (max-width:767px){.hide-before-md{display:none!important}}@media only screen and (max-width:999px){.hide-before-lg{display:none!important}}@media only screen and (min-width:640px){.hide-after-md{display:none!important}}@media only screen and (min-width:1000px){.hide-after-lg{display:none!important}}@media (min-width:768px){.md\:border-0{border-width:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:justify-end{justify-content:flex-end}.md\:order-none{order:0}.md\:h-auto{height:auto}.md\:text-22{font-size:1.375rem}.md\:text-32{font-size:2rem}.md\:text-2xl{font-size:1.5rem}.md\:text-3xl{font-size:1.875rem}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:text-6xl{font-size:4rem}.md\:my-0{margin-top:0}.md\:mb-0,.md\:my-0{margin-bottom:0}.md\:ml-3{margin-left:.75rem}.md\:ml-4{margin-left:1rem}.md\:p-12{padding:3rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:pr-6{padding-right:1.5rem}.md\:pb-8{padding-bottom:2rem}.md\:w-64{width:16rem}.md\:w-1\/3{width:33.333333%}.md\:w-3\/6{width:50%}}@media (min-width:1000px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:order-none{order:0}.lg\:h-96{height:30rem}.lg\:h-98{height:32rem}.lg\:text-32{font-size:2rem}.lg\:text-44{font-size:2.75rem}.lg\:text-5xl{font-size:3rem}.lg\:text-9xl{font-size:8rem;line-height:1}.lg\:m-8{margin:2rem}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:mx-12{margin-left:3rem;margin-right:3rem}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-6{margin-left:1.5rem}.lg\:ml-10{margin-left:2.5rem}.lg\:mr-16{margin-right:4rem}.lg\:max-h-\(screen-16\){max-height:calc(100vh - 4rem)}.lg\:max-w-xs{max-width:20rem}.lg\:min-h-screen{min-height:100vh}.lg\:overflow-visible{overflow:visible}.lg\:p-16{padding:4rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-vw8{padding-top:8vw;padding-bottom:8vw}.lg\:py-vw6{padding-top:6vw;padding-bottom:6vw}.lg\:pb-8{padding-bottom:2rem}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-12{padding-top:3rem}.lg\:pt-16{padding-top:4rem}.lg\:sticky{position:sticky}.lg\:top-32{top:8rem}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:w-full{width:100%}}@media (min-width:1232px){.xl\:flex{display:flex}} \ No newline at end of file + */@charset "UTF-8";:root{--ghost-accent-color:#0abe51;--bg:#fff;--body-color:#292929;--blank:#fff;--header-color:#292929;--header-bg:#fff;--title-color:#18181b;--color-primary:var(--ghost-accent-color);--color-link:var(--ghost-accent-color);--border-color:#e2ecec;--color-mark:#e4f7df;--gray-100:#fafafa;--gray-150:#f8fafc;--gray-200:#f3f5f9;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#757575;--gray-600:#52525b;--gray-700:#616161;--gray-800:#292929;--gray-900:#18181b;--story-small-bg:#fff;--card-bg:#fff;--dropdown-bg:#fff}.dark{--bg:#111;--blank:#111;--body-color:#acacac;--title-color:hsla(0,0%,100%,0.9);--border-color:#2e2e2e;--color-mark:#31422d;--header-color:#fff;--header-bg:#000;--gray-100:#141414;--gray-150:#141414;--gray-200:#141414;--gray-300:#1b1a1a;--gray-500:#747e86;--gray-600:#a1a1aa;--gray-700:#9e9a9a;--gray-900:hsla(0,0%,100%,0.9);--story-small-bg:#131212;--card-bg:#131212;--dropdown-bg:#191b1f}.dark input,.dark textarea{background-color:rgba(97,97,97,.25);color:#fff;border-color:#444}.dark input::-moz-placeholder, .dark textarea::-moz-placeholder{color:#aaa}.dark input:-ms-input-placeholder, .dark textarea:-ms-input-placeholder{color:#aaa}.dark input::placeholder,.dark textarea::placeholder{color:#aaa}.dark table tr:nth-child(2n){background:transparent}.dark table td,.dark table th{border-color:hsla(0,0%,100%,.2)}.dark .medium-zoom-overlay{background:rgba(0,0,0,.5)!important}.dark .post-upgrade:before{background:linear-gradient(180deg,hsla(0,0%,100%,0),#111)}.dark .button,.dark .button.is-light{background-color:#2b2b2b;color:hsla(0,0%,100%,.9)}.dark .button.is-light:hover,.dark .button:hover{background-color:#2b2b2b;color:#fff}.dark .button.is-white,.dark .button.is-white:hover{background-color:transparent;color:hsla(0,0%,100%,.9)}.dark :not(pre)>code{background:#363f44;color:#a8bcc5}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,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}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid var(--gray-200)}hr{border-top-width:1px}img{border-style:solid}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:var(--gray-400)}input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;color:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[role=button],button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.kg-bookmark-description{color:var(--gray-500)}.button,.kg-bookmark-container,cite,figcaption,h1,h2,h3,h4,h5,h6,table{font-family:Inter,Whitney SSm A,Whitney SSm B,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-body,.spc-des{font-family:"PT Serif",Mercury SSm A,Mercury SSm B,Georgia,serif}.kg-bookmark-description,.lineClamp,.lineClamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.image-inset,.kg-bookmark-thumbnail img,.u-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.image-inset,.kg-bookmark-thumbnail img{bottom:0;left:0;position:absolute;right:0;top:0}.card,.kg-bookmark-container{background:var(--card-bg);border:1px solid rgba(0,0,0,.1);border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden}.kg-bookmark-container{display:flex}.flexColumnTop,.kg-bookmark-content{display:flex;flex-direction:column;justify-content:flex-start}.kg-bookmark-metadata,.kg-embed-card{align-items:center;display:flex}.kg-embed-card,.kg-gallery-container,.post-body{display:flex;flex-direction:column}.kg-gallery-row{display:flex;flex-direction:row}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button,.input,input,textarea{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding:calc(.5em - 1px) calc(.75em - 1px);position:relative;vertical-align:top}.button:active,.button:focus,.input:active,.input:focus,.is-active.button,.is-active.input,.is-focused.button,.is-focused.input,input.is-active,input.is-focused,input:active,input:focus,textarea.is-active,textarea.is-focused,textarea:active,textarea:focus{outline:none}.button[disabled],.input[disabled],fieldset[disabled] .button,fieldset[disabled] .input,fieldset[disabled] input,fieldset[disabled] textarea,input[disabled],textarea[disabled]{cursor:not-allowed}html{font-size:16px}body{background-color:var(--bg);color:var(--body-color);font-size:1rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.5;margin:0 auto;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:active,a:focus,a:hover{outline:0}.link{color:var(--color-link)}.link.is-hover:hover{opacity:.92}blockquote:not(.pullquote){border-left:.25rem solid;color:var(--title-color);font-size:1.375rem;line-height:1.5;margin:2rem 0 2rem -1.5rem;padding-bottom:.125rem;padding-left:1.25rem}blockquote:not(.pullquote) p:first-of-type{margin-top:0}.pullquote{margin:2rem 0!important;padding-left:8%}@media only screen and (min-width:1000px){blockquote{font-size:1.5rem;margin-left:-.25rem}}cite,figcaption{color:var(--gray-500);display:block;font-feature-settings:"liga" on,"lnum" on;font-size:.875rem;font-style:normal;font-weight:500;letter-spacing:0;line-height:1.4;margin-top:.625rem;outline:0;text-align:center;width:100%}cite{text-align:left}figure{margin:0}hr{border:0;border-top:1px solid var(--border-color);box-sizing:content-box;height:0;margin:2rem 0;overflow:visible}img{height:auto;max-width:100%;vertical-align:middle;width:auto}img:not([src]){visibility:hidden}mark{background:var(--color-mark);color:inherit}.medium-zoom-overlay{z-index:6}.medium-zoom-image--opened{z-index:7}.video-responsive{display:block;height:0;overflow:hidden;padding:0 0 56.25%;position:relative;width:100%}.video-responsive iframe,.video-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.blur-up{opacity:0}.blur-up.lazyloaded{opacity:1;transition:opacity .5s ease-in-out}.loadingBar{background-color:#48e79a;height:2px;transform:translateX(100%);z-index:9}.is-loading .loadingBar{-webkit-animation:c 1s ease-in-out infinite;animation:c 1s ease-in-out infinite;-webkit-animation-delay:.8s;animation-delay:.8s;display:block}.medium-zoom--opened .header{opacity:0;transform:translateY(-100%);transition:transform .2s,opacity .2s,visibility 0s 2s;visibility:hidden}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:700;line-height:1.1;margin:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;line-height:inherit}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.375rem}h6{font-size:1.125rem}p{margin:0}.container{width:100%;padding-right:1rem;padding-left:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1000px){.container{max-width:1000px}}@media (min-width:1232px){.container{max-width:1232px}}.row{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.row.is-gapless{margin-left:0;margin-right:0}.row.is-gapless .col{padding-left:0;padding-right:0}.row .col{flex-basis:0;flex-grow:1;flex-shrink:1;max-width:100%;padding-left:1rem;padding-right:1rem}.row .col.s1{flex:0 0 8.33333%;max-width:8.33333%}.row .col.s2{flex:0 0 16.66667%;max-width:16.66667%}.row .col.s3{flex:0 0 25%;max-width:25%}.row .col.s4{flex:0 0 33.33333%;max-width:33.33333%}.row .col.s5{flex:0 0 41.66667%;max-width:41.66667%}.row .col.s6{flex:0 0 50%;max-width:50%}.row .col.s7{flex:0 0 58.33333%;max-width:58.33333%}.row .col.s8{flex:0 0 66.66667%;max-width:66.66667%}.row .col.s9{flex:0 0 75%;max-width:75%}.row .col.s10{flex:0 0 83.33333%;max-width:83.33333%}.row .col.s11{flex:0 0 91.66667%;max-width:91.66667%}.row .col.s12{flex:0 0 100%;max-width:100%}@media only screen and (min-width:768px){.row .col.m1{flex:0 0 8.33333%;max-width:8.33333%}.row .col.m2{flex:0 0 16.66667%;max-width:16.66667%}.row .col.m3{flex:0 0 25%;max-width:25%}.row .col.m4{flex:0 0 33.33333%;max-width:33.33333%}.row .col.m5{flex:0 0 41.66667%;max-width:41.66667%}.row .col.m6{flex:0 0 50%;max-width:50%}.row .col.m7{flex:0 0 58.33333%;max-width:58.33333%}.row .col.m8{flex:0 0 66.66667%;max-width:66.66667%}.row .col.m9{flex:0 0 75%;max-width:75%}.row .col.m10{flex:0 0 83.33333%;max-width:83.33333%}.row .col.m11{flex:0 0 91.66667%;max-width:91.66667%}.row .col.m12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1000px){.row .col.l1{flex:0 0 8.33333%;max-width:8.33333%}.row .col.l2{flex:0 0 16.66667%;max-width:16.66667%}.row .col.l3{flex:0 0 25%;max-width:25%}.row .col.l4{flex:0 0 33.33333%;max-width:33.33333%}.row .col.l5{flex:0 0 41.66667%;max-width:41.66667%}.row .col.l6{flex:0 0 50%;max-width:50%}.row .col.l7{flex:0 0 58.33333%;max-width:58.33333%}.row .col.l8{flex:0 0 66.66667%;max-width:66.66667%}.row .col.l9{flex:0 0 75%;max-width:75%}.row .col.l10{flex:0 0 83.33333%;max-width:83.33333%}.row .col.l11{flex:0 0 91.66667%;max-width:91.66667%}.row .col.l12{flex:0 0 100%;max-width:100%}}input,textarea{background-color:#fff;border-color:#ced4da;border-radius:.25rem;color:#363636}input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(54,54,54,.8)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(54,54,54,.8)}input:-moz-placeholder,textarea:-moz-placeholder{color:rgba(54,54,54,.8)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(54,54,54,.8)}input:hover,textarea:hover{border-color:#80bdff}input:active,input:focus,textarea:active,textarea:focus{border-color:#80bdff;box-shadow:0 .625rem 1.25rem rgba(0,0,0,.1)}fieldset[disabled] input,fieldset[disabled] textarea,input[disabled],textarea[disabled]{background-color:#f5f5f5;border-color:#f5f5f5;box-shadow:none;color:#757575}fieldset[disabled] input::-moz-placeholder,fieldset[disabled] textarea::-moz-placeholder,input[disabled]::-moz-placeholder,textarea[disabled]::-moz-placeholder{color:hsla(0,0%,45.9%,.3)}fieldset[disabled] input::-webkit-input-placeholder,fieldset[disabled] textarea::-webkit-input-placeholder,input[disabled]::-webkit-input-placeholder,textarea[disabled]::-webkit-input-placeholder{color:hsla(0,0%,45.9%,.3)}fieldset[disabled] input:-moz-placeholder,fieldset[disabled] textarea:-moz-placeholder,input[disabled]:-moz-placeholder,textarea[disabled]:-moz-placeholder{color:hsla(0,0%,45.9%,.3)}fieldset[disabled] input:-ms-input-placeholder,fieldset[disabled] textarea:-ms-input-placeholder,input[disabled]:-ms-input-placeholder,textarea[disabled]:-ms-input-placeholder{color:hsla(0,0%,45.9%,.3)}input,textarea{box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);max-width:100%;width:100%}input[readonly],textarea[readonly]{box-shadow:none}input.is-primary,textarea.is-primary{border-color:#0abe51}input.is-primary:active,input.is-primary:focus,textarea.is-primary:active,textarea.is-primary:focus{box-shadow:0 .625rem 1.25rem rgba(10,190,81,.25)}input.is-medium,textarea.is-medium{font-size:1.25rem}textarea{display:block;max-width:100%;min-width:100%;padding:calc(.75em - 1px);resize:vertical}textarea:not([rows]){max-height:40em;min-height:8em}textarea[rows]{height:auto}textarea.has-fixed-size{resize:none}.button{background-color:#fff;border-color:#757575;border-width:1px;color:#292929;cursor:pointer;justify-content:center;padding:0 .875em;text-align:center;white-space:nowrap}.button:hover{color:#18181b}.button:active,.button:hover{border-color:#292929}.button .icon,.button .icon.is-large,.button .icon.is-medium,.button .icon.is-small{height:1.5em;width:1.5em}.button .icon:first-child:not(:last-child){margin-left:calc(-.5em - 1px);margin-right:.25em}.button .icon:last-child:not(:first-child){margin-left:.25em;margin-right:calc(-.5em - 1px)}.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}.button.is-primary,.button.is-primary:hover{background-color:var(--ghost-accent-color);border-color:transparent;color:#fff}.button.is-primary:hover{opacity:.92}.button.is-primary.is-outlined{background-color:transparent;border-color:var(--ghost-accent-color);color:var(--ghost-accent-color)}.button.is-primary.is-outlined:hover{background-color:var(--ghost-accent-color);border-color:var(--ghost-accent-color);color:#fff}.button.is-dark-blue{background-color:#102b7b;border-color:transparent;color:#fff}.button.is-white{background-color:#fff;border-color:transparent;color:#191919}.button.is-white:hover{background-color:#f9f9f9;border-color:transparent;color:#757575}.button.is-white.is-outlined{background-color:transparent;border-color:#fff;color:#fff}.button.is-white.is-outlined:hover{background-color:#fff;border-color:#fff;color:#191919}.button.is-black{background-color:#191919;border-color:transparent;color:#fff}.button.is-black:hover{background-color:#131313;border-color:transparent;color:#fff}.button.is-black.is-outlined{background-color:transparent;border-color:#191919;color:#191919}.button.is-black.is-outlined:hover{background-color:#191919;border-color:#191919;color:#fff}.button.is-light{background-color:#f2f2f2}.button.is-light,.button.is-light:hover{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light:hover{background-color:#ececec}.button.is-light.is-outlined{background-color:transparent;border-color:#f2f2f2;color:#f2f2f2}.button.is-light.is-outlined:hover{background-color:#f2f2f2;border-color:#f2f2f2;color:rgba(0,0,0,.7)}.button.is-transparent{color:hsla(0,0%,100%,.7)}.button.is-transparent,.button.is-transparent:hover{background-color:transparent;border-color:transparent}.button.is-transparent:hover{color:#fff}.button.is-transparent.is-outlined{background-color:transparent;border-color:transparent;color:transparent}.button.is-transparent.is-outlined:hover{background-color:transparent;border-color:transparent;color:hsla(0,0%,100%,.7)}.button.is-small{font-size:.75rem}.button.is-x-small{height:1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:0 .5rem}.button.is-medium{font-size:1.25rem}.button.is-circle{width:2.25rem;height:2.25rem;border-radius:50%;line-height:2.125rem;padding:0}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.buttons .button{margin-bottom:.5rem}.buttons .button:not(:last-child){margin-right:.5rem}.buttons:last-child{margin-bottom:-.5rem}.buttons:not(:last-child){margin-bottom:1rem}.icon{display:inline-block;fill:currentColor;height:1.5rem;stroke-width:0;vertical-align:middle;width:1.5rem}.icon.is-stroke{fill:none;stroke:currentColor}.icon.is-small{height:1rem;width:1rem}.icon.is-medium{height:1.25rem;width:1.25rem}table{-webkit-overflow-scrolling:touch;border-collapse:collapse;border-spacing:0;display:block;font-size:1rem;line-height:1.5;margin:2rem 0 0;max-width:100%;overflow-x:auto;white-space:nowrap;width:auto}table td,table th{border:1px solid #dfe2e5;padding:.75rem}table tr:nth-child(2n){background-color:#f6f8fa}table th{font-weight:600;letter-spacing:.2px;text-transform:uppercase}.dropdown{position:relative}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:scale(1) translateY(0);transition:all .2s cubic-bezier(.4,.01,.165,.99);visibility:visible}.dropdown.is-right .dropdown-menu{right:-1.5rem;left:auto}.dropdown.is-right .dropdown-content:after{right:2rem;left:auto}.dropdown-menu{left:-1.5rem;max-width:18rem;min-width:12rem;opacity:0;padding-top:4px;position:absolute;top:100%;transform:scale(.9) translateY(-20px);transition:all .3s cubic-bezier(.4,.01,.165,.99),opacity .2s cubic-bezier(.4,.01,.165,.99);visibility:hidden;z-index:5}.dropdown-content{background-color:var(--dropdown-bg);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35);padding-bottom:.5rem;padding-top:.5rem;position:relative}.dropdown-content:after{background:var(--dropdown-bg);bottom:100%;box-shadow:-1px -1px 1px -1px rgba(0,0,0,.54);content:"";display:block;height:14px;left:2.5rem;position:absolute;transform:rotate(45deg) translate(6px,6px);width:14px}.dropdown-item{display:block;font-size:1rem;line-height:1.5;padding:.5rem 1.25rem;position:relative}a.dropdown-item{font-weight:500;white-space:nowrap;width:100%}.dropdown-divider{background-color:var(--border-color);border:0;display:block;height:1px;margin:.625rem 0}.hh-author li:not(:first-child){margin-left:-6px}.hh-author-name>a:hover{color:var(--gray-900);text-decoration:underline}.story-title{margin:0 0 .4em}.story-image{height:200px}.storySmall{background:var(--story-small-bg);border:1px solid rgba(0,0,0,.04);border-radius:4px 4px 0 0;box-shadow:0 1px 7px rgba(0,0,0,.05)}.ss4+.ss3{margin-bottom:2.5rem}.story-cover-image{height:350px}.story-cover .hh-author-name a{color:#fff!important}.story-cover .hh-date{color:hsla(0,0%,100%,.8)}.sp-small:hover .sp-small-title{color:var(--color-primary)}@media only screen and (min-width:768px){.story-excerpt{display:-webkit-box;max-height:6em;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ss3+.ss4{padding-left:0}.ss4+.ss4{padding-right:0}}@media only screen and (min-width:1000px){.ss1 .hh{flex:none}.ss1 .story{display:flex}.ss1 .story-title{font-size:2.25rem}.ss1 .story-image{flex:1 1 auto;height:auto;min-height:380px}.ss1 .story-body{flex-basis:34.33333%;padding:0 0 0 2rem}.ss2 .story-image{height:270px}.ss2 .story-title{font-size:1.75rem}.ss3 .story-cover-body{right:30%}}.kg-bookmark-card{position:relative}.kg-bookmark-publisher{color:var(--ghost-accent-color)}.kg-bookmark-content{flex-basis:100%;flex-grow:1;padding:1.25rem}.kg-bookmark-title{color:var(--title-color);font-size:1.25rem;font-weight:600;line-height:1.2}.kg-bookmark-description{font-size:1rem;line-height:1.4;margin-top:.75rem;max-height:4em;-webkit-line-clamp:2}.kg-bookmark-metadata{font-size:.875rem;margin-top:.75rem}.kg-bookmark-thumbnail{flex-grow:1;min-height:9.5rem;min-width:33%;overflow:hidden;position:relative}.kg-bookmark-icon{height:1.375rem;margin-right:.5rem;width:1.375rem}.kg-bookmark-author:after{content:"•";margin:0 .25rem;opacity:.6}@media only screen and (max-width:639px){.kg-bookmark-container{flex-direction:column}.kg-bookmark-content{order:1}}.kg-code-card pre[class*=language-]{margin-bottom:0}.kg-gallery-container{max-width:1100px;width:100vw}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image img{display:block;height:100%;margin:0;width:100%}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-embed-card{max-width:100%}.kg-width-full .kg-image{max-width:100vw}.kg-width-wide .kg-image{max-width:1000px}.has-sidebar .kg-gallery-container,.has-sidebar .kg-width-full .kg-image,.has-sidebar .kg-width-wide .kg-image{max-width:100%;width:100%}@media only screen and (max-width:767px){.kg-width-wide .kg-image{width:100%}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bounceIn{-webkit-animation-name:a;animation-name:a}.bounceInDown{-webkit-animation-name:b;animation-name:b}.pulse{-webkit-animation-name:e;animation-name:e}@-webkit-keyframes a{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes a{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes b{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes b{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@-webkit-keyframes c{0%{transform:translateX(-100%)}40%{transform:translateX(0)}60%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes c{0%{transform:translateX(-100%)}40%{transform:translateX(0)}60%{transform:translateX(0)}to{transform:translateX(100%)}}:not(pre)>code{border-radius:3px;white-space:normal;background:#e5eff5;text-shadow:none;color:#343f44;font-size:.875em;padding:.2rem .33rem;vertical-align:1%}pre{overflow-x:auto;margin:0;padding:20px;max-width:100%;border:0;color:#e5eff5;font-size:.875rem;line-height:1.6em;background:#2a3644;border-radius:5px}pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent;white-space:pre}pre code *{color:inherit}code,pre{font-family:Space Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1.25rem;margin-bottom:1rem;overflow:auto;border-radius:8px}:not(pre)>code[class*=language-],pre[class*=language-]{border:0}:not(pre)>code[class*=language-]{padding:.3em .4em;border-radius:.3em;white-space:normal;background:#e5eff5;text-shadow:none;color:#343f44;font-size:.9em}a>code[class*=language-]{color:#3eb0ef}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:hsla(0,0%,100%,.5)}.token.punctuation{color:#fff}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff5884}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#e6db74}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#fff}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#a6e22e}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.modal{opacity:0;transition:opacity .2s ease-out .1s,visibility 0s .4s;visibility:hidden;z-index:8}.modal-content{opacity:0;transform:scale(.6);transition:transform .3s cubic-bezier(.06,.47,.38,.99),opacity .3s cubic-bezier(.06,.47,.38,.99)}.modal.is-active .modal-content{opacity:1;transform:scale(1);transition:transform .8s cubic-bezier(.26,.63,0,.96)}.modal.is-active{opacity:1;transition:opacity .3s ease;visibility:visible}.search-form input{background:transparent;border:0;box-shadow:none;width:100%}.search-form input:focus{box-shadow:none}.search-results{max-height:calc(100vh - 12rem);overflow:auto;-webkit-overflow-scrolling:touch}.search-results a.is-active,.search-results a:hover{background:hsla(0,0%,66.7%,.35)}.header{color:var(--header-color);height:4rem;transition:transform .3s;box-shadow:0 0 3px rgba(0,0,0,.03),0 3px 46px rgba(0,0,0,.07)}.bg-header{background-color:var(--header-bg)}.mainMenu-link{font-size:1rem;height:4rem;display:flex;align-items:center;position:relative}.mainMenu-link.active:after{background-color:var(--color-primary);border-radius:3px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.has-cover .header{transition:background .3s ease-in-out,box-shadow .3s ease-in-out}.has-cover .simply-hero-cover{margin-top:-4rem}.is-head-transparent:not(.has-menu) .header{background-color:hsla(0,0%,100%,0);box-shadow:0 1px 2px 0 hsla(0,0%,99.2%,.08)}.is-head-transparent:not(.has-menu) .header-logo,.is-head-transparent:not(.has-menu) .mainMenu-link{color:#fff}.is-head-transparent:not(.has-menu) .header-right>.button.is-white{background-color:transparent;color:#fff}.menu-burger{margin-right:-.5rem;transition:transform .4s;width:2.25rem}.menu-burger span{background-color:currentColor;display:block;height:2px;margin-top:-1px;position:absolute;top:50%;transition:.4s;width:20px}.menu-burger span:first-child{transform:translateY(-6px)}.menu-burger span:last-child{transform:translateY(6px)}.nav-mob{transform:translateX(100%);transition:.4s;will-change:transform}.has-menu{overflow:hidden}.has-menu .nav-mob{transform:translateX(0)}.has-menu .menu-burger span:first-child{transform:rotate(45deg) translate(0)}.has-menu .menu-burger span:nth-child(2){transform:scaleX(0)}.has-menu .menu-burger span:last-child{transform:rotate(-45deg) translate(0)}.dark .icon--sunny{display:block!important}.dark .icon--moon{display:none}.footer{background-color:#111;color:hsla(0,0%,100%,.6)}.footer a:hover:not(.button){color:#fff}.footer-items-title{color:hsla(0,0%,100%,.95);font-weight:600}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1)}.footer-arrow{border:4px solid transparent;border-left-color:#fff;height:0;width:0}.footer-form-input{background-color:rgba(97,97,97,.25);border-color:transparent;color:#bbb}.footer-form-input::-moz-placeholder{color:#bbb}.footer-form-input:-ms-input-placeholder{color:#bbb}.footer-form-input::placeholder{color:#bbb}.scroll-transparent::-webkit-scrollbar{width:5px;position:fixed;right:0}.scroll-transparent::-webkit-scrollbar-thumb{background:transparent;-webkit-transition:background-color 2s;transition:background-color 2s}.menu-link.is-active .menu-link-bg{opacity:.1}.post-body{align-items:center;font-size:1.25rem;line-height:1.625}.post-body>*{margin-top:1rem;margin-bottom:1rem;min-width:100%}.post-body>:first-child{margin-top:2.5rem}.post-body a:not(.kg-bookmark-container):not(.button):not(.anchor):not(.not-link):not(.gh-members-popup-close){text-decoration:underline;word-break:break-word}.post-body img:not(.kg-bookmark-icon){margin-left:auto;margin-right:auto}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-top:2rem;font-style:normal;color:var(--title-color);margin-bottom:.75rem}.post-body h1+p,.post-body h2+p,.post-body h3+p,.post-body h4+p,.post-body h5+p,.post-body h6+p{margin-top:0}.post-body blockquote{margin:2rem 0 2rem -1.5rem}.post-body ol,.post-body ul{counter-reset:a}.post-body ol li,.post-body ul li{margin-bottom:.5rem;margin-left:2rem}.post-body ol li:before,.post-body ul li:before{box-sizing:border-box;display:inline-block;margin-left:-22px;position:absolute;text-align:right}.post-body ul>li:before{content:"\2022";opacity:.9;transform:scale(1.1)}.post-body ol>li:before{content:counter(a) ".";counter-increment:a;padding-right:12px}.has-first-letter:first-letter{float:left;font-size:4rem;font-weight:700;line-height:.83;margin-left:-5px;margin-right:.5rem;padding-top:.5rem;text-transform:uppercase}.is-warning{background:#fce8e6;color:#d50000}.is-note{background:#e1f5fe;color:#01579b}.is-success{background:#e0f2f1;color:#00796b}.is-note,.is-success,.is-warning{border-left:.25rem solid;border-radius:.25rem;letter-spacing:.01em;padding:.75rem 1.25rem}.prev-next>div{min-height:7.5rem}.post-upgrade:before{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:"";display:block;height:8rem;left:0;pointer-events:none;position:absolute;top:-9rem;width:100%}@media only screen and (max-width:767px){.post-body{font-size:1.125rem}.post-body>*{margin-top:1.75rem}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-top:3rem}.post-body h2{font-size:2rem}.post-body h3{font-size:1.75rem}.post-body h4{font-size:1.375rem}.post-body blockquote{margin-left:0}.post-body iframe{width:100%!important}.has-first-letter:first-letter{font-size:3.25rem}}.postImage .hh-author-name a{color:#fff}.postImage .hh-date{color:hsla(0,0%,100%,.7)}.topic-story{text-shadow:0 5px 18px rgba(0,0,0,.2)}.author-card{min-height:250px}.pae-icon svg{display:inline-block;height:64px;width:64px}.pae-title{font-size:1.125rem;font-weight:600;letter-spacing:2px;margin:1.25rem 0}.spc-h-e{color:#fecd35;font-size:1rem;font-weight:500;letter-spacing:.4em;margin-top:.4rem;text-transform:uppercase}.spc-des{margin:2.5rem auto;opacity:.9}.spc-des em{color:#fecd35;font-style:italic}.spc-buttons .button{background:hsla(0,0%,100%,.9);color:#000}.spc-buttons .button img{height:1.25rem;margin:0 .5rem 0 0}.homeHero .hhp-excerpt{max-height:4.3em;-webkit-line-clamp:3}@media only screen and (max-width:767px){.hhp-title{max-height:none!important;-webkit-line-clamp:initial!important}}@media only screen and (min-width:1000px){.homeHero-mediumCard{max-width:20rem}.homeHero-smallCardWrap{max-width:23rem}.homeHero-smallCard{min-height:100px}}.is-doc .post-body p{z-index:1}.is-doc .post-body h2{font-size:1.75rem}.is-doc .post-body h2:before{content:" ";display:block;margin-bottom:1.5rem;border-top:1px solid var(--border-color);transition:border-color .3s}.is-doc .post-body h3{line-height:1.25;font-size:1.375rem;font-weight:600;opacity:.9}.is-doc .post-body h1,.is-doc .post-body h2,.is-doc .post-body h3{padding-top:6rem;margin-top:-5rem}.is-doc .post-body h4,.is-doc .post-body h5,.is-doc .post-body h6{opacity:.8}.is-doc .post-body h4{font-size:1.25rem}.is-doc .post-body h5{font-size:1.125rem}.is-doc .post-body h6{font-size:1rem}.is-doc .post-body blockquote{border-color:var(--border-color);font-size:1.125rem!important;margin-left:0}.hover-title:hover .anchor{visibility:visible;opacity:1}.is-doc .footer-light{background:var(--bg)}.simply-form.error .message-error,.simply-form.success .message-success{display:block}.simply-form.loanding .button-content{display:none}.simply-form.loanding .button-loader{-webkit-animation:d .8s linear infinite;animation:d .8s linear infinite;display:block;display:inline-block}.plan-box{background-color:#fefefe;box-shadow:0 2px 20px 0 rgba(0,0,0,.13)}.plan-box ul li{color:#585858;margin-bottom:.75rem;position:relative}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-dark{--tw-bg-opacity:1;background-color:rgba(17,15,22,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-blank{background-color:var(--blank)}.bg-orange{--tw-bg-opacity:1;background-color:rgba(255,68,34,var(--tw-bg-opacity))}.bg-modal{background-color:rgba(84,102,109,.6)}.bg-primary{background-color:var(--ghost-accent-color)}.bg-success{--tw-bg-opacity:1;background-color:rgba(72,199,116,var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgba(241,70,104,var(--tw-bg-opacity))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgba(251,191,36,var(--tw-bg-opacity))}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-150{background-color:var(--gray-150)}.bg-gray-200{background-color:var(--gray-200)}.bg-facebook{--tw-bg-opacity:1;background-color:rgba(66,103,178,var(--tw-bg-opacity))}.bg-twitter{--tw-bg-opacity:1;background-color:rgba(85,172,238,var(--tw-bg-opacity))}.bg-whatsapp{--tw-bg-opacity:1;background-color:rgba(100,212,72,var(--tw-bg-opacity))}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-80{--tw-bg-opacity:0.8}.border-transparent{border-color:transparent}.border-primary{border-color:var(--ghost-accent-color)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.hover\:border-primary:hover{border-color:var(--ghost-accent-color)}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-4{border-width:4px}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:PT Serif,ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-32{height:8rem}.h-40{height:10rem}.h-56{height:14rem}.h-88{height:22rem}.h-90{height:24rem}.h-full{height:100%}.h-screen{height:100vh}.text-22{font-size:1.375rem}.text-32{font-size:2rem}.text-44{font-size:2.75rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-8xl{font-size:6rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.m-0{margin:0}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-0{margin-left:0}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-20{margin-top:5rem}.mb-24{margin-bottom:6rem}.-mt-6{margin-top:-1.5rem}.-ml-10{margin-left:-2.5rem}.-ml-12{margin-left:-3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.max-w-740{max-width:46.25rem}.max-w-1000{max-width:62.5rem}.max-w-1100{max-width:68.75rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-extreme{max-width:81.25rem}.min-h-screen{min-height:100vh}.min-h-lg{min-height:32rem}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.hover\:opacity-92:hover{opacity:.92}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-24{padding:6rem}.p-vw6{padding:6vw}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-vw8{padding-top:8vw;padding-bottom:8vw}.py-vw4{padding-top:4vw;padding-bottom:4vw}.py-vw6{padding-top:6vw;padding-bottom:6vw}.pb-1{padding-bottom:.25rem}.pl-2{padding-left:.5rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pl-3{padding-left:.75rem}.pt-4{padding-top:1rem}.pl-4{padding-left:1rem}.pt-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pt-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.pt-12{padding-top:3rem}.pb-12{padding-bottom:3rem}.pt-16{padding-top:4rem}.pb-16{padding-bottom:4rem}.pt-96{padding-top:24rem}.pt-vw6{padding-top:6vw}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.right-4{right:1rem}.top-16{top:4rem}.right-16{right:4rem}.top-24{top:6rem}.resize{resize:both}*{--tw-shadow:0 0 transparent}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.shadow-3xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-3xl{--tw-shadow:0 36px 64px 0 rgba(0,0,0,0.2)}*{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.fill-current{fill:currentColor}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-primary{color:var(--ghost-accent-color)}.text-title{color:var(--title-color)}.text-success{--tw-text-opacity:1;color:rgba(72,199,116,var(--tw-text-opacity))}.text-danger{--tw-text-opacity:1;color:rgba(241,70,104,var(--tw-text-opacity))}.text-amber-400{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.hover\:text-dark:hover{--tw-text-opacity:1;color:rgba(17,15,22,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-primary:hover{color:var(--ghost-accent-color)}.hover\:text-gray-700:hover{color:var(--gray-700)}.hover\:text-facebook:hover{--tw-text-opacity:1;color:rgba(66,103,178,var(--tw-text-opacity))}.hover\:text-twitter:hover{--tw-text-opacity:1;color:rgba(85,172,238,var(--tw-text-opacity))}.hover\:text-youtube:hover{--tw-text-opacity:1;color:rgba(255,0,0,var(--tw-text-opacity))}.hover\:text-instagram:hover{--tw-text-opacity:1;color:rgba(191,50,168,var(--tw-text-opacity))}.italic{font-style:italic}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.hover\:underline:hover,.underline{text-decoration:underline}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.invisible{visibility:hidden}.whitespace-normal{white-space:normal}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-32{width:8rem}.w-52{width:13rem}.w-56{width:14rem}.w-1\/2{width:50%}.w-1\/3,.w-4\/12{width:33.333333%}.w-full{width:100%}.z-2{z-index:1}.z-3{z-index:2}.z-4{z-index:3}.z-10{z-index:4}.z-20{z-index:5}.z-50{z-index:6}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.rotate-180{--tw-rotate:180deg}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}@-webkit-keyframes d{to{transform:rotate(1turn)}}@keyframes d{to{transform:rotate(1turn)}}@-webkit-keyframes e{50%{opacity:.5}}@keyframes e{50%{opacity:.5}}.noWrapWithEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-primaryGradient{background:linear-gradient(135deg,#111,var(--ghost-accent-color))}.avatar{height:2.25rem;width:2.25rem}.avatar.is-44x44{height:2.75rem;width:2.75rem}.avatar.is-24x24{height:1.5rem;width:1.5rem}.avatar.is-100x100{height:6.25rem;width:6.25rem}.has-overlay .overlay-toggle{opacity:0;transition:opacity .3s ease;visibility:hidden}.has-overlay:hover .overlay-toggle{opacity:1;visibility:visible}.lineClamp-2{-webkit-line-clamp:2;max-height:2.8em}.underscore:after{background-color:#0abe51;background-color:var(--color-primary);border-radius:.25rem;content:"";display:block;height:.15em;margin:.5rem 0 1.5rem;position:relative;width:1.5em}.underscore.is-center:after{margin-left:auto;margin-right:auto}@media only screen and (max-width:767px){.hide-before-md{display:none!important}}@media only screen and (max-width:999px){.hide-before-lg{display:none!important}}@media only screen and (min-width:640px){.hide-after-md{display:none!important}}@media only screen and (min-width:1000px){.hide-after-lg{display:none!important}}@media (min-width:768px){.md\:border-0{border-width:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:justify-end{justify-content:flex-end}.md\:order-none{order:0}.md\:h-auto{height:auto}.md\:text-22{font-size:1.375rem}.md\:text-32{font-size:2rem}.md\:text-2xl{font-size:1.5rem}.md\:text-3xl{font-size:1.875rem}.md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:text-6xl{font-size:4rem}.md\:text-7xl{font-size:4.5rem}.md\:my-0{margin-bottom:0}.md\:mt-0,.md\:my-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:ml-3{margin-left:.75rem}.md\:ml-4{margin-left:1rem}.md\:max-w-md{max-width:28rem}.md\:p-12{padding:3rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:pr-5{padding-right:1.25rem}.md\:pr-6{padding-right:1.5rem}.md\:pb-8{padding-bottom:2rem}.md\:text-left{text-align:left}.md\:w-64{width:16rem}.md\:w-1\/3{width:33.333333%}.md\:w-3\/6{width:50%}}@media (min-width:1000px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:order-none{order:0}.lg\:h-96{height:30rem}.lg\:h-98{height:32rem}.lg\:text-32{font-size:2rem}.lg\:text-44{font-size:2.75rem}.lg\:text-5xl{font-size:3rem}.lg\:text-6xl{font-size:4rem}.lg\:text-9xl{font-size:8rem;line-height:1}.lg\:m-8{margin:2rem}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:mx-12{margin-left:3rem;margin-right:3rem}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-6{margin-left:1.5rem}.lg\:ml-10{margin-left:2.5rem}.lg\:mr-16{margin-right:4rem}.lg\:max-h-\(screen-16\){max-height:calc(100vh - 4rem)}.lg\:max-w-xs{max-width:20rem}.lg\:max-w-xl{max-width:36rem}.lg\:min-h-screen{min-height:100vh}.lg\:overflow-visible{overflow:visible}.lg\:p-16{padding:4rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-vw8{padding-top:8vw;padding-bottom:8vw}.lg\:py-vw6{padding-top:6vw;padding-bottom:6vw}.lg\:pb-8{padding-bottom:2rem}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-16{padding-top:4rem}.lg\:sticky{position:sticky}.lg\:left-4{left:1rem}.lg\:top-28{top:7rem}.lg\:top-32{top:8rem}.lg\:right-auto{right:auto}.lg\:bottom-1\/2{bottom:50%}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:w-full{width:100%}}@media (min-width:1232px){.xl\:flex{display:flex}} \ No newline at end of file diff --git a/custom-archive-contact.hbs b/custom-archive-contact.hbs index f8558534..b9ca2210 100644 --- a/custom-archive-contact.hbs +++ b/custom-archive-contact.hbs @@ -7,7 +7,7 @@
{{#post}}
-

{{title}}

+

{{title}}

{{#if custom_excerpt}}

{{custom_excerpt}}

{{/if}}
diff --git a/custom-archive-tags.hbs b/custom-archive-tags.hbs index 37e96253..33340f7c 100644 --- a/custom-archive-tags.hbs +++ b/custom-archive-tags.hbs @@ -6,7 +6,7 @@ {{#post}}
-

{{title}}

+

{{title}}

{{content}}
diff --git a/custom-post-full.hbs b/custom-post-full.hbs index 4d9ce1c6..b8ec2a1c 100644 --- a/custom-post-full.hbs +++ b/custom-post-full.hbs @@ -19,6 +19,8 @@ {{img_url feature_image size="xl"}} 2000w" sizes="(max-width: 400px) 300px,(max-width: 730px) 600px, (max-width: 1600px) 100vw" src="{{img_url feature_image size="xl"}}" + width="1200" + height="628" alt="{{title}}" /> diff --git a/custom-post-header-image.hbs b/custom-post-header-image.hbs index 7fa92830..700f5bd7 100644 --- a/custom-post-header-image.hbs +++ b/custom-post-header-image.hbs @@ -16,6 +16,8 @@ {{img_url feature_image size="xl"}} 2000w" sizes="(max-width: 400px) 300px,(max-width: 730px) 600px, (max-width: 1600px) 100vw" src="{{img_url feature_image size="xl"}}" + width="1200" + height="628" alt="{{title}}" /> diff --git a/custom-post-image-right.hbs b/custom-post-image-right.hbs index 9af12944..a17ba72c 100644 --- a/custom-post-image-right.hbs +++ b/custom-post-image-right.hbs @@ -34,6 +34,8 @@ sizes="(max-width: 400px) 300px,(max-width: 730px) 600px, (max-width: 1600px) 100vw" src="{{img_url feature_image size="xl"}}" alt="{{title}}" + width="750" + height="520" /> {{/if}} diff --git a/custom-post-wide.hbs b/custom-post-wide.hbs index 92a4eb26..97e5c66c 100644 --- a/custom-post-wide.hbs +++ b/custom-post-wide.hbs @@ -20,6 +20,8 @@ sizes="(max-width: 400px) 300px,(max-width: 730px) 600px, (max-width: 1600px) 100vw" src="{{img_url feature_image size="xl"}}" alt="{{title}}" + width="1200" + height="628" /> {{/if}} diff --git a/default.hbs b/default.hbs index 72e22237..4aa1a1be 100644 --- a/default.hbs +++ b/default.hbs @@ -7,7 +7,7 @@ ✎ @GodoFredoNinja ✈ Lima - Perú --> - + {{!-- Document Settings --}} @@ -40,12 +40,19 @@ {{!-- Ghost outputs important style and meta data with this tag --}} {{ghost_head}} + + {{!-- Block for Headers --}} + {{{block "header"}}}
{{!-- Header Content with User Account ./partials/layout/header-user-account.hbs --}} + {{!-- Header Default --}} {{> "layout/header"}} + {{!-- Header With Drop Down --}} + {{!-- {{> "layout/header" hasDropDown=true}} --}} + {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
{{{body}}}
@@ -80,7 +87,7 @@ {{ghost_foot}} {{!-- Notifications ./partials/notifications.hbs --}} - {{> "notifications"}} + {{!-- {{> "notifications"}} --}} {{!-- script --}} {{{block "scripts"}}} diff --git a/docs/README.md b/docs/README.md index 174fb9e4..a8651ddf 100644 --- a/docs/README.md +++ b/docs/README.md @@ -4,51 +4,57 @@ ## General features -- [Membership](https://github.com/godofredoninja/simply/blob/master/docs/members.md) Support using the new portal feature -- Support for [different Languages](https://github.com/godofredoninja/simply/blob/master/docs/languages.md) +- [Membership](./members.md) Support using the new portal feature +- Support for [different Languages](./languages.md) - Light Mode / Dark Mode -- [Drop Down Menu](https://github.com/godofredoninja/simply/blob/master/docs/settings.md#dropdownmenu) -- [Social accounts link](https://github.com/godofredoninja/simply/blob/master/docs/settings.md#socialmedia) -- [Fast search](https://github.com/godofredoninja/simply/blob/master/docs/settings.md#search/) functionality -- [Layouts Footer](https://github.com/godofredoninja/simply/blob/master/docs/layouts.md#footer) +- [Logo Light / Dark Mode](./settings.md#logo-light--dark-mode) +- [Social accounts link](./settings.md#socialmedia) +- [Fast search](./settings.md#search/) functionality +- [Layouts Header](./layouts.md#header) + - Header Defautl + - [Header with DropDown Menu](./settings.md#header-with-dropdown-menu) +- [Layouts Footer](./layouts.md#footer) - Footer Default - Footer Dark - Footer Not Menu Secondary - Comments - - [Disqus Comments](https://github.com/godofredoninja/simply/blob/master/docs/settings.md#disquscomments) - - [Facebook Comments](https://github.com/godofredoninja/simply/blob/master/docs/settings.md#facebookcomments) - - [Hyvor Talk Comments](https://github.com/godofredoninja/simply/blob/master/docs/settings.md#hyvortalk) + - [Disqus Comments](./settings.md#disquscomments) + - [Facebook Comments](./settings.md#facebookcomments) + - [Hyvor Talk Comments](./settings.md#hyvortalk) - Home Page - - [Default](https://github.com/godofredoninja/simply/blob/master/docs/home.md#default) - - [Featured](https://github.com/godofredoninja/simply/blob/master/docs/home.md#featured) - - [Medium](https://github.com/godofredoninja/simply/blob/master/docs/home.md#medium) - - [Sidebar](https://github.com/godofredoninja/simply/blob/master/docs/home.md#sidebar) - - [Grid](https://github.com/godofredoninja/simply/blob/master/docs/home.md#grid) - - [Personal](https://github.com/godofredoninja/simply/blob/master/docs/home.md#personal) - - [Archive](https://github.com/godofredoninja/simply/blob/master/docs/home.md#archivepage) + - [Default](./home.md#default) + - [Featured](./home.md#featured) + - [Medium](./home.md#medium) + - [Sidebar](./home.md#sidebar) + - [Grid](./home.md#grid) + - [Personal](./home.md#personal) + - [Archive](./home.md#archivepage) + - [Featured with Slider](./home.md#featured-with-slider) + - [Medium with Sidebar](./home.md#medium-with-sidebar) + - [Photographer](./home.md#photographer) - Post Format - - [Post Default](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-default) - - [Post Full](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-full) - - [Post Wide](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-wide) - - [Post Header Image](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-header-image) - - [Post Image](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-image) - - [Post Image Right](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-image-right) - - [Post Sidebar](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-sidebar) - - [Post not Image](https://github.com/godofredoninja/simply/blob/master/docs/post-format.md#post-not-image) + - [Post Default](./post-format.md#post-default) + - [Post Full](./post-format.md#post-full) + - [Post Wide](./post-format.md#post-wide) + - [Post Header Image](./post-format.md#post-header-image) + - [Post Image](./post-format.md#post-image) + - [Post Image Right](./post-format.md#post-image-right) + - [Post Sidebar](./post-format.md#post-sidebar) + - [Post not Image](./post-format.md#post-not-image) - Page - - [Contact](https://github.com/godofredoninja/simply/blob/master/docs/contact-page.md) + - [Contact](./contact-page.md) - 404 - Archive - - [Authors Page](https://github.com/godofredoninja/simply/blob/master/docs/authors-and-tags-page.md#authors-page) - - [Tags Page](https://github.com/godofredoninja/simply/blob/master/docs/authors-and-tags-page.md#tags-page) -- [Podcasts Page](https://github.com/godofredoninja/simply/blob/master/docs/podcasts-page.md) -- [Portfolio Page](https://github.com/godofredoninja/simply/blob/master/docs/portfolio-page.md) -- [Kusi Doc](https://github.com/godofredoninja/simply/blob/master/docs/kusi-doc.md) for the documentation of your project + - [Authors Page](./authors-and-tags-page.md#authors-page) + - [Tags Page](./authors-and-tags-page.md#tags-page) +- [Podcasts Page](./podcasts-page.md) +- [Portfolio Page](./portfolio-page.md) +- [Kusi Doc](./kusi-doc.md) for the documentation of your project - [AMP](https://github.com/godofredoninja/Hodor-AMP-Ghost) Template - Related Articles - Social share buttons support for posts - Previous and next Post -- Tracking [Google Tag Manager](https://github.com/godofredoninja/simply/blob/master/docs/tracking-google-tag-manager.md) +- Tracking [Google Tag Manager](./tracking-google-tag-manager.md) - Pagination Infinite Scroll - Video Responsive - YouTube diff --git a/docs/home.md b/docs/home.md index 2d083a4f..63082f91 100644 --- a/docs/home.md +++ b/docs/home.md @@ -9,6 +9,9 @@ 5. [Grid](#grid) `godo-template-grid.hbs` 6. [Personal](#personal) `godo-template-personal.hbs` 7. [Archive Page](#archive-page) `godo-template-archive.hbs` +8. [Featured with Slider](#featured-with-slider) `godo-template-featured-slider.hbs` +9. [Medium with Sidebar](#medium-with-sidebar) `godo-template-medium-sidebar.hbs` +10. [Photographer](#photographer) `godo-template-photographer.hbs` --- @@ -281,3 +284,78 @@ taxonomies: tag: /tag/{slug}/ author: /author/{slug}/ ``` + +## Featured with Slider + +![home featured](https://user-images.githubusercontent.com/10253167/113336280-c8470700-92eb-11eb-867b-c22a4c09c554.jpg) + +Here if it is necessary to change our `routes.yaml` in the following way. + +```yaml +## routes.yaml + +routes: + +collections: + /: + permalink: /{slug}/ + ## filter: 'tag:-[hash-portfolio,hash-kusi-doc]' + limit: 12 + template: godo-template-featured-slider + +taxonomies: + tag: /tag/{slug}/ + author: /author/{slug}/ +``` + +## Medium with Sidebar + +The template is inspired by the medium home page, you will have the facility to add a title, description and a featured image on the right side. + +![Simply Medium with sidebar](https://user-images.githubusercontent.com/10253167/113358306-2d5e2500-930b-11eb-92ee-d71717660777.jpg) + +- Create a new page +- Choose your favorite title +- Use the `URL` -> `medium-with-sidebar` + +```yaml +## routes.yaml + +routes: + +collections: + /: + permalink: /{slug}/ + ## filter: 'tag:-[hash-portfolio,hash-kusi-doc]' + template: godo-template-medium-sidebar + data: + post: page.medium-with-sidebar + limit: 14 + +taxonomies: + tag: /tag/{slug}/ + author: /author/{slug}/ +``` + +## Photographer + +If you are a photographer this template is exclusively for you. It has a slider of the last 3 featured articles, the articles will be ordered in columns of 3. + +![Home photographer](https://user-images.githubusercontent.com/10253167/113359817-2edd1c80-930e-11eb-8983-6269210c3d65.jpg) + +```yaml +## routes.yaml + +routes: + +collections: + /: + permalink: /{slug}/ + ## filter: 'tag:-[hash-portfolio,hash-kusi-doc]' + limit: 12 + template: godo-template-photographer + +taxonomies: + tag: /tag/{slug}/ + author: /author/{slug}/ +``` diff --git a/docs/layouts.md b/docs/layouts.md index b03e5edf..7c4b8877 100644 --- a/docs/layouts.md +++ b/docs/layouts.md @@ -2,9 +2,52 @@ Simply comes with different header and footer styles. +## Header + +Two different styles for Header + +### Header Default + +The default menu is very beautiful and you don't have to do anything to use it. + +![Header default Menu](https://user-images.githubusercontent.com/10253167/113360936-68af2280-9310-11eb-80d1-cea5abf6b54c.jpg) + +--- + +### Header with DropDown Menu + +![Header with dropdown](https://user-images.githubusercontent.com/10253167/113361146-ea06b500-9310-11eb-970a-346a7040af5c.jpg) + +You can add drop down menu in header and for [Social Media](./settings.md#social-media) + +➡️ `Dashboard -> Settings -> Code injection -> Site Footer` + +```html + +``` + +Edit the file `default.hbs` and uncomment `{{> "layout/header" hasDropDown=true}}` + +``` handlebars +{{!-- Header Content with User Account ./partials/layout/header-user-account.hbs --}} +{{!-- Header Default --}} +{{> "layout/header"}} + +{{!-- Header With Drop Down --}} +{{!-- {{> "layout/header" hasDropDown=true}} --}} +``` + ## Footer -Simply Comes with two page header styles +Three different styles for Footer ### Footer Default diff --git a/docs/members.md b/docs/members.md index 97148bf6..9d70e248 100644 --- a/docs/members.md +++ b/docs/members.md @@ -2,18 +2,10 @@ Enable Subscribers by checking the Enable Members checkbox on the Labs page in your Ghost admin panel. -- Go in your Ghost's `dashboard -> Settings -> Labs -> Members` -- Toggle the `Enable members` switch, under the Members section. - -![Members](https://user-images.githubusercontent.com/10253167/105879728-87bbcc00-5fd0-11eb-9b9e-6aeb55015e5b.png) - ## Portal +Go in your Ghost's `dashboard -> Settings -> Members -> Portal` + By default, Simply uses Portal for member management. If you prefer, Simply also comes with individual pages to support the membership function. > If you want to use with individual pages let me know. I will create a more functional version. - -- Enable Portal -- Accent color `#0abe51` - -![Members - Portal](https://user-images.githubusercontent.com/10253167/105881874-09acf480-5fd3-11eb-8081-ebcd13276c20.jpg) diff --git a/docs/settings.md b/docs/settings.md index cdde67c8..3dd58484 100644 --- a/docs/settings.md +++ b/docs/settings.md @@ -2,31 +2,11 @@ > You don't have to add all the Simply configurations. only the ones you need -- [Drop down Menu](#drop-down-menu) - [Social Media](#social-media) - [Search](#search) +- [Logo Light / Dark Mode](#logo-light--dark-mode) - [Comments](#comments) -## Drop down Menu - -You can add drop down menu in header - -![DropDown Menu](https://user-images.githubusercontent.com/10253167/105409346-5329c800-5bfe-11eb-9832-46618c3bdd87.jpg) - -➡️ `Dashboard -> Code injection -> Site Footer` - -```html - -``` - ## Social Media > Facebook and Twitter is not necessary because I use them from the ghost settings @@ -229,6 +209,28 @@ The search engine that includes Simply is very powerful, supports almost all lan Read more about the search engine [Read More](https://github.com/HauntedThemes/ghost-search) +## Logo Light / Dark Mode + +- Add your logo for dark mode in the folder `assets/images/logo-dark-mode.png` +- Edit the file `./partials/layout/header.hbs` and uncomment this line + +```handlebars +{{@site.title}} +{{!-- --}} +``` + +- Add the entyles in ➡️ `Dashboard -> Code injection -> Site Header` + +```html + +``` + ## Comments If you need a quick way to make fully functional comments Simply has everything ready for you. diff --git a/godo-archive.hbs b/godo-archive.hbs index ad8b37b9..52731bd4 100644 --- a/godo-archive.hbs +++ b/godo-archive.hbs @@ -14,7 +14,7 @@ {{#foreach posts}}
{{date format="MMMM YYYY"}}
- +

{{title}}

{{!-- Date Time and reading Time - ./partials/components/datetime.hbs --}} diff --git a/godo-podcast.hbs b/godo-podcast.hbs index 5a6490b6..7ff67099 100644 --- a/godo-podcast.hbs +++ b/godo-podcast.hbs @@ -19,7 +19,7 @@ {{/page}} -
+
{{#foreach posts}} {{>"story/story-podcast"}} {{/foreach}}
diff --git a/godo-template-featured-slider.hbs b/godo-template-featured-slider.hbs new file mode 100644 index 00000000..36e32475 --- /dev/null +++ b/godo-template-featured-slider.hbs @@ -0,0 +1,67 @@ +{{!-- Layout --}} +{{!< default}} + +{{!-- custom Styles For tag --}} +{{#contentFor "special_body_class"}}is-frontpage{{/contentFor}} + +{{!-- Featured Story --}} +{{#get "posts" limit="3" filter="featured:true" as |godo_featured_post| }} + {{#if godo_featured_post}} +
+
+ {{#foreach godo_featured_post}} + {{> "story/story-featured"}} + {{/foreach}} +
+ +
+ +
+ +
+ +
+
+ {{/if}} +{{/get}} + +
+
+
+ {{#foreach posts}} + {{#has number="1"}} +
{{> "story/story-grid"}}
+ {{else has number="5, 6, 17, 18"}} +
{{> "story/story-grid"}}
+ {{else has number="13, 16"}} +
{{> "story/story-cover"}}
+ {{else has number="14, 15"}} +
{{> "story/story-cover"}}
+ {{else}} +
{{> "story/story-grid"}}
+ {{/has}} + {{/foreach}} +
+
+
+ +{{#contentFor "header"}}{{/contentFor}} + +{{#contentFor "scripts"}} + + +{{/contentFor}} \ No newline at end of file diff --git a/godo-template-medium-sidebar.hbs b/godo-template-medium-sidebar.hbs new file mode 100644 index 00000000..29b3f22a --- /dev/null +++ b/godo-template-medium-sidebar.hbs @@ -0,0 +1,99 @@ +{{!< default}} + +{{!-- custom Styles For tag --}} +{{#contentFor "special_body_class"}}medium-sidebar has-cover is-head-transparent{{/contentFor}} + +{{#post}} +
+{{/post}} + +
+
+ +
+
+ {{#foreach posts}} + + + {{/foreach}} +
+
+ +
+ + {{!-- sidebar --}} + +
+
\ No newline at end of file diff --git a/godo-template-photographer.hbs b/godo-template-photographer.hbs new file mode 100644 index 00000000..d2bf6197 --- /dev/null +++ b/godo-template-photographer.hbs @@ -0,0 +1,109 @@ +{{!-- Layout --}} +{{!< default}} + +{{!-- custom Styles For tag --}} +{{#contentFor "special_body_class"}}is-photographer has-cover is-head-transparent{{/contentFor}} + +{{!-- Featured Story --}} +{{#get "posts" limit="3" include="tags" filter="featured:true" as |godo_featured_post| }} + {{#if godo_featured_post}} +
+
+ + {{#foreach godo_featured_post}} +
+
+
+ {{!-- Primary Tag- partials/components/primary-tag.hbs --}} + {{#if primary_tag}}
{{> "components/primary-tag" class=" relative z-3"}}
{{/if}} + +

+ {{title}} +

+ + {{!-- Date Time and reading Time - ./partials/components/datetime.hbs --}} + {{> "components/datetime" class="relative z-3 text-white opacity-80 justify-center"}} +
+
+ + {{!-- Featured Media - partials/components/media-cover.hbs --}} + {{> "components/media-cover" background=feature_image has_gradient=true alt_title=title}} +
+ {{/foreach}} + +
+ +
+ +
+ +
+ +
+
+ {{/if}} +{{/get}} + +
+
+
+ {{#foreach posts}} + + + {{/foreach}} +
+
+
+ +{{#contentFor "header"}} + + +{{/contentFor}} + + +{{#contentFor "scripts"}} + + +{{/contentFor}} \ No newline at end of file diff --git a/godo-template-portfolio.hbs b/godo-template-portfolio.hbs index 2ce06c8c..aab8de0f 100644 --- a/godo-template-portfolio.hbs +++ b/godo-template-portfolio.hbs @@ -7,14 +7,14 @@ {{#page}}
-
- {{#if excerpt}}
{{excerpt}}
{{/if}} -

{{title}}

+
+

{{title}}

+ {{#if excerpt}}
{{excerpt}}
{{/if}}
{{#if tags}} -
    +
    • {{t "All"}}
    • {{#foreach tags}}
    • {{name}}
    • {{/foreach}}
    diff --git a/locales/en.json b/locales/en.json index f725562f..dbab872c 100644 --- a/locales/en.json +++ b/locales/en.json @@ -6,9 +6,11 @@ "Page": "Page", "Home": "Home", "More": "More", + "By": "By", "Posts Tagged": "Posts Tagged", "There are {total} posts in total": "There are {total} posts in total", "The full archive": "The full archive", + "Get Started": "Get Started", "Subscribe": "Subscribe", "Log in": "Log in", "Upgrade": "Upgrade", diff --git a/locales/es.json b/locales/es.json index b7ae8850..16440d2d 100644 --- a/locales/es.json +++ b/locales/es.json @@ -6,9 +6,11 @@ "Page": "Página", "Home": "Inicio", "More": "Más", + "By": "Por", "Posts Tagged": "Tag", "There are {total} posts in total": "Hay {total} Artículos en total", "The full archive": "Archivo Completo", + "Get Started": "Empezar", "Subscribe": "Suscríbete", "Log in": "Iniciar sesión", "Upgrade": "Actualizar", diff --git a/package.json b/package.json index eb124d7d..5b92a9b6 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "simply", "description": "simply theme for ghost by @GodoFredoNinja", "demo": "https://godofredo.ninja", - "version": "0.3.2", + "version": "0.3.3", "engines": { "ghost": ">=4.0.0", "ghost-api": "v4" diff --git a/partials/amp/amp-body.hbs b/partials/amp/amp-body.hbs index 97939134..db6dec4c 100644 --- a/partials/amp/amp-body.hbs +++ b/partials/amp/amp-body.hbs @@ -26,7 +26,7 @@ {{!-- featured image --}} {{#if feature_image}}
    - +
    {{/if}} @@ -35,8 +35,7 @@ {{!-- Post All Tags (category) --}} {{#if tags}} -
+{{!-- Primary Navigation --}} {{else}} -{{!-- Primary Menu --}}
+ {{/if}} + diff --git a/partials/sidebar/sidebar-post-card.hbs b/partials/sidebar/sidebar-post-card.hbs index 064e962b..0ed2d678 100644 --- a/partials/sidebar/sidebar-post-card.hbs +++ b/partials/sidebar/sidebar-post-card.hbs @@ -11,7 +11,7 @@ {{#if feature_image}}
- {{title}} + {{title}} diff --git a/partials/story/story-card-small.hbs b/partials/story/story-card-small.hbs index c90f872e..a4afb331 100644 --- a/partials/story/story-card-small.hbs +++ b/partials/story/story-card-small.hbs @@ -1,4 +1,4 @@ -
"components/media-cover" background=feature_image has_gradient=true alt_title=title}} - {{!-- Category --}} - {{#if primary_tag}}{{#primary_tag}} - - - {{name}} - - - {{/primary_tag}}{{/if}} + {{!-- Primary Tag- partials/components/primary-tag.hbs --}} + {{#if primary_tag}}
{{> "components/primary-tag"}}
{{/if}}
diff --git a/partials/story/story-featured.hbs b/partials/story/story-featured.hbs index a1025cae..8f6221c0 100644 --- a/partials/story/story-featured.hbs +++ b/partials/story/story-featured.hbs @@ -1,9 +1,9 @@ -
+
-

{{t "featured story"}}

-

{{title}}

+

{{t "featured story"}}

+

{{title}}

{{excerpt words="50"}}

{{!-- Date Time and reading Time - ./partials/components/datetime.hbs --}} {{> "components/datetime" class="godo-f-story-date mb-5 text-base text-white opacity-80"}} @@ -24,5 +24,5 @@ alt="{{title}}" /> {{/if}} -
+
\ No newline at end of file diff --git a/partials/story/story-grid.hbs b/partials/story/story-grid.hbs index f0156551..b311dc4b 100644 --- a/partials/story/story-grid.hbs +++ b/partials/story/story-grid.hbs @@ -1,25 +1,21 @@
- {{#if feature_image}} - {{title}} - {{!-- --}} + + {{title}} + {{!-- --}} + + {{else}} + {{/if}} - - {{!-- Category --}} - {{#if primary_tag}}{{#primary_tag}} - - {{name}} - - {{/primary_tag}}{{/if}} + {{!-- Primary Tag- partials/components/primary-tag.hbs --}} + {{#if primary_tag}}
{{> "components/primary-tag"}}
{{/if}}
@@ -27,9 +23,12 @@ {{!-- {{> "components/datetime" class="mb-3 text-sm font-medium text-gray-500"}} --}}

{{title}}

+ + {{#if excerpt}}

{{excerpt words="30"}}

+ {{/if}} {{!-- Author - Primary Tag - Datetime - Read time - ./partials/components/author-meta.hbs --}} {{> "components/author-meta"}} diff --git a/partials/story/story-podcast.hbs b/partials/story/story-podcast.hbs index 0b00c630..5d5e7d11 100644 --- a/partials/story/story-podcast.hbs +++ b/partials/story/story-podcast.hbs @@ -15,6 +15,8 @@ data-srcset="{{img_url feature_image size="s"}} 300w,{{img_url feature_image size="m"}} 600w" data-sizes="auto" alt="{{title}}" + width="300" + height="280" /> {{/if}} diff --git a/partials/story/story-portfolio.hbs b/partials/story/story-portfolio.hbs index ee1aa177..e8bf5993 100644 --- a/partials/story/story-portfolio.hbs +++ b/partials/story/story-portfolio.hbs @@ -3,15 +3,15 @@ {{#if feature_image}} {{name}} {{/if}}

{{title}}

-
{{t "View Project"}}
+
{{t "View Project"}}
diff --git a/partials/story/story-post.hbs b/partials/story/story-post.hbs index f06281ad..2086bd17 100644 --- a/partials/story/story-post.hbs +++ b/partials/story/story-post.hbs @@ -13,6 +13,8 @@ srcset="{{img_url feature_image size="s"}} 300w, {{img_url feature_image size="m"}} 600w" data-sizes="auto" alt="{{title}}" + width="630" + height="225" /> diff --git a/routes.yaml b/routes.yaml index 7cb9711f..f6003579 100644 --- a/routes.yaml +++ b/routes.yaml @@ -36,6 +36,17 @@ routes: template: godo-template-medium limit: 14 + /featured-slider/: + controller: channel + filter: 'tag:-[hash-portfolio,hash-kusi-doc]' + template: godo-template-featured-slider + + /photographer/: + controller: channel + filter: 'tag:-[hash-portfolio,hash-kusi-doc]' + template: godo-template-photographer + limit: 12 + /personal/: template: godo-home-personal data: page.godo-personal