commit e3975962fad821004e4738126e848ab2d6f5fa4d Author: David Date: Thu Nov 19 20:49:43 2020 +0100 Testing hugo diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..abb74a9 --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "themes/novela"] + path = themes/novela + url = https://github.com/forestryio/hugo-theme-novela.git diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..2a0c09f --- /dev/null +++ b/config.toml @@ -0,0 +1,4 @@ +baseURL = "http://example.org/" +languageCode = "en-us" +title = "My New Hugo Site" +theme = "novela" diff --git a/content/post/test-post.md b/content/post/test-post.md new file mode 100644 index 0000000..0bb2ef7 --- /dev/null +++ b/content/post/test-post.md @@ -0,0 +1,6 @@ +--- +title: "Test Post" +date: 2020-10-12T20:49:12+02:00 +draft: true +--- +First post diff --git a/public/categories/index.html b/public/categories/index.html new file mode 100644 index 0000000..b38a3c4 --- /dev/null +++ b/public/categories/index.html @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +Categories | My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/categories/index.xml b/public/categories/index.xml new file mode 100644 index 0000000..b92677a --- /dev/null +++ b/public/categories/index.xml @@ -0,0 +1,10 @@ + + + + Categories on My New Hugo Site + http://example.org/categories/ + Recent content in Categories on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/categories/page/1/index.html b/public/categories/page/1/index.html new file mode 100644 index 0000000..b930668 --- /dev/null +++ b/public/categories/page/1/index.html @@ -0,0 +1 @@ +http://example.org/categories/ \ No newline at end of file diff --git a/public/config.toml b/public/config.toml new file mode 100644 index 0000000..2a0c09f --- /dev/null +++ b/public/config.toml @@ -0,0 +1,4 @@ +baseURL = "http://example.org/" +languageCode = "en-us" +title = "My New Hugo Site" +theme = "novela" diff --git a/public/css/prism.css b/public/css/prism.css new file mode 100644 index 0000000..cf2bba9 --- /dev/null +++ b/public/css/prism.css @@ -0,0 +1,231 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar a { + cursor: pointer; +} + +div.code-toolbar > .toolbar button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; /* for button */ + -moz-user-select: none; + -ms-user-select: none; +} + +div.code-toolbar > .toolbar a, +div.code-toolbar > .toolbar button, +div.code-toolbar > .toolbar span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); + border-radius: .5em; +} + +div.code-toolbar > .toolbar a:hover, +div.code-toolbar > .toolbar a:focus, +div.code-toolbar > .toolbar button:hover, +div.code-toolbar > .toolbar button:focus, +div.code-toolbar > .toolbar span:hover, +div.code-toolbar > .toolbar span:focus { + color: inherit; + text-decoration: none; +} + diff --git a/public/images/brad-tiller.jpg b/public/images/brad-tiller.jpg new file mode 100755 index 0000000..1276576 Binary files /dev/null and b/public/images/brad-tiller.jpg differ diff --git a/public/images/dennis-brotzky.jpg b/public/images/dennis-brotzky.jpg new file mode 100755 index 0000000..8961f1f Binary files /dev/null and b/public/images/dennis-brotzky.jpg differ diff --git a/public/images/favicon.svg b/public/images/favicon.svg new file mode 100644 index 0000000..3a241e0 --- /dev/null +++ b/public/images/favicon.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + + + + + + diff --git a/public/images/hero-11.jpg b/public/images/hero-11.jpg new file mode 100755 index 0000000..0445236 Binary files /dev/null and b/public/images/hero-11.jpg differ diff --git a/public/images/hero-2.jpg b/public/images/hero-2.jpg new file mode 100755 index 0000000..7073f13 Binary files /dev/null and b/public/images/hero-2.jpg differ diff --git a/public/images/hero-3.jpg b/public/images/hero-3.jpg new file mode 100755 index 0000000..9abfb6c Binary files /dev/null and b/public/images/hero-3.jpg differ diff --git a/public/images/hero-4.jpg b/public/images/hero-4.jpg new file mode 100755 index 0000000..dddc629 Binary files /dev/null and b/public/images/hero-4.jpg differ diff --git a/public/images/hero-5.jpg b/public/images/hero-5.jpg new file mode 100755 index 0000000..32afe1b Binary files /dev/null and b/public/images/hero-5.jpg differ diff --git a/public/images/hero-6.jpg b/public/images/hero-6.jpg new file mode 100755 index 0000000..67f4189 Binary files /dev/null and b/public/images/hero-6.jpg differ diff --git a/public/images/large.jpg b/public/images/large.jpg new file mode 100755 index 0000000..e7f9ff5 Binary files /dev/null and b/public/images/large.jpg differ diff --git a/public/images/mack-mansouri.jpg b/public/images/mack-mansouri.jpg new file mode 100755 index 0000000..5d0df88 Binary files /dev/null and b/public/images/mack-mansouri.jpg differ diff --git a/public/images/medium.jpg b/public/images/medium.jpg new file mode 100755 index 0000000..bcb8b6c Binary files /dev/null and b/public/images/medium.jpg differ diff --git a/public/images/profile-01.jpeg b/public/images/profile-01.jpeg new file mode 100644 index 0000000..e269480 Binary files /dev/null and b/public/images/profile-01.jpeg differ diff --git a/public/images/small.jpg b/public/images/small.jpg new file mode 100755 index 0000000..315c442 Binary files /dev/null and b/public/images/small.jpg differ diff --git a/public/images/thiago-costa.jpg b/public/images/thiago-costa.jpg new file mode 100755 index 0000000..87beb3f Binary files /dev/null and b/public/images/thiago-costa.jpg differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..7009f0f --- /dev/null +++ b/public/index.html @@ -0,0 +1,302 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/index.xml b/public/index.xml new file mode 100644 index 0000000..da90485 --- /dev/null +++ b/public/index.xml @@ -0,0 +1,10 @@ + + + + My New Hugo Site + http://example.org/ + Recent content on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/js/copyUrl.js b/public/js/copyUrl.js new file mode 100644 index 0000000..a850c8d --- /dev/null +++ b/public/js/copyUrl.js @@ -0,0 +1,18 @@ +document.getElementById("copyButton").addEventListener("click", copyToClipboard); + +let currentUrl = window.location; +let copyTextContainer = document.getElementById("copyText"); +let toolTip = document.getElementById("toolTip"); + +function copyToClipboard(){ + copyTextContainer.value = currentUrl + copyTextContainer.focus(); + copyTextContainer.select(); + document.execCommand("copy"); + + toolTip.style.animationName = "pan-toolbar"; + + setTimeout(function(){ + toolTip.style.removeProperty('animation-name'); + }, 2000); +} \ No newline at end of file diff --git a/public/js/initColors.js b/public/js/initColors.js new file mode 100644 index 0000000..66e23bd --- /dev/null +++ b/public/js/initColors.js @@ -0,0 +1,58 @@ + +let be = document.getElementsByTagName("BODY")[0]; + +initColors(); + +function initColors(){ + if (localStorage.getItem("isLight") === null) { + localStorage.setItem("isLight", 'true'); + } + + if (localStorage.getItem("isLight") === 'false'){ + makeDark(); + } + else{ + makeLight(); + } +} + + +function makeDark(){ + be.style.setProperty('--primary', "#fff"); + be.style.setProperty('--secondary', "#fff"); + be.style.setProperty('--grey', "#73737D"); + be.style.setProperty('--background-color', "#111216"); + be.style.setProperty('--accent', "#E9DAAC"); + be.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + be.style.setProperty('--articleText', "#fff"); + be.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + be.style.setProperty('--progress', "#fff"); + be.style.setProperty('--card', "#1D2128"); + be.style.setProperty('--error', "#EE565B"); + be.style.setProperty('--success', "#46B17B"); + be.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + be.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + be.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + be.style.setProperty('--primary', ""); + be.style.setProperty('--secondary', ""); + be.style.setProperty('--grey', ""); + be.style.setProperty('--background-color', ""); + be.style.setProperty('--accent', ""); + be.style.setProperty('--hover', ""); + be.style.setProperty('--gradient', ""); + be.style.setProperty('--articleText', ""); + be.style.setProperty('--track', ""); + be.style.setProperty('--progress', ""); + be.style.setProperty('--card', ""); + be.style.setProperty('--error', ""); + be.style.setProperty('--success', ""); + be.style.setProperty('--errorBackground', ""); + be.style.setProperty('--horizontalRule', ""); + be.style.setProperty('--inputBackground', ""); + be.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/js/prism.js b/public/js/prism.js new file mode 100644 index 0000000..5355951 --- /dev/null +++ b/public/js/prism.js @@ -0,0 +1,19 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(Sl.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1"+a.content+""},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(e){var s=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+s.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+s.source+")*?(?=\\s*\\{)"),string:{pattern:s,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/m}},coord:/^@@.*@@$/m,commit_sha1:/^commit \w{40}$/m}; +Prism.languages.go=Prism.languages.extend("clike",{keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,builtin:/\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/,boolean:/\b(?:_|iota|nil|true|false)\b/,operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,number:/(?:\b0x[a-f\d]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[-+]?\d+)?)i?/i,string:{pattern:/(["'`])(?:\\[\s\S]|(?!\1)[^\\])*\1/,greedy:!0}}),delete Prism.languages.go["class-name"]; +Prism.languages.json={property:{pattern:/"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,greedy:!0},string:{pattern:/"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json; +!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+\.?\d*|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism); +!function(i){var t=i.util.clone(i.languages.javascript);i.languages.jsx=i.languages.extend("markup",t),i.languages.jsx.tag.pattern=/<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:$-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}))*\s*\/?)?>/i,i.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/i,i.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">]+)/i,i.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,i.languages.insertBefore("inside","attr-name",{spread:{pattern:/\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}/,inside:{punctuation:/\.{3}|[{}.]/,"attr-value":/\w+/}}},i.languages.jsx.tag),i.languages.insertBefore("inside","attr-value",{script:{pattern:/=(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/i,inside:{"script-punctuation":{pattern:/^=(?={)/,alias:"punctuation"},rest:i.languages.jsx},alias:"language-javascript"}},i.languages.jsx.tag);var o=function(t){return t?"string"==typeof t?t:"string"==typeof t.content?t.content:t.content.map(o).join(""):""},p=function(t){for(var n=[],e=0;e"===a.content[a.content.length-1].content||n.push({tagName:o(a.content[0].content[1]),openedBraces:0}):0]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},keyword:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/,builtin:/\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/}),delete e.languages.typescript.parameter;var n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,e.languages.insertBefore("typescript","function",{"generic-function":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:n}}}}),e.languages.ts=e.languages.typescript}(Prism); +var typescript=Prism.util.clone(Prism.languages.typescript);Prism.languages.tsx=Prism.languages.extend("jsx",typescript); +!function(e){function n(e){return e.replace(/__/g,function(){return"(?:[\\w-]+|'[^'\n\r]*'|\"(?:\\\\.|[^\\\\\"\r\n])*\")"})}e.languages.toml={comment:{pattern:/#.*/,greedy:!0},table:{pattern:RegExp(n("(^\\s*\\[\\s*(?:\\[\\s*)?)__(?:\\s*\\.\\s*__)*(?=\\s*\\])"),"m"),lookbehind:!0,greedy:!0,alias:"class-name"},key:{pattern:RegExp(n("(^\\s*|[{,]\\s*)__(?:\\s*\\.\\s*__)*(?=\\s*=)"),"m"),lookbehind:!0,greedy:!0,alias:"property"},string:{pattern:/"""(?:\\[\s\S]|[^\\])*?"""|'''[\s\S]*?'''|'[^'\n\r]*'|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},date:[{pattern:/\b\d{4}-\d{2}-\d{2}(?:[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})?)?\b/i,alias:"number"},{pattern:/\b\d{2}:\d{2}:\d{2}(?:\.\d+)?\b/,alias:"number"}],number:/(?:\b0(?:x[\da-zA-Z]+(?:_[\da-zA-Z]+)*|o[0-7]+(?:_[0-7]+)*|b[10]+(?:_[10]+)*))\b|[-+]?\b\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?\b|[-+]?\b(?:inf|nan)\b/,boolean:/\b(?:true|false)\b/,punctuation:/[.,=[\]{}]/}}(Prism); +!function(n){var t=/[*&][^\s[\]{},]+/,e=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+e.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+e.source+")?)";function a(n,t){t=(t||"").replace(/m/g,"")+"m";var e="([:\\-,[{]\\s*(?:\\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|]|}|\\s*#))".replace(/<>/g,function(){return r}).replace(/<>/g,function(){return n});return RegExp(e,t)}n.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\\2[^\r\n]+)*)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)[^\r\n{[\\]},#\\s]+?(?=\\s*:\\s)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?)?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:a("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:a("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:a("(\"|')(?:(?!\\2)[^\\\\\r\n]|\\\\.)*\\2"),lookbehind:!0,greedy:!0},number:{pattern:a("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+\\.?\\d*|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:e,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows"),i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1http://example.org/ \ No newline at end of file diff --git a/public/public/categories/index.html b/public/public/categories/index.html new file mode 100644 index 0000000..b38a3c4 --- /dev/null +++ b/public/public/categories/index.html @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +Categories | My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/categories/index.xml b/public/public/categories/index.xml new file mode 100644 index 0000000..b92677a --- /dev/null +++ b/public/public/categories/index.xml @@ -0,0 +1,10 @@ + + + + Categories on My New Hugo Site + http://example.org/categories/ + Recent content in Categories on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/categories/page/1/index.html b/public/public/categories/page/1/index.html new file mode 100644 index 0000000..b930668 --- /dev/null +++ b/public/public/categories/page/1/index.html @@ -0,0 +1 @@ +http://example.org/categories/ \ No newline at end of file diff --git a/public/public/config.toml b/public/public/config.toml new file mode 100644 index 0000000..2a0c09f --- /dev/null +++ b/public/public/config.toml @@ -0,0 +1,4 @@ +baseURL = "http://example.org/" +languageCode = "en-us" +title = "My New Hugo Site" +theme = "novela" diff --git a/public/public/css/prism.css b/public/public/css/prism.css new file mode 100644 index 0000000..cf2bba9 --- /dev/null +++ b/public/public/css/prism.css @@ -0,0 +1,231 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar a { + cursor: pointer; +} + +div.code-toolbar > .toolbar button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; /* for button */ + -moz-user-select: none; + -ms-user-select: none; +} + +div.code-toolbar > .toolbar a, +div.code-toolbar > .toolbar button, +div.code-toolbar > .toolbar span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); + border-radius: .5em; +} + +div.code-toolbar > .toolbar a:hover, +div.code-toolbar > .toolbar a:focus, +div.code-toolbar > .toolbar button:hover, +div.code-toolbar > .toolbar button:focus, +div.code-toolbar > .toolbar span:hover, +div.code-toolbar > .toolbar span:focus { + color: inherit; + text-decoration: none; +} + diff --git a/public/public/images/brad-tiller.jpg b/public/public/images/brad-tiller.jpg new file mode 100644 index 0000000..1276576 Binary files /dev/null and b/public/public/images/brad-tiller.jpg differ diff --git a/public/public/images/dennis-brotzky.jpg b/public/public/images/dennis-brotzky.jpg new file mode 100644 index 0000000..8961f1f Binary files /dev/null and b/public/public/images/dennis-brotzky.jpg differ diff --git a/public/public/images/favicon.svg b/public/public/images/favicon.svg new file mode 100644 index 0000000..3a241e0 --- /dev/null +++ b/public/public/images/favicon.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + + + + + + diff --git a/public/public/images/hero-11.jpg b/public/public/images/hero-11.jpg new file mode 100644 index 0000000..0445236 Binary files /dev/null and b/public/public/images/hero-11.jpg differ diff --git a/public/public/images/hero-2.jpg b/public/public/images/hero-2.jpg new file mode 100644 index 0000000..7073f13 Binary files /dev/null and b/public/public/images/hero-2.jpg differ diff --git a/public/public/images/hero-3.jpg b/public/public/images/hero-3.jpg new file mode 100644 index 0000000..9abfb6c Binary files /dev/null and b/public/public/images/hero-3.jpg differ diff --git a/public/public/images/hero-4.jpg b/public/public/images/hero-4.jpg new file mode 100644 index 0000000..dddc629 Binary files /dev/null and b/public/public/images/hero-4.jpg differ diff --git a/public/public/images/hero-5.jpg b/public/public/images/hero-5.jpg new file mode 100644 index 0000000..32afe1b Binary files /dev/null and b/public/public/images/hero-5.jpg differ diff --git a/public/public/images/hero-6.jpg b/public/public/images/hero-6.jpg new file mode 100644 index 0000000..67f4189 Binary files /dev/null and b/public/public/images/hero-6.jpg differ diff --git a/public/public/images/large.jpg b/public/public/images/large.jpg new file mode 100644 index 0000000..e7f9ff5 Binary files /dev/null and b/public/public/images/large.jpg differ diff --git a/public/public/images/mack-mansouri.jpg b/public/public/images/mack-mansouri.jpg new file mode 100644 index 0000000..5d0df88 Binary files /dev/null and b/public/public/images/mack-mansouri.jpg differ diff --git a/public/public/images/medium.jpg b/public/public/images/medium.jpg new file mode 100644 index 0000000..bcb8b6c Binary files /dev/null and b/public/public/images/medium.jpg differ diff --git a/public/public/images/profile-01.jpeg b/public/public/images/profile-01.jpeg new file mode 100644 index 0000000..e269480 Binary files /dev/null and b/public/public/images/profile-01.jpeg differ diff --git a/public/public/images/small.jpg b/public/public/images/small.jpg new file mode 100644 index 0000000..315c442 Binary files /dev/null and b/public/public/images/small.jpg differ diff --git a/public/public/images/thiago-costa.jpg b/public/public/images/thiago-costa.jpg new file mode 100644 index 0000000..87beb3f Binary files /dev/null and b/public/public/images/thiago-costa.jpg differ diff --git a/public/public/index.html b/public/public/index.html new file mode 100644 index 0000000..7009f0f --- /dev/null +++ b/public/public/index.html @@ -0,0 +1,302 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/index.xml b/public/public/index.xml new file mode 100644 index 0000000..da90485 --- /dev/null +++ b/public/public/index.xml @@ -0,0 +1,10 @@ + + + + My New Hugo Site + http://example.org/ + Recent content on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/js/copyUrl.js b/public/public/js/copyUrl.js new file mode 100644 index 0000000..a850c8d --- /dev/null +++ b/public/public/js/copyUrl.js @@ -0,0 +1,18 @@ +document.getElementById("copyButton").addEventListener("click", copyToClipboard); + +let currentUrl = window.location; +let copyTextContainer = document.getElementById("copyText"); +let toolTip = document.getElementById("toolTip"); + +function copyToClipboard(){ + copyTextContainer.value = currentUrl + copyTextContainer.focus(); + copyTextContainer.select(); + document.execCommand("copy"); + + toolTip.style.animationName = "pan-toolbar"; + + setTimeout(function(){ + toolTip.style.removeProperty('animation-name'); + }, 2000); +} \ No newline at end of file diff --git a/public/public/js/initColors.js b/public/public/js/initColors.js new file mode 100644 index 0000000..66e23bd --- /dev/null +++ b/public/public/js/initColors.js @@ -0,0 +1,58 @@ + +let be = document.getElementsByTagName("BODY")[0]; + +initColors(); + +function initColors(){ + if (localStorage.getItem("isLight") === null) { + localStorage.setItem("isLight", 'true'); + } + + if (localStorage.getItem("isLight") === 'false'){ + makeDark(); + } + else{ + makeLight(); + } +} + + +function makeDark(){ + be.style.setProperty('--primary', "#fff"); + be.style.setProperty('--secondary', "#fff"); + be.style.setProperty('--grey', "#73737D"); + be.style.setProperty('--background-color', "#111216"); + be.style.setProperty('--accent', "#E9DAAC"); + be.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + be.style.setProperty('--articleText', "#fff"); + be.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + be.style.setProperty('--progress', "#fff"); + be.style.setProperty('--card', "#1D2128"); + be.style.setProperty('--error', "#EE565B"); + be.style.setProperty('--success', "#46B17B"); + be.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + be.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + be.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + be.style.setProperty('--primary', ""); + be.style.setProperty('--secondary', ""); + be.style.setProperty('--grey', ""); + be.style.setProperty('--background-color', ""); + be.style.setProperty('--accent', ""); + be.style.setProperty('--hover', ""); + be.style.setProperty('--gradient', ""); + be.style.setProperty('--articleText', ""); + be.style.setProperty('--track', ""); + be.style.setProperty('--progress', ""); + be.style.setProperty('--card', ""); + be.style.setProperty('--error', ""); + be.style.setProperty('--success', ""); + be.style.setProperty('--errorBackground', ""); + be.style.setProperty('--horizontalRule', ""); + be.style.setProperty('--inputBackground', ""); + be.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/public/js/prism.js b/public/public/js/prism.js new file mode 100644 index 0000000..5355951 --- /dev/null +++ b/public/public/js/prism.js @@ -0,0 +1,19 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(Sl.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1"+a.content+""},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(e){var s=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+s.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+s.source+")*?(?=\\s*\\{)"),string:{pattern:s,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/m}},coord:/^@@.*@@$/m,commit_sha1:/^commit \w{40}$/m}; +Prism.languages.go=Prism.languages.extend("clike",{keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,builtin:/\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/,boolean:/\b(?:_|iota|nil|true|false)\b/,operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,number:/(?:\b0x[a-f\d]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[-+]?\d+)?)i?/i,string:{pattern:/(["'`])(?:\\[\s\S]|(?!\1)[^\\])*\1/,greedy:!0}}),delete Prism.languages.go["class-name"]; +Prism.languages.json={property:{pattern:/"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,greedy:!0},string:{pattern:/"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json; +!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+\.?\d*|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism); +!function(i){var t=i.util.clone(i.languages.javascript);i.languages.jsx=i.languages.extend("markup",t),i.languages.jsx.tag.pattern=/<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:$-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}))*\s*\/?)?>/i,i.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/i,i.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">]+)/i,i.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,i.languages.insertBefore("inside","attr-name",{spread:{pattern:/\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}/,inside:{punctuation:/\.{3}|[{}.]/,"attr-value":/\w+/}}},i.languages.jsx.tag),i.languages.insertBefore("inside","attr-value",{script:{pattern:/=(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/i,inside:{"script-punctuation":{pattern:/^=(?={)/,alias:"punctuation"},rest:i.languages.jsx},alias:"language-javascript"}},i.languages.jsx.tag);var o=function(t){return t?"string"==typeof t?t:"string"==typeof t.content?t.content:t.content.map(o).join(""):""},p=function(t){for(var n=[],e=0;e"===a.content[a.content.length-1].content||n.push({tagName:o(a.content[0].content[1]),openedBraces:0}):0]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},keyword:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/,builtin:/\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/}),delete e.languages.typescript.parameter;var n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,e.languages.insertBefore("typescript","function",{"generic-function":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:n}}}}),e.languages.ts=e.languages.typescript}(Prism); +var typescript=Prism.util.clone(Prism.languages.typescript);Prism.languages.tsx=Prism.languages.extend("jsx",typescript); +!function(e){function n(e){return e.replace(/__/g,function(){return"(?:[\\w-]+|'[^'\n\r]*'|\"(?:\\\\.|[^\\\\\"\r\n])*\")"})}e.languages.toml={comment:{pattern:/#.*/,greedy:!0},table:{pattern:RegExp(n("(^\\s*\\[\\s*(?:\\[\\s*)?)__(?:\\s*\\.\\s*__)*(?=\\s*\\])"),"m"),lookbehind:!0,greedy:!0,alias:"class-name"},key:{pattern:RegExp(n("(^\\s*|[{,]\\s*)__(?:\\s*\\.\\s*__)*(?=\\s*=)"),"m"),lookbehind:!0,greedy:!0,alias:"property"},string:{pattern:/"""(?:\\[\s\S]|[^\\])*?"""|'''[\s\S]*?'''|'[^'\n\r]*'|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},date:[{pattern:/\b\d{4}-\d{2}-\d{2}(?:[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})?)?\b/i,alias:"number"},{pattern:/\b\d{2}:\d{2}:\d{2}(?:\.\d+)?\b/,alias:"number"}],number:/(?:\b0(?:x[\da-zA-Z]+(?:_[\da-zA-Z]+)*|o[0-7]+(?:_[0-7]+)*|b[10]+(?:_[10]+)*))\b|[-+]?\b\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?\b|[-+]?\b(?:inf|nan)\b/,boolean:/\b(?:true|false)\b/,punctuation:/[.,=[\]{}]/}}(Prism); +!function(n){var t=/[*&][^\s[\]{},]+/,e=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+e.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+e.source+")?)";function a(n,t){t=(t||"").replace(/m/g,"")+"m";var e="([:\\-,[{]\\s*(?:\\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|]|}|\\s*#))".replace(/<>/g,function(){return r}).replace(/<>/g,function(){return n});return RegExp(e,t)}n.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\\2[^\r\n]+)*)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)[^\r\n{[\\]},#\\s]+?(?=\\s*:\\s)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?)?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:a("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:a("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:a("(\"|')(?:(?!\\2)[^\\\\\r\n]|\\\\.)*\\2"),lookbehind:!0,greedy:!0},number:{pattern:a("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+\\.?\\d*|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:e,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows"),i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1http://example.org/ \ No newline at end of file diff --git a/public/public/public/categories/index.html b/public/public/public/categories/index.html new file mode 100644 index 0000000..b38a3c4 --- /dev/null +++ b/public/public/public/categories/index.html @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +Categories | My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/public/categories/index.xml b/public/public/public/categories/index.xml new file mode 100644 index 0000000..b92677a --- /dev/null +++ b/public/public/public/categories/index.xml @@ -0,0 +1,10 @@ + + + + Categories on My New Hugo Site + http://example.org/categories/ + Recent content in Categories on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/public/categories/page/1/index.html b/public/public/public/categories/page/1/index.html new file mode 100644 index 0000000..b930668 --- /dev/null +++ b/public/public/public/categories/page/1/index.html @@ -0,0 +1 @@ +http://example.org/categories/ \ No newline at end of file diff --git a/public/public/public/config.toml b/public/public/public/config.toml new file mode 100644 index 0000000..2a0c09f --- /dev/null +++ b/public/public/public/config.toml @@ -0,0 +1,4 @@ +baseURL = "http://example.org/" +languageCode = "en-us" +title = "My New Hugo Site" +theme = "novela" diff --git a/public/public/public/css/prism.css b/public/public/public/css/prism.css new file mode 100644 index 0000000..cf2bba9 --- /dev/null +++ b/public/public/public/css/prism.css @@ -0,0 +1,231 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar a { + cursor: pointer; +} + +div.code-toolbar > .toolbar button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; /* for button */ + -moz-user-select: none; + -ms-user-select: none; +} + +div.code-toolbar > .toolbar a, +div.code-toolbar > .toolbar button, +div.code-toolbar > .toolbar span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); + border-radius: .5em; +} + +div.code-toolbar > .toolbar a:hover, +div.code-toolbar > .toolbar a:focus, +div.code-toolbar > .toolbar button:hover, +div.code-toolbar > .toolbar button:focus, +div.code-toolbar > .toolbar span:hover, +div.code-toolbar > .toolbar span:focus { + color: inherit; + text-decoration: none; +} + diff --git a/public/public/public/images/brad-tiller.jpg b/public/public/public/images/brad-tiller.jpg new file mode 100644 index 0000000..1276576 Binary files /dev/null and b/public/public/public/images/brad-tiller.jpg differ diff --git a/public/public/public/images/dennis-brotzky.jpg b/public/public/public/images/dennis-brotzky.jpg new file mode 100644 index 0000000..8961f1f Binary files /dev/null and b/public/public/public/images/dennis-brotzky.jpg differ diff --git a/public/public/public/images/favicon.svg b/public/public/public/images/favicon.svg new file mode 100644 index 0000000..3a241e0 --- /dev/null +++ b/public/public/public/images/favicon.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + + + + + + diff --git a/public/public/public/images/hero-11.jpg b/public/public/public/images/hero-11.jpg new file mode 100644 index 0000000..0445236 Binary files /dev/null and b/public/public/public/images/hero-11.jpg differ diff --git a/public/public/public/images/hero-2.jpg b/public/public/public/images/hero-2.jpg new file mode 100644 index 0000000..7073f13 Binary files /dev/null and b/public/public/public/images/hero-2.jpg differ diff --git a/public/public/public/images/hero-3.jpg b/public/public/public/images/hero-3.jpg new file mode 100644 index 0000000..9abfb6c Binary files /dev/null and b/public/public/public/images/hero-3.jpg differ diff --git a/public/public/public/images/hero-4.jpg b/public/public/public/images/hero-4.jpg new file mode 100644 index 0000000..dddc629 Binary files /dev/null and b/public/public/public/images/hero-4.jpg differ diff --git a/public/public/public/images/hero-5.jpg b/public/public/public/images/hero-5.jpg new file mode 100644 index 0000000..32afe1b Binary files /dev/null and b/public/public/public/images/hero-5.jpg differ diff --git a/public/public/public/images/hero-6.jpg b/public/public/public/images/hero-6.jpg new file mode 100644 index 0000000..67f4189 Binary files /dev/null and b/public/public/public/images/hero-6.jpg differ diff --git a/public/public/public/images/large.jpg b/public/public/public/images/large.jpg new file mode 100644 index 0000000..e7f9ff5 Binary files /dev/null and b/public/public/public/images/large.jpg differ diff --git a/public/public/public/images/mack-mansouri.jpg b/public/public/public/images/mack-mansouri.jpg new file mode 100644 index 0000000..5d0df88 Binary files /dev/null and b/public/public/public/images/mack-mansouri.jpg differ diff --git a/public/public/public/images/medium.jpg b/public/public/public/images/medium.jpg new file mode 100644 index 0000000..bcb8b6c Binary files /dev/null and b/public/public/public/images/medium.jpg differ diff --git a/public/public/public/images/profile-01.jpeg b/public/public/public/images/profile-01.jpeg new file mode 100644 index 0000000..e269480 Binary files /dev/null and b/public/public/public/images/profile-01.jpeg differ diff --git a/public/public/public/images/small.jpg b/public/public/public/images/small.jpg new file mode 100644 index 0000000..315c442 Binary files /dev/null and b/public/public/public/images/small.jpg differ diff --git a/public/public/public/images/thiago-costa.jpg b/public/public/public/images/thiago-costa.jpg new file mode 100644 index 0000000..87beb3f Binary files /dev/null and b/public/public/public/images/thiago-costa.jpg differ diff --git a/public/public/public/index.html b/public/public/public/index.html new file mode 100644 index 0000000..7009f0f --- /dev/null +++ b/public/public/public/index.html @@ -0,0 +1,302 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/public/index.xml b/public/public/public/index.xml new file mode 100644 index 0000000..da90485 --- /dev/null +++ b/public/public/public/index.xml @@ -0,0 +1,10 @@ + + + + My New Hugo Site + http://example.org/ + Recent content on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/public/js/copyUrl.js b/public/public/public/js/copyUrl.js new file mode 100644 index 0000000..a850c8d --- /dev/null +++ b/public/public/public/js/copyUrl.js @@ -0,0 +1,18 @@ +document.getElementById("copyButton").addEventListener("click", copyToClipboard); + +let currentUrl = window.location; +let copyTextContainer = document.getElementById("copyText"); +let toolTip = document.getElementById("toolTip"); + +function copyToClipboard(){ + copyTextContainer.value = currentUrl + copyTextContainer.focus(); + copyTextContainer.select(); + document.execCommand("copy"); + + toolTip.style.animationName = "pan-toolbar"; + + setTimeout(function(){ + toolTip.style.removeProperty('animation-name'); + }, 2000); +} \ No newline at end of file diff --git a/public/public/public/js/initColors.js b/public/public/public/js/initColors.js new file mode 100644 index 0000000..66e23bd --- /dev/null +++ b/public/public/public/js/initColors.js @@ -0,0 +1,58 @@ + +let be = document.getElementsByTagName("BODY")[0]; + +initColors(); + +function initColors(){ + if (localStorage.getItem("isLight") === null) { + localStorage.setItem("isLight", 'true'); + } + + if (localStorage.getItem("isLight") === 'false'){ + makeDark(); + } + else{ + makeLight(); + } +} + + +function makeDark(){ + be.style.setProperty('--primary', "#fff"); + be.style.setProperty('--secondary', "#fff"); + be.style.setProperty('--grey', "#73737D"); + be.style.setProperty('--background-color', "#111216"); + be.style.setProperty('--accent', "#E9DAAC"); + be.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + be.style.setProperty('--articleText', "#fff"); + be.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + be.style.setProperty('--progress', "#fff"); + be.style.setProperty('--card', "#1D2128"); + be.style.setProperty('--error', "#EE565B"); + be.style.setProperty('--success', "#46B17B"); + be.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + be.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + be.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + be.style.setProperty('--primary', ""); + be.style.setProperty('--secondary', ""); + be.style.setProperty('--grey', ""); + be.style.setProperty('--background-color', ""); + be.style.setProperty('--accent', ""); + be.style.setProperty('--hover', ""); + be.style.setProperty('--gradient', ""); + be.style.setProperty('--articleText', ""); + be.style.setProperty('--track', ""); + be.style.setProperty('--progress', ""); + be.style.setProperty('--card', ""); + be.style.setProperty('--error', ""); + be.style.setProperty('--success', ""); + be.style.setProperty('--errorBackground', ""); + be.style.setProperty('--horizontalRule', ""); + be.style.setProperty('--inputBackground', ""); + be.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/public/public/js/prism.js b/public/public/public/js/prism.js new file mode 100644 index 0000000..5355951 --- /dev/null +++ b/public/public/public/js/prism.js @@ -0,0 +1,19 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(Sl.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1"+a.content+""},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(e){var s=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+s.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+s.source+")*?(?=\\s*\\{)"),string:{pattern:s,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/m}},coord:/^@@.*@@$/m,commit_sha1:/^commit \w{40}$/m}; +Prism.languages.go=Prism.languages.extend("clike",{keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,builtin:/\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/,boolean:/\b(?:_|iota|nil|true|false)\b/,operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,number:/(?:\b0x[a-f\d]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[-+]?\d+)?)i?/i,string:{pattern:/(["'`])(?:\\[\s\S]|(?!\1)[^\\])*\1/,greedy:!0}}),delete Prism.languages.go["class-name"]; +Prism.languages.json={property:{pattern:/"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,greedy:!0},string:{pattern:/"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json; +!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+\.?\d*|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism); +!function(i){var t=i.util.clone(i.languages.javascript);i.languages.jsx=i.languages.extend("markup",t),i.languages.jsx.tag.pattern=/<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:$-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}))*\s*\/?)?>/i,i.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/i,i.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">]+)/i,i.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,i.languages.insertBefore("inside","attr-name",{spread:{pattern:/\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}/,inside:{punctuation:/\.{3}|[{}.]/,"attr-value":/\w+/}}},i.languages.jsx.tag),i.languages.insertBefore("inside","attr-value",{script:{pattern:/=(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/i,inside:{"script-punctuation":{pattern:/^=(?={)/,alias:"punctuation"},rest:i.languages.jsx},alias:"language-javascript"}},i.languages.jsx.tag);var o=function(t){return t?"string"==typeof t?t:"string"==typeof t.content?t.content:t.content.map(o).join(""):""},p=function(t){for(var n=[],e=0;e"===a.content[a.content.length-1].content||n.push({tagName:o(a.content[0].content[1]),openedBraces:0}):0]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},keyword:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/,builtin:/\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/}),delete e.languages.typescript.parameter;var n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,e.languages.insertBefore("typescript","function",{"generic-function":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:n}}}}),e.languages.ts=e.languages.typescript}(Prism); +var typescript=Prism.util.clone(Prism.languages.typescript);Prism.languages.tsx=Prism.languages.extend("jsx",typescript); +!function(e){function n(e){return e.replace(/__/g,function(){return"(?:[\\w-]+|'[^'\n\r]*'|\"(?:\\\\.|[^\\\\\"\r\n])*\")"})}e.languages.toml={comment:{pattern:/#.*/,greedy:!0},table:{pattern:RegExp(n("(^\\s*\\[\\s*(?:\\[\\s*)?)__(?:\\s*\\.\\s*__)*(?=\\s*\\])"),"m"),lookbehind:!0,greedy:!0,alias:"class-name"},key:{pattern:RegExp(n("(^\\s*|[{,]\\s*)__(?:\\s*\\.\\s*__)*(?=\\s*=)"),"m"),lookbehind:!0,greedy:!0,alias:"property"},string:{pattern:/"""(?:\\[\s\S]|[^\\])*?"""|'''[\s\S]*?'''|'[^'\n\r]*'|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},date:[{pattern:/\b\d{4}-\d{2}-\d{2}(?:[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})?)?\b/i,alias:"number"},{pattern:/\b\d{2}:\d{2}:\d{2}(?:\.\d+)?\b/,alias:"number"}],number:/(?:\b0(?:x[\da-zA-Z]+(?:_[\da-zA-Z]+)*|o[0-7]+(?:_[0-7]+)*|b[10]+(?:_[10]+)*))\b|[-+]?\b\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?\b|[-+]?\b(?:inf|nan)\b/,boolean:/\b(?:true|false)\b/,punctuation:/[.,=[\]{}]/}}(Prism); +!function(n){var t=/[*&][^\s[\]{},]+/,e=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+e.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+e.source+")?)";function a(n,t){t=(t||"").replace(/m/g,"")+"m";var e="([:\\-,[{]\\s*(?:\\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|]|}|\\s*#))".replace(/<>/g,function(){return r}).replace(/<>/g,function(){return n});return RegExp(e,t)}n.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\\2[^\r\n]+)*)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)[^\r\n{[\\]},#\\s]+?(?=\\s*:\\s)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?)?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:a("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:a("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:a("(\"|')(?:(?!\\2)[^\\\\\r\n]|\\\\.)*\\2"),lookbehind:!0,greedy:!0},number:{pattern:a("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+\\.?\\d*|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:e,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows"),i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1http://example.org/ \ No newline at end of file diff --git a/public/public/public/public/categories/index.html b/public/public/public/public/categories/index.html new file mode 100644 index 0000000..b38a3c4 --- /dev/null +++ b/public/public/public/public/categories/index.html @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +Categories | My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/public/public/categories/index.xml b/public/public/public/public/categories/index.xml new file mode 100644 index 0000000..b92677a --- /dev/null +++ b/public/public/public/public/categories/index.xml @@ -0,0 +1,10 @@ + + + + Categories on My New Hugo Site + http://example.org/categories/ + Recent content in Categories on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/public/public/categories/page/1/index.html b/public/public/public/public/categories/page/1/index.html new file mode 100644 index 0000000..b930668 --- /dev/null +++ b/public/public/public/public/categories/page/1/index.html @@ -0,0 +1 @@ +http://example.org/categories/ \ No newline at end of file diff --git a/public/public/public/public/config.toml b/public/public/public/public/config.toml new file mode 100644 index 0000000..2a0c09f --- /dev/null +++ b/public/public/public/public/config.toml @@ -0,0 +1,4 @@ +baseURL = "http://example.org/" +languageCode = "en-us" +title = "My New Hugo Site" +theme = "novela" diff --git a/public/public/public/public/css/prism.css b/public/public/public/public/css/prism.css new file mode 100644 index 0000000..cf2bba9 --- /dev/null +++ b/public/public/public/public/css/prism.css @@ -0,0 +1,231 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar a { + cursor: pointer; +} + +div.code-toolbar > .toolbar button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; /* for button */ + -moz-user-select: none; + -ms-user-select: none; +} + +div.code-toolbar > .toolbar a, +div.code-toolbar > .toolbar button, +div.code-toolbar > .toolbar span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); + border-radius: .5em; +} + +div.code-toolbar > .toolbar a:hover, +div.code-toolbar > .toolbar a:focus, +div.code-toolbar > .toolbar button:hover, +div.code-toolbar > .toolbar button:focus, +div.code-toolbar > .toolbar span:hover, +div.code-toolbar > .toolbar span:focus { + color: inherit; + text-decoration: none; +} + diff --git a/public/public/public/public/images/brad-tiller.jpg b/public/public/public/public/images/brad-tiller.jpg new file mode 100644 index 0000000..1276576 Binary files /dev/null and b/public/public/public/public/images/brad-tiller.jpg differ diff --git a/public/public/public/public/images/dennis-brotzky.jpg b/public/public/public/public/images/dennis-brotzky.jpg new file mode 100644 index 0000000..8961f1f Binary files /dev/null and b/public/public/public/public/images/dennis-brotzky.jpg differ diff --git a/public/public/public/public/images/favicon.svg b/public/public/public/public/images/favicon.svg new file mode 100644 index 0000000..3a241e0 --- /dev/null +++ b/public/public/public/public/images/favicon.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + + + + + + diff --git a/public/public/public/public/images/hero-11.jpg b/public/public/public/public/images/hero-11.jpg new file mode 100644 index 0000000..0445236 Binary files /dev/null and b/public/public/public/public/images/hero-11.jpg differ diff --git a/public/public/public/public/images/hero-2.jpg b/public/public/public/public/images/hero-2.jpg new file mode 100644 index 0000000..7073f13 Binary files /dev/null and b/public/public/public/public/images/hero-2.jpg differ diff --git a/public/public/public/public/images/hero-3.jpg b/public/public/public/public/images/hero-3.jpg new file mode 100644 index 0000000..9abfb6c Binary files /dev/null and b/public/public/public/public/images/hero-3.jpg differ diff --git a/public/public/public/public/images/hero-4.jpg b/public/public/public/public/images/hero-4.jpg new file mode 100644 index 0000000..dddc629 Binary files /dev/null and b/public/public/public/public/images/hero-4.jpg differ diff --git a/public/public/public/public/images/hero-5.jpg b/public/public/public/public/images/hero-5.jpg new file mode 100644 index 0000000..32afe1b Binary files /dev/null and b/public/public/public/public/images/hero-5.jpg differ diff --git a/public/public/public/public/images/hero-6.jpg b/public/public/public/public/images/hero-6.jpg new file mode 100644 index 0000000..67f4189 Binary files /dev/null and b/public/public/public/public/images/hero-6.jpg differ diff --git a/public/public/public/public/images/large.jpg b/public/public/public/public/images/large.jpg new file mode 100644 index 0000000..e7f9ff5 Binary files /dev/null and b/public/public/public/public/images/large.jpg differ diff --git a/public/public/public/public/images/mack-mansouri.jpg b/public/public/public/public/images/mack-mansouri.jpg new file mode 100644 index 0000000..5d0df88 Binary files /dev/null and b/public/public/public/public/images/mack-mansouri.jpg differ diff --git a/public/public/public/public/images/medium.jpg b/public/public/public/public/images/medium.jpg new file mode 100644 index 0000000..bcb8b6c Binary files /dev/null and b/public/public/public/public/images/medium.jpg differ diff --git a/public/public/public/public/images/profile-01.jpeg b/public/public/public/public/images/profile-01.jpeg new file mode 100644 index 0000000..e269480 Binary files /dev/null and b/public/public/public/public/images/profile-01.jpeg differ diff --git a/public/public/public/public/images/small.jpg b/public/public/public/public/images/small.jpg new file mode 100644 index 0000000..315c442 Binary files /dev/null and b/public/public/public/public/images/small.jpg differ diff --git a/public/public/public/public/index.html b/public/public/public/public/index.html new file mode 100644 index 0000000..7009f0f --- /dev/null +++ b/public/public/public/public/index.html @@ -0,0 +1,302 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/public/public/index.xml b/public/public/public/public/index.xml new file mode 100644 index 0000000..da90485 --- /dev/null +++ b/public/public/public/public/index.xml @@ -0,0 +1,10 @@ + + + + My New Hugo Site + http://example.org/ + Recent content on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/public/public/sitemap.xml b/public/public/public/public/sitemap.xml new file mode 100644 index 0000000..6bf7bad --- /dev/null +++ b/public/public/public/public/sitemap.xml @@ -0,0 +1,17 @@ + + + + + http://example.org/categories/ + + + + http://example.org/ + + + + http://example.org/tags/ + + + diff --git a/public/public/public/public/tags/index.xml b/public/public/public/public/tags/index.xml new file mode 100644 index 0000000..201eda6 --- /dev/null +++ b/public/public/public/public/tags/index.xml @@ -0,0 +1,10 @@ + + + + Tags on My New Hugo Site + http://example.org/tags/ + Recent content in Tags on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/public/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..bb5b449 --- /dev/null +++ b/public/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);border-right:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}td:last-child{border-right:none}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}th{border-right:1px solid var(--horizontalRule);padding:15px 30px}th:last-child{border-right:none}@media screen and (max-width:1070px){th{padding:14px 20px}}@media screen and (max-width:735px){th{font-size:14px}}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{max-width:100%;-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/public/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..8a7596f --- /dev/null +++ b/public/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css","MediaType":"text/css","Data":{"Integrity":"sha256-/r9nypQ5AZjaoRaTmT3+qrui5q/71A8pGrUIH+rBvd0="}} \ No newline at end of file diff --git a/public/public/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css b/public/public/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css new file mode 100644 index 0000000..bb5b449 --- /dev/null +++ b/public/public/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);border-right:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}td:last-child{border-right:none}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}th{border-right:1px solid var(--horizontalRule);padding:15px 30px}th:last-child{border-right:none}@media screen and (max-width:1070px){th{padding:14px 20px}}@media screen and (max-width:735px){th{font-size:14px}}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{max-width:100%;-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/public/public/sitemap.xml b/public/public/public/sitemap.xml new file mode 100644 index 0000000..6bf7bad --- /dev/null +++ b/public/public/public/sitemap.xml @@ -0,0 +1,17 @@ + + + + + http://example.org/categories/ + + + + http://example.org/ + + + + http://example.org/tags/ + + + diff --git a/public/public/public/tags/index.html b/public/public/public/tags/index.html new file mode 100644 index 0000000..122f919 --- /dev/null +++ b/public/public/public/tags/index.html @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +Tags | My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/public/tags/index.xml b/public/public/public/tags/index.xml new file mode 100644 index 0000000..201eda6 --- /dev/null +++ b/public/public/public/tags/index.xml @@ -0,0 +1,10 @@ + + + + Tags on My New Hugo Site + http://example.org/tags/ + Recent content in Tags on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/public/tags/page/1/index.html b/public/public/public/tags/page/1/index.html new file mode 100644 index 0000000..72bc58d --- /dev/null +++ b/public/public/public/tags/page/1/index.html @@ -0,0 +1 @@ +http://example.org/tags/ \ No newline at end of file diff --git a/public/public/public/themes/novela/LICENSE b/public/public/public/themes/novela/LICENSE new file mode 100644 index 0000000..a48726d --- /dev/null +++ b/public/public/public/themes/novela/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2019-present Forestry.io and contributors + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/public/public/public/themes/novela/assets/css/prism.css b/public/public/public/themes/novela/assets/css/prism.css new file mode 100644 index 0000000..cf2bba9 --- /dev/null +++ b/public/public/public/themes/novela/assets/css/prism.css @@ -0,0 +1,231 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar a { + cursor: pointer; +} + +div.code-toolbar > .toolbar button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; /* for button */ + -moz-user-select: none; + -ms-user-select: none; +} + +div.code-toolbar > .toolbar a, +div.code-toolbar > .toolbar button, +div.code-toolbar > .toolbar span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); + border-radius: .5em; +} + +div.code-toolbar > .toolbar a:hover, +div.code-toolbar > .toolbar a:focus, +div.code-toolbar > .toolbar button:hover, +div.code-toolbar > .toolbar button:focus, +div.code-toolbar > .toolbar span:hover, +div.code-toolbar > .toolbar span:focus { + color: inherit; + text-decoration: none; +} + diff --git a/public/public/public/themes/novela/assets/js/addFormStyles.js b/public/public/public/themes/novela/assets/js/addFormStyles.js new file mode 100644 index 0000000..0dad1d5 --- /dev/null +++ b/public/public/public/themes/novela/assets/js/addFormStyles.js @@ -0,0 +1,27 @@ +document.getElementById("submitButton").addEventListener("click", addErrorStyles); +document.getElementById("emailInput").addEventListener("keyup", updateStyles); + +subscriptionForm = document.getElementById("subscriptionForm"); +emailField = document.getElementById("emailInput"); +submitted = false; + +function addErrorStyles(){ + submitted = true; + updateClasses(); +} + +function updateStyles(){ + if (submitted === true){ + updateClasses(); + } +} + +function updateClasses(){ + if(emailField.validity.valid){ + subscriptionForm.classList.remove("submitted-form"); + } + else{ + subscriptionForm.classList.add("submitted-form"); + emailField.classList.add("submitted-input"); + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/js/collapseAuthors.js b/public/public/public/themes/novela/assets/js/collapseAuthors.js new file mode 100644 index 0000000..a9ec2fd --- /dev/null +++ b/public/public/public/themes/novela/assets/js/collapseAuthors.js @@ -0,0 +1,22 @@ +let collapsed = true; + +function displayCoauthors(){ + document.getElementById("uncollapsedCoauthors").classList.remove("hidden"); +} + +function hideCoauthors(){ + document.getElementById("uncollapsedCoauthors").classList.add("hidden"); +} + +function bindCollapseAuthors() { + const collapsedCoauthorsElement = document.getElementById("collapsedCoauthors"); + + if (collapsedCoauthorsElement === null) { + return; + } + + collapsedCoauthorsElement.addEventListener("click", displayCoauthors); + document.getElementById("uncollapsedAction").addEventListener("click", hideCoauthors); +} + +bindCollapseAuthors(); diff --git a/public/public/public/themes/novela/assets/js/copyUrl.js b/public/public/public/themes/novela/assets/js/copyUrl.js new file mode 100644 index 0000000..a850c8d --- /dev/null +++ b/public/public/public/themes/novela/assets/js/copyUrl.js @@ -0,0 +1,18 @@ +document.getElementById("copyButton").addEventListener("click", copyToClipboard); + +let currentUrl = window.location; +let copyTextContainer = document.getElementById("copyText"); +let toolTip = document.getElementById("toolTip"); + +function copyToClipboard(){ + copyTextContainer.value = currentUrl + copyTextContainer.focus(); + copyTextContainer.select(); + document.execCommand("copy"); + + toolTip.style.animationName = "pan-toolbar"; + + setTimeout(function(){ + toolTip.style.removeProperty('animation-name'); + }, 2000); +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/js/initColors.js b/public/public/public/themes/novela/assets/js/initColors.js new file mode 100644 index 0000000..66e23bd --- /dev/null +++ b/public/public/public/themes/novela/assets/js/initColors.js @@ -0,0 +1,58 @@ + +let be = document.getElementsByTagName("BODY")[0]; + +initColors(); + +function initColors(){ + if (localStorage.getItem("isLight") === null) { + localStorage.setItem("isLight", 'true'); + } + + if (localStorage.getItem("isLight") === 'false'){ + makeDark(); + } + else{ + makeLight(); + } +} + + +function makeDark(){ + be.style.setProperty('--primary', "#fff"); + be.style.setProperty('--secondary', "#fff"); + be.style.setProperty('--grey', "#73737D"); + be.style.setProperty('--background-color', "#111216"); + be.style.setProperty('--accent', "#E9DAAC"); + be.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + be.style.setProperty('--articleText', "#fff"); + be.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + be.style.setProperty('--progress', "#fff"); + be.style.setProperty('--card', "#1D2128"); + be.style.setProperty('--error', "#EE565B"); + be.style.setProperty('--success', "#46B17B"); + be.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + be.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + be.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + be.style.setProperty('--primary', ""); + be.style.setProperty('--secondary', ""); + be.style.setProperty('--grey', ""); + be.style.setProperty('--background-color', ""); + be.style.setProperty('--accent', ""); + be.style.setProperty('--hover', ""); + be.style.setProperty('--gradient', ""); + be.style.setProperty('--articleText', ""); + be.style.setProperty('--track', ""); + be.style.setProperty('--progress', ""); + be.style.setProperty('--card', ""); + be.style.setProperty('--error', ""); + be.style.setProperty('--success', ""); + be.style.setProperty('--errorBackground', ""); + be.style.setProperty('--horizontalRule', ""); + be.style.setProperty('--inputBackground', ""); + be.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/js/prism.js b/public/public/public/themes/novela/assets/js/prism.js new file mode 100644 index 0000000..5355951 --- /dev/null +++ b/public/public/public/themes/novela/assets/js/prism.js @@ -0,0 +1,19 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(Sl.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1"+a.content+""},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(e){var s=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+s.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+s.source+")*?(?=\\s*\\{)"),string:{pattern:s,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/m}},coord:/^@@.*@@$/m,commit_sha1:/^commit \w{40}$/m}; +Prism.languages.go=Prism.languages.extend("clike",{keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,builtin:/\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/,boolean:/\b(?:_|iota|nil|true|false)\b/,operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,number:/(?:\b0x[a-f\d]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[-+]?\d+)?)i?/i,string:{pattern:/(["'`])(?:\\[\s\S]|(?!\1)[^\\])*\1/,greedy:!0}}),delete Prism.languages.go["class-name"]; +Prism.languages.json={property:{pattern:/"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,greedy:!0},string:{pattern:/"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json; +!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+\.?\d*|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism); +!function(i){var t=i.util.clone(i.languages.javascript);i.languages.jsx=i.languages.extend("markup",t),i.languages.jsx.tag.pattern=/<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:$-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}))*\s*\/?)?>/i,i.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/i,i.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">]+)/i,i.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,i.languages.insertBefore("inside","attr-name",{spread:{pattern:/\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}/,inside:{punctuation:/\.{3}|[{}.]/,"attr-value":/\w+/}}},i.languages.jsx.tag),i.languages.insertBefore("inside","attr-value",{script:{pattern:/=(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/i,inside:{"script-punctuation":{pattern:/^=(?={)/,alias:"punctuation"},rest:i.languages.jsx},alias:"language-javascript"}},i.languages.jsx.tag);var o=function(t){return t?"string"==typeof t?t:"string"==typeof t.content?t.content:t.content.map(o).join(""):""},p=function(t){for(var n=[],e=0;e"===a.content[a.content.length-1].content||n.push({tagName:o(a.content[0].content[1]),openedBraces:0}):0]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},keyword:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/,builtin:/\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/}),delete e.languages.typescript.parameter;var n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,e.languages.insertBefore("typescript","function",{"generic-function":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:n}}}}),e.languages.ts=e.languages.typescript}(Prism); +var typescript=Prism.util.clone(Prism.languages.typescript);Prism.languages.tsx=Prism.languages.extend("jsx",typescript); +!function(e){function n(e){return e.replace(/__/g,function(){return"(?:[\\w-]+|'[^'\n\r]*'|\"(?:\\\\.|[^\\\\\"\r\n])*\")"})}e.languages.toml={comment:{pattern:/#.*/,greedy:!0},table:{pattern:RegExp(n("(^\\s*\\[\\s*(?:\\[\\s*)?)__(?:\\s*\\.\\s*__)*(?=\\s*\\])"),"m"),lookbehind:!0,greedy:!0,alias:"class-name"},key:{pattern:RegExp(n("(^\\s*|[{,]\\s*)__(?:\\s*\\.\\s*__)*(?=\\s*=)"),"m"),lookbehind:!0,greedy:!0,alias:"property"},string:{pattern:/"""(?:\\[\s\S]|[^\\])*?"""|'''[\s\S]*?'''|'[^'\n\r]*'|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},date:[{pattern:/\b\d{4}-\d{2}-\d{2}(?:[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})?)?\b/i,alias:"number"},{pattern:/\b\d{2}:\d{2}:\d{2}(?:\.\d+)?\b/,alias:"number"}],number:/(?:\b0(?:x[\da-zA-Z]+(?:_[\da-zA-Z]+)*|o[0-7]+(?:_[0-7]+)*|b[10]+(?:_[10]+)*))\b|[-+]?\b\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?\b|[-+]?\b(?:inf|nan)\b/,boolean:/\b(?:true|false)\b/,punctuation:/[.,=[\]{}]/}}(Prism); +!function(n){var t=/[*&][^\s[\]{},]+/,e=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+e.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+e.source+")?)";function a(n,t){t=(t||"").replace(/m/g,"")+"m";var e="([:\\-,[{]\\s*(?:\\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|]|}|\\s*#))".replace(/<>/g,function(){return r}).replace(/<>/g,function(){return n});return RegExp(e,t)}n.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\\2[^\r\n]+)*)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)[^\r\n{[\\]},#\\s]+?(?=\\s*:\\s)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?)?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:a("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:a("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:a("(\"|')(?:(?!\\2)[^\\\\\r\n]|\\\\.)*\\2"),lookbehind:!0,greedy:!0},number:{pattern:a("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+\\.?\\d*|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:e,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows"),i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 100){ + progressBar.style.animationName = "progress-fade-out"; + setTimeout(function(){ + progressBar.style.opacity = "0"; + }, 500); + } + else{ + progressBar.style.animationName = "progress-fade-in"; + setTimeout(function(){ + progressBar.style.opacity = "1"; + }, 500); + } +} diff --git a/public/public/public/themes/novela/assets/js/toggleBorder.js b/public/public/public/themes/novela/assets/js/toggleBorder.js new file mode 100644 index 0000000..a03e3fc --- /dev/null +++ b/public/public/public/themes/novela/assets/js/toggleBorder.js @@ -0,0 +1,13 @@ +window.addEventListener("resize", adjustListBorder); + +let listRemoveWidth = window.matchMedia("(max-width: 1070px)"); +let listAddWidth = window.matchMedia("(min-width: 1070px)"); + +function adjustListBorder(){ + if (listRemoveWidth.matches) { + document.getElementById("articlesList").classList.remove("author-alc"); + } + else if (listAddWidth.matches) { + document.getElementById("articlesList").classList.add("author-alc"); + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/js/toggleColors.js b/public/public/public/themes/novela/assets/js/toggleColors.js new file mode 100644 index 0000000..42c1de8 --- /dev/null +++ b/public/public/public/themes/novela/assets/js/toggleColors.js @@ -0,0 +1,104 @@ +document.getElementById("themeColorButton").addEventListener("click", toggleColors); + +let bodyElement = document.getElementsByTagName("BODY")[0]; +let moonOrSun = document.getElementById("moonOrSun"); +let sunRays = document.getElementById("sunRays"); +let moonMask = document.getElementById("moonMask"); + +initAnimation(); + +function initAnimation(){ + if (localStorage.getItem("isLight") === 'true'){ + moonMask.style.top = "-8px"; + moonMask.style.right = "-5px"; + moonOrSun.style.transform = "scale(1)" + sunRays.style.transform = "scale(0.1)" + } + else{ + moonMask.style.top = "-25px"; + moonMask.style.right = "-15px"; + moonOrSun.style.transform = "scale(0.5)" + sunRays.style.transform = "scale(0.6)" + } +} + +function toggleColors(){ + if (localStorage.getItem("isLight") === 'true'){ + makeDark(); + + moonMask.classList.add("mask-to-sun-animation"); + moonOrSun.classList.add("to-sun-animation"); + sunRays.classList.add("expand-rays"); + + setTimeout(function(){ + sunRays.classList.remove("expand-rays"); + }, 500); + setTimeout(function(){ + moonMask.classList.remove("mask-to-sun-animation"); + moonOrSun.classList.remove("to-sun-animation"); + initAnimation(); + }, 400); + + localStorage.setItem("isLight", 'false'); + } + else{ + makeLight(); + + moonMask.classList.add("mask-to-moon-animation"); + moonOrSun.classList.add("to-moon-animation"); + sunRays.classList.add("contract-rays"); + + + setTimeout(function(){ + sunRays.classList.remove("contract-rays"); + }, 500); + setTimeout(function(){ + moonMask.classList.remove("mask-to-moon-animation"); + moonOrSun.classList.remove("to-moon-animation"); + sunRays.classList.remove("contract-rays"); + initAnimation(); + }, 400); + + localStorage.setItem("isLight", 'true'); + } +} + +function makeDark(){ + bodyElement.style.setProperty('--primary', "#fff"); + bodyElement.style.setProperty('--secondary', "#fff"); + bodyElement.style.setProperty('--grey', "#73737D"); + bodyElement.style.setProperty('--background-color', "#111216"); + bodyElement.style.setProperty('--accent', "#E9DAAC"); + bodyElement.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + bodyElement.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + bodyElement.style.setProperty('--articleText', "#fff"); + bodyElement.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + bodyElement.style.setProperty('--progress', "#fff"); + bodyElement.style.setProperty('--card', "#1D2128"); + bodyElement.style.setProperty('--error', "#EE565B"); + bodyElement.style.setProperty('--success', "#46B17B"); + bodyElement.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + bodyElement.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + bodyElement.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + bodyElement.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + bodyElement.style.setProperty('--primary', ""); + bodyElement.style.setProperty('--secondary', ""); + bodyElement.style.setProperty('--grey', ""); + bodyElement.style.setProperty('--background-color', ""); + bodyElement.style.setProperty('--accent', ""); + bodyElement.style.setProperty('--hover', ""); + bodyElement.style.setProperty('--gradient', ""); + bodyElement.style.setProperty('--articleText', ""); + bodyElement.style.setProperty('--track', ""); + bodyElement.style.setProperty('--progress', ""); + bodyElement.style.setProperty('--card', ""); + bodyElement.style.setProperty('--error', ""); + bodyElement.style.setProperty('--success', ""); + bodyElement.style.setProperty('--errorBackground', ""); + bodyElement.style.setProperty('--horizontalRule', ""); + bodyElement.style.setProperty('--inputBackground', ""); + bodyElement.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/js/toggleLayout.js b/public/public/public/themes/novela/assets/js/toggleLayout.js new file mode 100644 index 0000000..b89b0b5 --- /dev/null +++ b/public/public/public/themes/novela/assets/js/toggleLayout.js @@ -0,0 +1,32 @@ +document.getElementById("btnGrid").addEventListener("click", makeGrid); +document.getElementById("btnRows").addEventListener("click", makeRows); +window.addEventListener("resize", adjustListAtMobile); + +document.getElementById("rows").style.fill = "var(--grey)"; + +let listRemoveWidth = window.matchMedia("(max-width: 735px)"); +let listAddWidth = window.matchMedia("(min-width: 735px)"); +let isList = false; + +function adjustListAtMobile(){ + if (listRemoveWidth.matches) { + document.getElementById("articlesList").classList.remove("articles-list-container-alt"); + } + else if (listAddWidth.matches && isList === true) { + document.getElementById("articlesList").classList.add("articles-list-container-alt"); + } +} + +function makeGrid(){ + document.getElementById("articlesList").classList.remove("articles-list-container-alt"); + document.getElementById("tiles").style.fill = "var(--primary)"; + document.getElementById("rows").style.fill = "var(--grey)"; + isList = false; +} + +function makeRows(){ + document.getElementById("articlesList").classList.add("articles-list-container-alt"); + document.getElementById("rows").style.fill = "var(--primary)"; + document.getElementById("tiles").style.fill = "var(--grey)"; + isList = true; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/js/toggleLogos.js b/public/public/public/themes/novela/assets/js/toggleLogos.js new file mode 100644 index 0000000..cc9b135 --- /dev/null +++ b/public/public/public/themes/novela/assets/js/toggleLogos.js @@ -0,0 +1,15 @@ +window.addEventListener("resize", toggleLogo); + +let lrw = window.matchMedia("(max-width: 735px)"); +let law = window.matchMedia("(min-width: 735px)"); + +function toggleLogo(){ + if (lrw.matches) { + document.getElementById("logo-mobile").classList.remove("hidden"); + document.getElementById("logo-desktop").classList.add("hidden"); + } + else if (law.matches) { + document.getElementById("logo-mobile").classList.add("hidden"); + document.getElementById("logo-desktop").classList.remove("hidden"); + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/anchor.scss b/public/public/public/themes/novela/assets/scss/anchor.scss new file mode 100644 index 0000000..43b57c2 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/anchor.scss @@ -0,0 +1,16 @@ +a{ + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + color: var(--accent); +} + +a:visited { + color: var(--accent); + opacity: 0.85; +} + +a:hover, +a:focus { + text-decoration: underline; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/article.scss b/public/public/public/themes/novela/assets/scss/article.scss new file mode 100644 index 0000000..918553f --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/article.scss @@ -0,0 +1,503 @@ +/**************************************ARTICLE HEAD**************************************/ + +.article-hero{ + @media screen and (max-width: $phablet){ + &::before { + content: ""; + width: 100%; + height: 20px; + background: var(--primary); + position: absolute; + left: 0; + top: 0; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + + &::after { + content: ""; + width: 100%; + height: 10px; + background: var(--background-color); + position: absolute; + left: 0; + top: 10px; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + } +} + +.article-meta{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + margin-left: 0; + flex-direction: column; + } +} + +.article-header{ + position: relative; + z-index: 10; + margin:100px auto 120px; + padding-left: 68px; + max-width: 749px; + + @media screen and (max-width: $desktop){ + padding-left: 53px; + max-width: calc(507px + 53px); + margin: 100px auto 70px; + } + + @media screen and (max-width: $tablet){ + padding-left: 0; + margin: 100px auto 70px; + max-width: 480px; + } + + @media screen and (max-width: $phablet){ + margin: 170px auto 180px; + padding: 0 40px; + } + + @media screen and (max-height: 700px) { + margin: 100px auto; + } +} + +.article-hero-heading{ + font-size: 48px; + font-family: var(--serif); + margin-bottom: 25px; + font-weight: bold; + line-height: 1.32; + + @media screen and (max-width: $tablet){ + margin-bottom: 20px; + font-size: 36px; + } + + @media screen and (max-width: $phablet){ + font-size: 32px; + } +} + +.article-hero-subtitle{ + padding: 10px; + max-width: 700px; + margin-left: auto; + margin-right: auto; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 18px; + color: var(--grey); + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + border: 1px solid var(--horizontalRule); + border-radius: 5px; + } + + @media screen and(max-width: $phablet){ + font-size: 14px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + + &.has-coauthors::before{ + content: ''; + position: absolute; + left: -20px; + right: -20px; + top: -10px; + bottom: -10px; + border: 1px solid var(--horizontalRule); + opacity: 0.5; + border-radius: 5px; + } + + strong { + display: block; + font-weight: 500; + margin-bottom: 5px; + } + } +} + +.article-hero-image{ + position: absolute; + z-index: 1; + width: 100%; + max-width: 944px; + overflow: hidden; + margin: 0 auto; + -webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), + 0 18px 36px -18px rgba(0, 0, 0, 0.22); + box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), + 0 18px 36px -18px rgba(0, 0, 0, 0.22); + + img{ + width: 100%; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + position: relative; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + max-width: 100%; + } + + /*PHABLET*/ + @media screen and (max-width: phablet){ + margin: 0 auto; + width: calc(100vw - 40px); + height: 220px; + + & > div { + height: 220px; + } + } +} + +.article-author-link{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: inherit; + + &:hover{ + text-decoration: none; + } + + &:visited{ + color: inherit; + } + + strong { + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + + &:hover strong { + color: var(--primary); + } +} + +.article-author-avatar{ + height: 25px; + width: 25px; + border-radius: 50%; + margin-right: 14px; + background: var(--grey); + overflow: hidden; + + img{ + width: 100%; + } + + .gatsby-image-wrapper > div { + padding-bottom: 100% !important; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.hide-on-mobile{ + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-container{ + margin-right: 10px; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 18px; + color: var(--grey); + cursor: pointer; + + &::before { + content: ""; + position: absolute; + left: 0; + right: 0; + top: -16px; + bottom: -16px; + background: var(--card); + -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + border-radius: 5px; + z-index: 0; + -webkit-transition: opacity 0.3s; + -o-transition: opacity 0.3s; + transition: opacity 0.3s; + cursor: pointer; + opacity: 0; + } + + &:hover::before { + opacity: 1; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + &::before { + -webkit-box-shadow: none; + box-shadow: none; + bottom: -30px; + background: transparent; + } + + + strong { + display: block; + font-weight: semi-bold; + margin-bottom: 5px; + } + } +} + +.article-coauthors-collapsed{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.article-coauthors-list{ + position: relative; + height: 25px; + margin-right: 15px; + margin-left: 15px; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-avatar{ + position: absolute; + height: 25px; + width: 25px; + border-radius: 50%; + z-index: 1; + background: var(--grey); + -webkit-box-shadow: 0 0 0 2px var(--background-color); + box-shadow: 0 0 0 2px var(--background-color); + -webkit-transition: -webkit-box-shadow 0.25s ease; + transition: -webkit-box-shadow 0.25s ease; + -o-transition: box-shadow 0.25s ease; + transition: box-shadow 0.25s ease; + transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease; + overflow: hidden; + pointer-events: none; + + img{ + width: 100%; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-name-container{ + position: relative; + max-width: 260px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + font-weight: 600; + cursor: pointer; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + max-width: 120px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + max-width: 200px; + } +} + +.article-coauthors-icon-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + cursor: pointer; + margin-left: 10px; + margin-right: 10px; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + position: absolute; + right: 0; + bottom: 0; + top: 10px; + height: 100%; + } + +} + +.article-coauthors-list-open{ + position: absolute; + z-index: 2; + left: -21px; + right: -21px; + top: -19px; + padding: 21px; + background: var(--card); + -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + border-radius: 5px; + cursor: pointer; + list-style-type: none; + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); + + + li::before{ + display: none; + } +} + +.article-icon-open-container{ + position: absolute; + cursor: pointer; + top: 25px; + right: 10px; + +} + +.article-coauthors-list-item-open{ + padding: 0; + a { + width: 100%; + } + + &:not(:last-child) { + margin-bottom: 10px; + } +} + +.article-coauthor-avatar-open{ + height: 25px; + width: 25px; + border-radius: 50%; + margin-right: 15px; + background: var(--grey); + overflow: hidden; + pointer-events: none; + + img{ + width: 100%; + } + + .gatsby-image-wrapper > div { + padding-bottom: 100% !important; + overflow: hidden; + } +} + +.article-author-name-open{ + position: relative; + cursor: pointer; + color: var(--secondary); + font-weight: 600; +} + +/**************************************ARTICLE BODY**************************************/ + +.post-content{ + padding: 160px 0 35px; +} + +/**************************************ARTICLE NEXT**************************************/ + +.footer-next-heading{ + display: block; + font-size: 1.6rem; + position: relative; + opacity: 0.25; + margin-left: 0; + margin-right: 0; + margin-bottom: 100px; + min-width: 100%; + font-weight: 400; + color: var(--primary); + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + &::after { + content: ''; + position: absolute; + background: var(--grey); + width: 62%; + max-width: 100%; + height: 1px; + right: 0; + top: 50%; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 41.7%; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + width: 27.8%; + } + + /*PHONE*/ + @media screen and (max-width: $phone){ + width: 90px; + } + } +} + +.footer-spacer{ + margin-bottom: 65px; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/articles.scss b/public/public/public/themes/novela/assets/scss/articles.scss new file mode 100644 index 0000000..ca2f01a --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/articles.scss @@ -0,0 +1,624 @@ +/****************************************HEADER****************************************/ + +.subheading-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 100px; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + margin-bottom: 80px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.grid-controls-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + display: none !important; + } +} + +.heading-container{ + margin: 100px 0; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + width: 80%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 100%; + } +} + +.hero-heading{ + font-style: normal; + font-weight: 600; + font-size: 52px; + font-family: var(--sanserif); + line-height: 1.15; + color: var(--primary); + margin: 0; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + font-size: 38px + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 32px; + } +} + +.grid-button{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + border-radius: 50%; + background: transparent; + -webkit-transition: background 0.25s; + -o-transition: background 0.25s; + transition: background 0.25s; + + &:not(:last-child) { + margin-right: 30px; + } + + &:hover { + background: var(--hover); + } + + &[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -10%; + top: -10%; + width: 120%; + height: 120%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 50%; + } + + svg { + -webkit-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + transition: opacity 0.2s; + + path { + fill: var(--primary); + } + } +} + +/****************************************LIST****************************************/ + +/*LIMIT TO TWO LINES*/ +.limit-to-two-lines, .articles-title, .article-excerpt{ + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow-wrap: normal; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; + white-space: normal; + overflow: hidden; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + -webkit-line-clamp: 3; + } +} + +/*SHOW DETAILS*/ +.show-details{ + p { + display: -webkit-box; + } + + h2 { + margin-bottom: 10px; + } +} + +.articles-list-container{ + -webkit-transition: opacity 0.25s; + -o-transition: opacity 0.25s; + transition: opacity 0.25s; +} + +.author-alc{ + background-image: -webkit-gradient(linear, left top, left bottom, from(var(--card)), to(var(--background-color))); + background-image: -o-linear-gradient(var(--card), var(--background-color)); + background-image: linear-gradient(var(--card), var(--background-color)); + padding-top: 90px; + + .post-row-alt{ + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + .article-link{ + max-width: 40%!important; + margin: 15px; + } + } +} + +/*LIST TITLE*/ +.list-title{ + position: relative; + display: -ms-grid; + display: grid; + -ms-grid-columns: + '457px 1fr'; + grid-template-columns: + '457px 1fr'; + -ms-grid-rows: 2; + grid-template-rows: 2; + -webkit-column-gap: 30px; + -moz-column-gap: 30px; + column-gap: 30px; + + &:not(:last-child) { + margin-bottom: 75px; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + grid-template-columns: 1fr 1fr; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + grid-template-columns: 1fr; + + &:not(:last-child) { + margin-bottom: 0; + } + } + +} +.list-title > *:nth-child(1){ + -ms-grid-row: 1; + -ms-grid-column: 1 + +} + +.list-title-alt{ + -ms-grid-columns: + '457px 1fr'; + grid-template-columns: + '457px 1fr'; +} + +.list-item-row{ + display: -ms-grid; + display: grid; + -ms-grid-rows: 1fr; + grid-template-rows: 1fr; + -ms-grid-columns: 1fr 96px 488px; + grid-template-columns: 1fr 488px; + grid-column-gap: 96px; + -ms-grid-rows: 1; + grid-template-rows: 1; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + margin-bottom: 50px; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + grid-column-gap: 24px; + grid-template-columns: 1fr 380px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + grid-template-columns: 1fr; + } + + @media (max-width: 540px) { + background: var(--card); + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } + + +}.list-item-row > *:nth-child(1){ + -ms-grid-row: 1; + -ms-grid-column: 1; + + +}.list-item-row > *:nth-child(2){ + -ms-grid-row: 1; +} + +.list-item-tile{ + position: relative; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + @media (max-width: 540px) { + background: var(--card); + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + margin-bottom: 40px; + -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } +} + +.list-row{ + display: -ms-grid; + display: grid; + -ms-grid-rows: "1fr 1fr"; + grid-template-rows: "1fr 1fr"; +} + +.list-row-alt{ + -ms-grid-rows: "1fr"; + grid-template-rows: "1fr"; +} + +.image-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; + position: relative; + height: 280px; + -webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.22), + 0 18px 36px -18px rgba(0, 0, 0, 0.25); + box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.22), + 0 18px 36px -18px rgba(0, 0, 0, 0.25); + margin-bottom: 30px; + -webkit-transition: -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + transition: -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + -o-transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad); + transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad); + transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad), + -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + + & > div { + height: 100%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + height: 200px; + margin-bottom: 35px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + overflow: hidden; + margin-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + } +} + +.article-image{ + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100%; + min-height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.article-title{ + font-size: 21px; + font-family: var(--serif); + margin-bottom: 35px; + -webkit-transition: color 0.3s ease-in-out; + -o-transition: color 0.3s ease-in-out; + transition: color 0.3s ease-in-out; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + margin-bottom: 15px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + font-size: 24px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 22px; + padding: 0 20px 0; + margin-bottom: 10px; + -webkit-line-clamp: 3; + } +} + +.article-excerpt{ + font-size: 16px; + margin-left: 0; + margin-right: 0; + margin-bottom: 10px; + color: var(--grey); + display: none; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + display: -webkit-box; + } + + /*PHABLET*/ + @media screem and (max-width: $phablet){ + margin-bottom: 15px; + max-width: 100%; + padding: 0 20px; + margin-bottom: 20px; + -webkit-line-clamp: 3; + } +} + +.article-metadata{ + font-weight: 600; + font-size: 16px; + color: var(--grey); + opacity: 0.33; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + max-width: 100%; + padding: 0 20px 30px; + } +} + +.post-row{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + margin-bottom: 100px; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin: 0; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +.post-row-alt{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + margin-bottom: 100px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + + .article-link{ + margin-top: 75px; + max-width: 48.3%; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + max-width: 100%; + } + } +} + +.article-link{ + max-width: 39.5%; + position: relative; + display: block; + width: 100%; + top: 0; + left: 0; + border-radius: 5px; + z-index: 1; + -webkit-transition: -webkit-transform 0.33s var(--ease-out-quart); + transition: -webkit-transform 0.33s var(--ease-out-quart); + -o-transition: transform 0.33s var(--ease-out-quart); + transition: transform 0.33s var(--ease-out-quart); + transition: transform 0.33s var(--ease-out-quart), -webkit-transform 0.33s var(--ease-out-quart); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + + &:hover{ + text-decoration: none; + } + + &:hover .image-container, &:focus .image-container { + -webkit-transform: translateY(-1px); + -ms-transform: translateY(-1px); + transform: translateY(-1px); + -webkit-box-shadow: 0 50px 80px -20px rgba(0, 0, 0, 0.27), + 0 30px 50px -30px rgba(0, 0, 0, 0.3); + box-shadow: 0 50px 80px -20px rgba(0, 0, 0, 0.27), + 0 30px 50px -30px rgba(0, 0, 0, 0.3); + } + + &:hover h2, + &:focus h2 { + color: var(--accent); + } + + &[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -1.5%; + top: -2%; + width: 103%; + height: 104%; + border: 3px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + max-width: 48.5%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + min-width: 80% !important; + display: block; + margin-bottom: 60px; + + p{ + padding: 0; + } + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + min-width: 100% !important; + margin-bottom: 40px; + -webkit-box-shadow: 0px 20px 40px rgba(0,0,0,0.2); + box-shadow: 0px 20px 40px rgba(0,0,0,0.2); + + &:hover .image-container { + -webkit-transform: none; + -ms-transform: none; + transform: none; + -webkit-box-shadow: initial; + box-shadow: initial; + } + + &:active { + -webkit-transform: scale(0.97) translateY(3px); + -ms-transform: scale(0.97) translateY(3px); + transform: scale(0.97) translateY(3px); + } + + p{ + padding: 0 20px 0; + } + } +} + +#article-link-bigger{ + max-width: 58.5% !important; + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + max-width: 48.5% !important; + } +} + +.articles-list-container-alt{ + + .post-row{ + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + margin-bottom: 0; + + .article-link{ + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + min-width: 100% !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: none; + flex-wrap: none; + + .article-data-outer{ + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + min-width: 100% !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: none; + flex-wrap: none; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + + .image-container{ + max-width: 46%; + } + + .article-data{ + width: 46%; + } + } + } + + } + } \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/authors.scss b/public/public/public/themes/novela/assets/scss/authors.scss new file mode 100644 index 0000000..58b4795 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/authors.scss @@ -0,0 +1,108 @@ +/****************************HERO****************************/ +.author-hero{ + position: relative; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 35px auto 110px; +} + +.author-hero-image{ + position: relative; + z-index: 1; + height: 164px; + width: 164px; + margin-bottom: 35px; + border-radius: 50%; + overflow: hidden; + border: 2px solid var(background-color); + -webkit-box-shadow: 0px 15.619px 31.2381px rgba(0, 0, 0, 0.15); + box-shadow: 0px 15.619px 31.2381px rgba(0, 0, 0, 0.15); + border: 2px solid var(--card); + + img{ + width: 100%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 146px; + height: 146px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + width: 136px; + height: 136px; + margin-bottom: 25px; + } +} + +.author-heading{ + font-size: 38px; + font-family: var(--sanserif); + color: var(--primary); + margin-bottom: 15px; + font-weight: 600; + text-align: center; +} + +.author-subheading{ + margin: 0 auto; + max-width: 450px; + color: var(--grey); + font-size: 18px; + font-family: var(--sanserif); + line-height: 1.4; + text-align: center; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + } +} + +.author-social{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 35px; + width: 100%; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + } +} + +/****************************CONTENT****************************/ +.authors-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/bio.scss b/public/public/public/themes/novela/assets/scss/bio.scss new file mode 100644 index 0000000..1382b77 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/bio.scss @@ -0,0 +1,76 @@ +.bio-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + left: -10px; +} + +.bio-link{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + &:hover{ + text-decoration: none; + } +} + +.bio-avatar{ + display: block; + position: relative; + height: 40px; + width: 40px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.25); + margin-right: 16px; + margin: 10px 26px 10px 10px; +} + +.bio-avatar::after { + content: ""; + position: absolute; + left: -5px; + top: -5px; + width: 50px; + height: 50px; + border-radius: 50%; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.bio-avatar[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -5px; + top: -5px; + width: 50px; + height: 50px; + border: 2px solid var(--accent); +} + +.bio-avatar-inner{ + height: 40px; + width: 40px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.25); + margin-right: 16px; + overflow: hidden; +} + +.bio-text{ + margin-bottom: 0; + max-width: 430px; + font-size: 14px; + line-height: 1.45; + color: var(--grey); +} + +.author-avatar{ + width: 100%; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/blockquote.scss b/public/public/public/themes/novela/assets/scss/blockquote.scss new file mode 100644 index 0000000..87dfb8c --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/blockquote.scss @@ -0,0 +1,36 @@ +blockquote{ + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 15px auto 50px; + color: var(--articleText); + font-family: var(--serif); + font-style: italic; +} + +blockquote > p { + font-family: var(--serif); + max-width: 880px !important; + padding-right: 100px; + padding-bottom: 0; + width: 100%; + margin: 0 auto; + font-size: 36px; + line-height: 1.32; + font-weight: bold; +} + +@media screen and (max-width: 735px) { + blockquote{ + margin: 10px auto 35px; + font-size: 26px; + padding: 0 180px; + } +} + +@media screen and (max-width: 540px) { + blockquote{ + font-size: 36px; + padding: 0 20px 0 40px; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/code.scss b/public/public/public/themes/novela/assets/scss/code.scss new file mode 100644 index 0000000..635a00a --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/code.scss @@ -0,0 +1,25 @@ +.code-toolbar{ + max-width: 750px; + margin: 0 auto 35px; + overflow: auto; + font-size: 12px; + + pre{ + padding-top: 2.5em !important; + padding-bottom: 2.5em !important; + padding-left: 5em !important; + padding-right: 5em !important; + border-radius: 5px !important; + background-color: #292c34 !important; + + code{ + color: white; + } + } + + .toolbar-item{ + position: absolute; + top: 1em; + right: 1em; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/global.scss b/public/public/public/themes/novela/assets/scss/global.scss new file mode 100644 index 0000000..1310fdd --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/global.scss @@ -0,0 +1,227 @@ +@import "vars.scss"; +@import "anchor.scss"; +@import "bio.scss"; +@import "blockquote.scss"; +@import "headings.scss"; +@import "horizontal-rule.scss"; +@import "image.scss"; +@import "layout.scss"; +@import "lists.scss"; +@import "logo.scss"; +@import "navigation.scss"; +@import "paragraph.scss"; +@import "progress.scss"; +@import "social-links.scss"; +@import "subscription.scss"; +@import "tables.scss"; +@import "section.scss"; +@import "articles.scss"; +@import "home-articles.scss"; +@import "code.scss"; +@import "article.scss"; +@import "authors.scss"; +@import "paginator.scss"; + + +/** + * Thanks to Benjamin De Cock + * https://gist.github.com/bendc/ac03faac0bf2aee25b49e5fd260a727d + */ + :root { + --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53); + --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22); + --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1); + --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); + --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1); +} + +@font-face { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; + font-weight: 400; + font-style: normal; +} + +*, +*:before, +*:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; + margin: 0; + padding: 0; + font-size: inherit; +} + +:root { + -ms-overflow-style: -ms-autohiding-scrollbar; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; + cursor: default; + font-size: 0.625rem; + line-height: 1.4; +} + +body { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; + font-size: 1.6rem; + margin: 0; + font-weight: 400; + height: 100%; +} + +button, +a { + text-decoration: none; + cursor: pointer; +} + +a:focus { + outline: none; +} + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} + +input, +textarea, +select, +button { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; +} + +.underline { + text-decoration: underline; +} + +button, +input, +select, +textarea { + color: inherit; + font-family: inherit; + font-style: inherit; + font-weight: inherit; +} + +code, +kbd, +pre, +samp { + font-family: monospace; +} + +fieldset, +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: none; + background: transparent; +} + +table { + border-collapse: separate; + border-spacing: 0; +} + +audio:not([controls]) { + display: none; +} + +details { + display: block; +} + +input { + &:focus, + &:active { + outline: none; + } + + &[type="number"] { + width: auto; + } +} + +img.Image__Zoom ~ div { + background: transparent !important; +} + +.Image__Small{ + width: 100%; + max-width: 680px; + margin-left: auto; + margin-right: auto; + margin-bottom: 35px; + img{ + width: 100%; + } +} + +.Image__medium{ + width: 100%; + margin-left: auto; + margin-right: auto; + margin-bottom: 35px; + img{ + width: 100%; + } +} + +.Image__large{ + width: 100%; + margin-bottom: 35px; + img{ + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + } +} + +.author-alc-section{ + padding-left: 0; + padding-right: 0; +} + +.icon-image{ + path{ + fill: var(--primary); + } +} + +img{ + max-width: 100%; + -webkit-animation-name: image-load-in; + animation-name: image-load-in; + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; +} + +@-webkit-keyframes image-load-in { + 0% {-webkit-filter: blur(8px);filter: blur(8px); opacity: 0;} + 100% {-webkit-filter: blur(0);filter: blur(0); opacity: 1;} +} + +@keyframes image-load-in { + 0% {-webkit-filter: blur(8px);filter: blur(8px); opacity: 0;} + 100% {-webkit-filter: blur(0);filter: blur(0); opacity: 1;} +} diff --git a/public/public/public/themes/novela/assets/scss/headings.scss b/public/public/public/themes/novela/assets/scss/headings.scss new file mode 100644 index 0000000..7cd11c0 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/headings.scss @@ -0,0 +1,91 @@ +h1, h2, h3, h4, h5, h6{ + margin: 0 auto; + font-weight: bold; + color: var(--primary); + font-family: var(--serif); + width: 100%; + max-width: 680px; +} + +h1, h1 *, h2, h2 * { + margin: 25px auto 18px; +} + +h3, h3 * { + margin: 20px auto 10px; +} + +h1{ + font-size: 52px; + line-height: 1.15; +} + +h2{ + font-size: 32px; + line-height: 1.333; +} + +h3{ + font-size: 24px; + line-height: 1.45; +} + +h4{ + font-size: 18px; + line-height: 1.45; +} + +h5{ + font-size: 18px; + line-height: 1.45; +} + +h6{ + font-size: 16px; + line-height: 1.45; +} + +@media screen and (max-width: 1070px){ + h1{ + font-size: 38px; + line-height: 1.2; + } + h2{ + font-size: 21px; + } +} + +@media screen and (max-width: 737px){ + h1, h2{ + margin: 30px auto 18px; + } + h2{ + font-size: 24px; + line-height: 1.45; + } + h3{ + font-size: 22px; + } +} + +@media screen and (max-width: 540px){ + h1{ + font-size: 32px; + line-height: 1.3; + } + h2{ + font-size: 22px; + } + h3{ + font-size: 20px; + } + h4{ + font-size: 16px; + } + h5{ + font-size: 16px; + } + h6{ + font-size: 14px; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/home-articles.scss b/public/public/public/themes/novela/assets/scss/home-articles.scss new file mode 100644 index 0000000..b8d82c8 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/home-articles.scss @@ -0,0 +1,17 @@ +.articles-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} + +.articles-paginator{ + margin-top: 95px; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/horizontal-rule.scss b/public/public/public/themes/novela/assets/scss/horizontal-rule.scss new file mode 100644 index 0000000..b053d35 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/horizontal-rule.scss @@ -0,0 +1,32 @@ +hr{ + position: relative; + width: 100%; + max-width: 680px; + margin: 50px auto; + border: 0; + height: 14.36px; + background-repeat: repeat-x; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-position: center; +} + +@media screen and (max-width: 1070px){ + hr{ + max-width: 507px; + } +} + +@media screen and (max-width: 735px){ + hr{ + max-width: 486px; + width: calc(100vw - 40px); + margin: 0px auto 50px; + } +} + +@media screen and (max-width: 340px){ + hr{ + padding: 0 20px; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/image.scss b/public/public/public/themes/novela/assets/scss/image.scss new file mode 100644 index 0000000..6491f80 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/image.scss @@ -0,0 +1,29 @@ +.image-placeholder{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + background: #ccc; + color: #898989; + font-size: 32px; + font-weight: 600; +} + +.image-zoom{ + display: block; + margin: 0 auto; + width: 100%; +} + +@media screen and (max-width: 540px){ + .image-placeholder{ + font-size: 28px; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/layout.scss b/public/public/public/themes/novela/assets/scss/layout.scss new file mode 100644 index 0000000..970be75 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/layout.scss @@ -0,0 +1,8 @@ +.layout-styled{ + position: relative; + background: var(--background-color); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + min-height: 100vh; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/lists.scss b/public/public/public/themes/novela/assets/scss/lists.scss new file mode 100644 index 0000000..7703098 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/lists.scss @@ -0,0 +1,169 @@ +ul{ + list-style: none; + counter-reset: list; + color: var(--articleText); + position: relative; + padding: 15px 0 30px 30px; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 0 auto; + font-size: 18px; + + width: 100%; + max-width: 680px; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + ul{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul{ + max-width: 486px; + padding-left: 0px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ul{ + padding-left: 20px; + } +} + +li{ + position: relative; + padding-bottom: 15px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul li{ + padding-left: 30px; + } + + ul li p{ + padding: 0; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ul li{ + padding-left: 30px; + } +} + +ul li > *{ + display: inline; +} + +ul li::before{ + width: 3rem; + display: inline-block; + position: absolute; + color: var(--articleText); + content: ""; + position: absolute; + left: -30px; + top: 8px; + height: 8px; + width: 8px; + background: var(--articleText); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul li::before{ + left: 0; + } +} + +ol{ + list-style: none; + counter-reset: list; + color: var(--articleText); + position: relative; + padding: 15px 0 30px 30px; + margin: 0 auto; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + font-size: 18px; + width: 100%; + max-width: 680px; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + ol{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ol{ + max-width: 486px; + padding-left: 0px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ol{ + padding-left: 20px; + } +} + +ol li{ + position: relative; + padding-bottom: 15px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ol li{ + padding-left: 30px; + padding: 0; + } + ol li p{ + padding-left: 30px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ol li{ + padding-left: 30px; + } +} + +ol li > *{ + display: inline; +} + +ol li::before { + width: 3rem; + display: inline-block; + position: absolute; + color: var(--articleText); + counter-increment: list; + content: counter(list) "."; + font-weight: 600; + position: absolute; + left: -3rem; + top: -0.3rem; + font-size: 2rem; +} + +@media screen and (max-width: 735px){ + ol li::before{ + left: 0; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/logo.scss b/public/public/public/themes/novela/assets/scss/logo.scss new file mode 100644 index 0000000..47963c6 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/logo.scss @@ -0,0 +1,20 @@ +#logo-desktop{ + .change-fill{ + fill: var(--primary); + } +} + +#logo-mobile{ + path{ + fill: var(--primary); + } +} + +@media screen and (max-width: 735px){ + .Logo__Desktop { + display: none; + } + .Logo__Mobile{ + display: block; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/navigation.scss b/public/public/public/themes/novela/assets/scss/navigation.scss new file mode 100644 index 0000000..b4fe1c2 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/navigation.scss @@ -0,0 +1,524 @@ +/************************FOOTER************************/ + +.footer-container{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 80px; + color: var(--grey); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .footer-container{ + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-bottom: 100px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .footer-container{ + padding-bottom: 50px; + } +} + +.footer-hr{ + position: relative; + margin: 140px auto 50px; + border-bottom: 1px solid var(--horizontalRule); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .footer-hr{ + margin: 60px auto; + } + .footer-text{ + margin-bottom: 80px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .footer-hr{ + display: none; + } + .footer-text{ + margin: 120px auto 100px; + } +} + +.footer-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + mix-blend-mode: lighten; +} + +/************************HEADER************************/ + +.back-arrow-ico-container{ + -webkit-transition: 0.2s -webkit-transform var(--ease-out-quad); + transition: 0.2s -webkit-transform var(--ease-out-quad); + -o-transition: 0.2s transform var(--ease-out-quad); + transition: 0.2s transform var(--ease-out-quad); + transition: 0.2s transform var(--ease-out-quad), 0.2s -webkit-transform var(--ease-out-quad); + opacity: 0; + padding-right: 30px; + -webkit-animation: fadein 0.3s linear forwards; + animation: fadein 0.3s linear forwards; +} + +@-webkit-keyframes fadein { + to { + opacity: 1; + } +} + +@keyframes fadein { + to { + opacity: 1; + } +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .back-arrow-ico-container{ + display: none; + } +} + +.nav-container{ + position: relative; + z-index: 100; + padding-top: 100px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +@media screen and (max-height: 800px) { + .nav-container{ + padding-top: 50px; + } +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .nav-container{ + padding-top: 50px; + } +} + +.logo-link{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.logo-link[class*="data-ally"]:focus::after { + content: ""; + position: absolute; + left: -10%; + top: -30%; + width: 120%; + height: 160%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; +} + +.logo-link[class*="back-arrow-ico-container"]{ + -webkit-transform: translateX(-3px); + -ms-transform: translateX(-3px); + transform: translateX(-3px); +} + +.logo-link:hover{ + text-decoration: none; +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .logo-link{ + left: 0 + } +} + +.nav-controls{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .nav-controls{ + right: -5px; + } +} + +.tool-tip{ + opacity: 0; + -webkit-transform: translateY(6px); + -ms-transform: translateY(6px); + transform: translateY(6px); + position: absolute; + padding: 4px 13px; + border-radius: 5px; + font-size: 14px; + top: -35px; + color: var(--primary); + background-color: var(--tooltip); + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes pan-toolbar { + 0% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} + 30% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 70% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 100% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} +} + +@keyframes pan-toolbar { + 0% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} + 30% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 70% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 100% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} +} + +.icon-wrapper{ + opacity: 0.5; + position: relative; + border-radius: 5px; + width: 40px; + height: 25px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: opacity 0.3s ease; + -o-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + margin-left: 30px; +} + +.icon-wrapper:hover{ + opacity: 1; +} + +.icon-wrapper[class*="data-ally"]:focus::after { + content: ""; + position: absolute; + left: 0; + top: -30%; + width: 100%; + height: 160%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .icon-wrapper{ + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-transform: scale(0.708); + -ms-transform: scale(0.708); + transform: scale(0.708); + margin-left: 10px; + } + .icon-wrapper:hover{ + opacity: 0.5; + } +} + +.sun-rays{ + position: relative; + right: -16px; + width: 9px; + height: 9px; + border-radius: 50%; + border: 2px solid + var(--primary); + background: var(--primary); + -webkit-transform: 1; + -ms-transform: 1; + transform: 1; + -webkit-transition: all 0.45s ease; + -o-transition: all 0.45s ease; + transition: all 0.45s ease; + overflow: hidden; + -webkit-box-shadow: 0 -23px 0 var(--primary), + 0 23px 0 var(--primary), + 23px 0 0 var(--primary), + -23px 0 0 var(--primary), + 15px 15px 0 var(--primary), + -15px 15px 0 var(--primary), + 15px -15px 0 var(--primary), + -15px -15px 0 var(--primary); + box-shadow: 0 -23px 0 var(--primary), + 0 23px 0 var(--primary), + 23px 0 0 var(--primary), + -23px 0 0 var(--primary), + 15px 15px 0 var(--primary), + -15px 15px 0 var(--primary), + 15px -15px 0 var(--primary), + -15px -15px 0 var(--primary); + -webkit-transform: scale(0.6); + -ms-transform: scale(0.6); + transform: scale(0.6); +} + +.moon-or-sun{ + position: relative; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid + var(--primary); + background: var(--primary); + -webkit-transform: 1; + -ms-transform: 1; + transform: 1; + -webkit-transition: all 0.45s ease; + -o-transition: all 0.45s ease; + transition: all 0.45s ease; + overflow: hidden; +} + +.moon-mask{ + position: absolute; + right: -1px; + top: -8px; + height: 24px; + width: 24px; + border-radius: 50%; + border: 0; + background: var(--background-color); + -webkit-transform: translate("0, 0"); + -ms-transform: translate("0, 0"); + transform: translate("0, 0"); + opacity: 1; + -webkit-transition: var(--color-mode-transition), -webkit-transform 0.45s ease; + transition: var(--color-mode-transition), -webkit-transform 0.45s ease; + -o-transition: transform 0.45s ease, var(--color-mode-transition); + transition: transform 0.45s ease, var(--color-mode-transition); + transition: transform 0.45s ease, var(--color-mode-transition), -webkit-transform 0.45s ease; +} + +.mask-to-sun-animation{ + -webkit-animation-name: mask-to-sun; + animation-name: mask-to-sun; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.mask-to-moon-animation{ + -webkit-animation-name: mask-to-moon; + animation-name: mask-to-moon; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.to-sun-animation{ + -webkit-animation-name: to-sun; + animation-name: to-sun; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.to-moon-animation{ + -webkit-animation-name: to-moon; + animation-name: to-moon; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.expand-rays{ + -webkit-animation-name: expand-rays; + animation-name: expand-rays; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +.contract-rays{ + -webkit-animation-name: contract-rays; + animation-name: contract-rays; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +@-webkit-keyframes mask-to-sun { + from {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} + to {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} +} + +@keyframes mask-to-sun { + from {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} + to {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} +} + +@-webkit-keyframes mask-to-moon { + from {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} + to {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} +} + +@keyframes mask-to-moon { + from {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} + to {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} +} + +@-webkit-keyframes to-sun { + from {-webkit-transform: scale(1);transform: scale(1);} + to {-webkit-transform: scale(0.5);transform: scale(0.5);} +} + +@keyframes to-sun { + from {-webkit-transform: scale(1);transform: scale(1);} + to {-webkit-transform: scale(0.5);transform: scale(0.5);} +} + +@-webkit-keyframes to-moon { + from {-webkit-transform: scale(0.5);transform: scale(0.5);} + to {-webkit-transform: scale(1);transform: scale(1);} +} + +@keyframes to-moon { + from {-webkit-transform: scale(0.5);transform: scale(0.5);} + to {-webkit-transform: scale(1);transform: scale(1);} +} + +@-webkit-keyframes expand-rays { + from {-webkit-transform: scale(0.1);transform: scale(0.1);} + to {-webkit-transform: scale(0.6);transform: scale(0.6);} +} + +@keyframes expand-rays { + from {-webkit-transform: scale(0.1);transform: scale(0.1);} + to {-webkit-transform: scale(0.6);transform: scale(0.6);} +} + +@-webkit-keyframes contract-rays { + from {-webkit-transform: scale(0.6);transform: scale(0.6);} + to {-webkit-transform: scale(0.1);transform: scale(0.1);} +} + +@keyframes contract-rays { + from {-webkit-transform: scale(0.6);transform: scale(0.6);} + to {-webkit-transform: scale(0.1);transform: scale(0.1);} +} + + + +.header-hidden{ + position: absolute; + display: inline-block; + opacity: 0; + width: 0px; + height: 0px; + visibility: hidden; + overflow: hidden; +} + +/************************HEADER************************/ + +.page-button{ + font-weight: 600; + font-size: 18px; + text-decoration: none; + color: var(--primary); +} + +.page-button:hover, .page-button:focus{ + opacity: 1; + text-decoration: underline; +} + +.page-number-button{ + font-weight: 400; + font-size: 18px; + text-decoration: none; + color: var(--primary); +} + +.page-number-button:hover, .page-number-button:focus{ + text-decoration: underline; +} + +.spacer{ + opacity: 0.3; +} + +.spacer::before{ + content: "..."; +} + +.mobiler-reference{ + font-weight: 400; + color: var(--primary); +} + +.mobile-reference em{ + font-style: normal; + color: var(--primary); +} + +.frame{ + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .frame{ + left: -15px; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/paginator.scss b/public/public/public/themes/novela/assets/scss/paginator.scss new file mode 100644 index 0000000..3ef098f --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/paginator.scss @@ -0,0 +1,48 @@ +.pagination{ + z-index: 100; + margin: 0; + margin-top: 95px; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + + &:hover{ + cursor: pointer; + } + + a:hover{ + color: var(--primary); + } + + .page-item{ + display: block; + width: auto; + height: auto; + padding: 0; + + .page-link{ + display: block; + color: var(--grey); + min-width: 6rem; + } + + .page-next, .page-prev{ + color: var(--primary); + } + + + &::before{ + display: none; + } + } + + .active{ + .page-link{ + color: var(--primary); + } + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/paragraph.scss b/public/public/public/themes/novela/assets/scss/paragraph.scss new file mode 100644 index 0000000..52bb4dc --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/paragraph.scss @@ -0,0 +1,38 @@ +p{ + line-height: 1.756; + font-size: 18px; + color: var(--articleText); + font-family: var(--sanserif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 0 auto 35px; + width: 100%; + max-width: 680px; +} + +p b { + font-weight: 800; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + p{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + p{ + max-width: 486px; + margin: 0 auto 25px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + p{ + padding: 0 20px; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/progress.scss b/public/public/public/themes/novela/assets/scss/progress.scss new file mode 100644 index 0000000..93dde98 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/progress.scss @@ -0,0 +1,111 @@ +/*************************ASIDE*************************/ +.aside-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0 auto; + max-width: 1140px; + z-index: 0; + position: -webkit-sticky; + position: sticky; + top: 30%; + -webkit-animation-name: progress-fade-in; + animation-name: progress-fade-in; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + display: none; + } +} + +@-webkit-keyframes progress-fade-in { + from {opacity: 0;} + to {opacity: 1;} +} + +@keyframes progress-fade-in { + from {opacity: 0;} + to {opacity: 1;} +} + +@-webkit-keyframes progress-fade-out { + from {opacity: 1;} + to {opacity: 0;} +} + +@keyframes progress-fade-out { + from {opacity: 1;} + to {opacity: 0;} +} + +.aside-align{ + position: fixed; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 100vh; + z-index: 3; + + opacity: 1; + visibility: visible; + -webkit-transition: opacity 0.4s linear, visibility 0.4s linear; + -o-transition: opacity 0.4s linear, visibility 0.4s linear; + transition: opacity 0.4s linear, visibility 0.4s linear; +} + +.overlap-container{ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + opacity: 0; + -webkit-transition: opacity 0.25s; + -o-transition: opacity 0.25s; + transition: opacity 0.25s; +} + +/*************************PROGRESS*************************/ +.progress-container{ + position: relative; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.track-line{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: calc(88vh - 40px); + max-height: 425px; + width: 1px; + background-color: var(--track); + opacity: 0.6; + overflow: hidden; +} + +.progress-line{ + position: absolute; + height: 100%; + top: -100%; + width: 1px; + background-color: var(--progress); + left: 0; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/section.scss b/public/public/public/themes/novela/assets/scss/section.scss new file mode 100644 index 0000000..cbe2f97 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/section.scss @@ -0,0 +1,38 @@ +.section{ + width: 100%; + max-width: 1220px; + margin: 0 auto; + padding: 0 4rem; + + /*DESKTOP*/ + @media screen and (max-width: 1070px){ + max-width: 850px; + } + + /*PHABLET*/ + @media screen and (max-width: 540px){ + max-width: 100%; + padding: 2rem;; + } + + p{ + /*TABLET*/ + @media screen and (max-width: 735px){ + padding: 0 4rem; + max-width: 567px; + } + } + + +} + +.narrow{ + p{ + /*TABLET*/ + @media screen and (max-width: 735px){ + padding: 0 2rem; + max-width: 527px; + } + } + +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/social-links.scss b/public/public/public/themes/novela/assets/scss/social-links.scss new file mode 100644 index 0000000..c319bd2 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/social-links.scss @@ -0,0 +1,73 @@ +.social-icon-outer{ + width: 20%; + min-width: 220px; +} + +/*TABLET*/ +@media screen and (max-width: $tablet){ + .authors-sio{ + width: 60%; + } +} + +.social-icon-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + min-width: 100%; + position: relative; + margin-left: 3.2rem; + text-decoration: none; + max-width: 16px; + + a{ + margin-right: 25px; + } +} + +.social-icon-container:hover > svg { + fill: var (--primary); + } + +.social-icon-container:hover > * { + -webkit-transition: fill 0.25s var(--ease-in-out-quad); + -o-transition: fill 0.25s var(--ease-in-out-quad); + transition: fill 0.25s var(--ease-in-out-quad); +} + +.social-icon-container:first-of-type { + margin-left: 0; +} + +.social-icon-container:last-child { + margin-right: 0; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .social-icon-container{ + margin: 0 2.2rem; + } +} + +.social-icon-image{ + path{ + fill: var(--grey); + } +} + +.hidden{ + width: 0px; + height: 0px; + visibility: hidden; + opacity: 0; + overflow: hidden; + display: inline-block; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/subscription.scss b/public/public/public/themes/novela/assets/scss/subscription.scss new file mode 100644 index 0000000..96ae1a0 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/subscription.scss @@ -0,0 +1,283 @@ +.subscription-container{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 64px 0 55px; + margin: 10px auto 100px; + background: var(--card); + -webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05); + box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05); + z-index: 1; + + .subscroiption-text{ + margin-left: 0; + margin-right: 0; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-container{ + padding: 50px 0 0; + text-align: center; + + .submitted-input{ + max-width: calc(100% - 36px); + } + + .submit-button{ + position: relative; + width: 100%; + left: 0; + border-radius: 0; + height: 60px; + border: none; + border-top: 1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15)); + } + + .submitted-form{ + .submit-button{ + border: none !important; + border-top: 1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15)) !important; + } + } + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .subscription-container{ + margin: -20px auto 80px; + } +} + +.subscription-content{ + margin: 0 auto; + width: 100%; + max-width: 640px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-content{ + h3{ + padding: 0 50px; + } + } +} + +/*PHONE*/ +@media screen and (max-width: 376px){ + .subscription-content{ + h3 { + padding: 0 24px; + } + } +} + +.subscription-heading{ + font-family: var(--serif); + margin-bottom: 20px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-heading{ + margin-bottom: 15px; + } +} + +.subscription-text{ + margin: 0 0 30px; + max-width: 680px; + color: var(--grey); + line-height: 1.75; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-text{ + padding: 0 26px; + margin: 0 auto 25px; + } +} + +.subscription-form{ + position: relative; +} + +.subscription-form::after { + color: var(--accent); + content: ">"; + position: absolute; + left: 21px; + top: 10px; + } + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-form:after{ + left: 34px; + top: 11px; + } +} + +.subscription-input{ + position: relative; + border-radius: 35px; + border: none; + padding: 13px 21px 13px 35px; + width: 471px; + color: var(--primary); + background-color: var(--inputBackground); +} + +.subscription-input.submitted-input:invalid{ + position: relative; + background: var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1)) !important; + border-radius: 35px; + border: none; + padding: 13px 21px 13px 35px; + width: 471px; + color: var(--primary,#000); + outline: none !important; +} + +input:invalid { + -webkit-box-shadow:0 0 2px 1px transparent; + box-shadow:0 0 2px 1px transparent; +} + +input:focus, +select:focus, +textarea:focus, +button:focus { + outline: none; +} + +.subscription-input.submitted-input:invalid ~ .subscription-error-message{ + opacity: 1; +} + +.subscription-input.submitted-input:invalid ~ .submit-button{ + color: var(--error); + border: 1px solid var(--error); +} + +.submitted-form:after{ + color: var(--error); +} + +.subscription-error-message{ + position: absolute; + left: 35px; + bottom: -20px; + color: var(--theme-ui-colors-error,#EE565B); + font-size: 12px; + opacity: 0; +} + +.subscription-input::-webkit-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::-moz-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input:-ms-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::-ms-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input:-ms-input-placeholder { + color: var(--track); +} + +.subscription-input::-ms-input-placeholder { + color: var(--track); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-input{ + width: calc(100% - 36px); + margin: 0 18px; + padding: 14px 14px 14px 30px; + margin-bottom: 30px; + } +} + +.submit-button{ + border: 1px solid var(--accent); + color: var(--accent); + position: absolute; + left: 306px; + top: 3px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 161px; + height: 38px; + font-weight: 600; + border-radius: 35px; + letter-spacing: 0.42px; + -webkit-transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); + -o-transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); + transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); +} + +.submit-button:disabled { + cursor: not-allowed; +} + +.submit-button svg * { + fill: var(--background-color); +} + +.submit-error{ + position: absolute; + left: 35px; + bottom: -20px; + color: var(--error); + font-size: 12px; +} + +.submit-error a { + color: var (--error); + text-decoration: underline; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .submit-error{ + left: 50px; + top: 50px; + } +} \ No newline at end of file diff --git a/public/public/public/themes/novela/assets/scss/tables.scss b/public/public/public/themes/novela/assets/scss/tables.scss new file mode 100644 index 0000000..4bc6397 --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/tables.scss @@ -0,0 +1,107 @@ +/*************************************TABLE************************************/ + +table{ + position: relative; + line-height: 1.65; + color: var(--grey); + font-family: var(--sanserif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + background: var(--card); + margin: 45px auto 85px; + width: 100%; + max-width: 1004px; + border: 1px solid var(--horizontalRule); + border-radius: 5px; + overflow: hidden; + border-collapse: separate; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + table{ + margin: 25px auto 65px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + table{ + max-width: 486px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + table{ + margin: 15px auto 55px; + } +} + +/*************************************TABLE CELL************************************/ + +td{ + border-top: 1px solid var(--horizontalRule); + border-right: 1px solid var(--horizontalRule); + padding: 15px 30px; + font-size: 16px; + background: var(--card); + + &:last-child { + border-right: none; + } +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + td{ + padding: 14px 20px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + td{ + font-size: 14px; + } +} + +/*************************************TABLE HEAD************************************/ + +thead{ + text-align: left; + border-collapse: collapse; + position: relative; + line-height: 1.756; + font-weight: 600; + color: var(--primary); + font-family: var(--serif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} + +th{ + border-right: 1px solid var(--horizontalRule); + padding: 15px 30px; + + &:last-child { + border-right: none; + } +} + + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + th{ + padding: 14px 20px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + th{ + font-size: 14px; + } +} diff --git a/public/public/public/themes/novela/assets/scss/vars.scss b/public/public/public/themes/novela/assets/scss/vars.scss new file mode 100644 index 0000000..612c3dc --- /dev/null +++ b/public/public/public/themes/novela/assets/scss/vars.scss @@ -0,0 +1,85 @@ +/*BREAKPOINTS*/ +$phone_small: 320px; +$phone: 376px; +$phablet: 540px; +$tablet: 735px; +$desktop: 1070px; +$desktop_medium: 1280px; +$desktop_large: 1440px; + +body{ + /*FONTS*/ + --serif: "Merriweather", Georgia, Serif; + --sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif; + --monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace; + + /*COLOR MODE TRANSITION*/ + --color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad); + + /*PRIMARY COLORS*/ + --primary: #000; + --secondary: #73737D; + --grey: #73737D; + --background-color: #fafafa; + --accent: #6166DC; + --hover: rgba(0, 0, 0, 0.07); + --gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%); + --articleText: #08080B; + --track: rgba(8, 8, 11, 0.3); + --progress: #000; + --card: #fff; + --error: #EE565B; + --success: #46B17B; + --errorBackground: rgba(238, 86, 91, 0.1); + --horizontalRule: rgba(8, 8, 11, 0.15); + --inputBackground: rgba(0, 0, 0, 0.05); + --tooltip: lightgrey; + + /*DARK COLORS*/ + --dark-grey: #73737D; + --dark-primary: #fff; + --dark-secondary: #fff; + --dark-accent: #E9DAAC; + --dark-background: #111216; + --dark-hover: rgba(255, 255, 255, 0.07); + --dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%); + --dark-articleText: #fff; + --dark-track: rgba(255, 255, 255, 0.3); + --dark-progress: #fff; + --dark-card: #1D2128; + --dark-error: #EE565B; + --dark-success: #46B17B; + --dark-errorBackground: rgba(238, 86, 91, 0.1); + --dark-horizontalRule: rgba(255, 255, 255, 0.15); + --dark-inputBackground: rgba(255, 255, 255, 0.07); + + /*PRISM*/ + --token: #fff; + --languageJavascript: #e8696b; + --javascript: #e8696b; + --background: #292c34; + --comment: #5e6a76; + --string: #a8e2a8; + --var: #b3bac5; + --number: #e4854d; + --constant: #b3bac5; + --plain: #fff; + --doctype: #e8696b; + --tag: #e8696b; + --keyword: #d49fd4; + --boolean: #ff5874; + --function: #5F8DC3; + --parameter: #F9965D; + --className: #ffcf74; + --attrName: #bf87ba; + --attrValue: #a8e2a8; + --interpolation: #fff; + --punctuation: #5FA8AA; + --property: #80cbc4; + --propertyAccess: #fff; + --namespace: #b2ccd6; + --highlight: rgba(255,255,255,0.07); + --highlightBorder: #e1bde2; + --dom: #5F8DC3; + --operator: #5FA8AA; +} \ No newline at end of file diff --git a/public/public/public/themes/novela/config.yaml b/public/public/public/themes/novela/config.yaml new file mode 100644 index 0000000..66da84e --- /dev/null +++ b/public/public/public/themes/novela/config.yaml @@ -0,0 +1,4 @@ +baseURL: "https://example.com" +languageCode: "en-us" +title: "Hugo Novela" +pygmentsstyle: 'monokai' diff --git a/public/public/public/themes/novela/config/_default/social.yaml b/public/public/public/themes/novela/config/_default/social.yaml new file mode 100644 index 0000000..a3a5a1d --- /dev/null +++ b/public/public/public/themes/novela/config/_default/social.yaml @@ -0,0 +1,11 @@ +twitter: "https://twitter.com/narative" +github: "https://github.com/narative" +instagram: "https://instagram.com/narative.co" +linkedin: "https://www.linkedin.com/company/narative/" +dribbble: "https://dribbble.com/narativestudio" +youtube: "https://youtube.com" +facebook: "" +medium: "" +patreon: "" +paypal: "" +unsplash: "" diff --git a/public/public/public/themes/novela/exampleSite/config.yaml b/public/public/public/themes/novela/exampleSite/config.yaml new file mode 100644 index 0000000..1be8d3d --- /dev/null +++ b/public/public/public/themes/novela/exampleSite/config.yaml @@ -0,0 +1,14 @@ +baseURL: "https://example.com" +languageCode: "en-us" +title: "Hugo Novela" +pygmentsstyle: 'monokai' +paginate: 6 +social: + twitter: "#" + github: "#" + instagram: "#" + linkedin: "#" + dribbble: "#" + youtube: "#" +taxonomies: + author: authors diff --git a/public/public/public/themes/novela/go.mod b/public/public/public/themes/novela/go.mod new file mode 100644 index 0000000..eda0213 --- /dev/null +++ b/public/public/public/themes/novela/go.mod @@ -0,0 +1,3 @@ +module github.com/forestryio/hugo-theme-novela + +go 1.13 diff --git a/public/public/public/themes/novela/images/screenshot.png b/public/public/public/themes/novela/images/screenshot.png new file mode 100644 index 0000000..0db8474 Binary files /dev/null and b/public/public/public/themes/novela/images/screenshot.png differ diff --git a/public/public/public/themes/novela/images/tn.png b/public/public/public/themes/novela/images/tn.png new file mode 100644 index 0000000..a4f4d78 Binary files /dev/null and b/public/public/public/themes/novela/images/tn.png differ diff --git a/public/public/public/themes/novela/netlify.toml b/public/public/public/themes/novela/netlify.toml new file mode 100644 index 0000000..8bc1d65 --- /dev/null +++ b/public/public/public/themes/novela/netlify.toml @@ -0,0 +1,10 @@ +[build] +publish = "public" +command = "hugo --gc --minify" + +[build.environment] +HUGO_VERSION = "0.69.0" + +# This is a starter template for Netlify builds. See the following links for more: +# https://www.netlify.com/docs/continuous-deployment/#deploy-contexts +# https://www.netlify.com/blog/2017/04/11/netlify-plus-hugo-0.20-and-beyond/ diff --git a/public/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..dd9e694 --- /dev/null +++ b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..613bff4 --- /dev/null +++ b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/global.min.fb4dd79813ef5075eb6e0a596ca103e09f51efc11a614d013d4d9049d60904b1.css","MediaType":"text/css","Data":{"Integrity":"sha256-+03XmBPvUHXrbgpZbKED4J9R78EaYU0BPU2QSdYJBLE="}} \ No newline at end of file diff --git a/public/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..6f2ddb9 --- /dev/null +++ b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +@import "/Users/tannersmith/theNewDynamic/theme-narrative-hugo/hugo/narative/assets/css/global.css" \ No newline at end of file diff --git a/public/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..103bdc3 --- /dev/null +++ b/public/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/main.min.0516f37d101dd5f2e4db165a5d58e9d22c2a8ed35021e5372d1ecb4bc9482039.css","MediaType":"text/css","Data":{"Integrity":"sha256-BRbzfRAd1fLk2xZaXVjp0iwqjtNQIeU3LR7LS8lIIDk="}} \ No newline at end of file diff --git a/public/public/public/themes/novela/static/images/brad-tiller.jpg b/public/public/public/themes/novela/static/images/brad-tiller.jpg new file mode 100644 index 0000000..1276576 Binary files /dev/null and b/public/public/public/themes/novela/static/images/brad-tiller.jpg differ diff --git a/public/public/public/themes/novela/static/images/dennis-brotzky.jpg b/public/public/public/themes/novela/static/images/dennis-brotzky.jpg new file mode 100644 index 0000000..8961f1f Binary files /dev/null and b/public/public/public/themes/novela/static/images/dennis-brotzky.jpg differ diff --git a/public/public/public/themes/novela/static/images/favicon.svg b/public/public/public/themes/novela/static/images/favicon.svg new file mode 100644 index 0000000..3a241e0 --- /dev/null +++ b/public/public/public/themes/novela/static/images/favicon.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + + + + + + diff --git a/public/public/public/themes/novela/static/images/hero-11.jpg b/public/public/public/themes/novela/static/images/hero-11.jpg new file mode 100644 index 0000000..0445236 Binary files /dev/null and b/public/public/public/themes/novela/static/images/hero-11.jpg differ diff --git a/public/public/public/themes/novela/static/images/hero-2.jpg b/public/public/public/themes/novela/static/images/hero-2.jpg new file mode 100644 index 0000000..7073f13 Binary files /dev/null and b/public/public/public/themes/novela/static/images/hero-2.jpg differ diff --git a/public/public/public/themes/novela/static/images/hero-3.jpg b/public/public/public/themes/novela/static/images/hero-3.jpg new file mode 100644 index 0000000..9abfb6c Binary files /dev/null and b/public/public/public/themes/novela/static/images/hero-3.jpg differ diff --git a/public/public/public/themes/novela/static/images/hero-4.jpg b/public/public/public/themes/novela/static/images/hero-4.jpg new file mode 100644 index 0000000..dddc629 Binary files /dev/null and b/public/public/public/themes/novela/static/images/hero-4.jpg differ diff --git a/public/public/public/themes/novela/static/images/hero-5.jpg b/public/public/public/themes/novela/static/images/hero-5.jpg new file mode 100644 index 0000000..32afe1b Binary files /dev/null and b/public/public/public/themes/novela/static/images/hero-5.jpg differ diff --git a/public/public/public/themes/novela/static/images/hero-6.jpg b/public/public/public/themes/novela/static/images/hero-6.jpg new file mode 100644 index 0000000..67f4189 Binary files /dev/null and b/public/public/public/themes/novela/static/images/hero-6.jpg differ diff --git a/public/public/public/themes/novela/static/images/large.jpg b/public/public/public/themes/novela/static/images/large.jpg new file mode 100644 index 0000000..e7f9ff5 Binary files /dev/null and b/public/public/public/themes/novela/static/images/large.jpg differ diff --git a/public/public/public/themes/novela/static/images/mack-mansouri.jpg b/public/public/public/themes/novela/static/images/mack-mansouri.jpg new file mode 100644 index 0000000..5d0df88 Binary files /dev/null and b/public/public/public/themes/novela/static/images/mack-mansouri.jpg differ diff --git a/public/public/public/themes/novela/static/images/medium.jpg b/public/public/public/themes/novela/static/images/medium.jpg new file mode 100644 index 0000000..bcb8b6c Binary files /dev/null and b/public/public/public/themes/novela/static/images/medium.jpg differ diff --git a/public/public/public/themes/novela/static/images/profile-01.jpeg b/public/public/public/themes/novela/static/images/profile-01.jpeg new file mode 100644 index 0000000..e269480 Binary files /dev/null and b/public/public/public/themes/novela/static/images/profile-01.jpeg differ diff --git a/public/public/public/themes/novela/static/images/small.jpg b/public/public/public/themes/novela/static/images/small.jpg new file mode 100644 index 0000000..315c442 Binary files /dev/null and b/public/public/public/themes/novela/static/images/small.jpg differ diff --git a/public/public/public/themes/novela/static/images/thiago-costa.jpg b/public/public/public/themes/novela/static/images/thiago-costa.jpg new file mode 100644 index 0000000..87beb3f Binary files /dev/null and b/public/public/public/themes/novela/static/images/thiago-costa.jpg differ diff --git a/public/public/public/themes/novela/theme.toml b/public/public/public/themes/novela/theme.toml new file mode 100644 index 0000000..36fd951 --- /dev/null +++ b/public/public/public/themes/novela/theme.toml @@ -0,0 +1,18 @@ +name = "Hugo Novela" +license = "MIT" +licenselink = "https://github.com/forestryio/hugo-theme-novela/blob/master/LICENSE" +description = "A Hugo port of the Novela theme by Narative" +homepage = "https://hugo-novela-forestry.netlify.com/" +tags = ["blog"] +features = ["dark mode", "grid view"] +min_version = "0.55.0" + +[author] + name = "The New Dynamic" + homepage = "https://www.thenewdynamic.com/" + +# If porting an existing theme +[original] + author = "Narative" + homepage = "https://www.narative.co/" + repo = "https://github.com/narative/gatsby-theme-novela" diff --git a/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..bb5b449 --- /dev/null +++ b/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);border-right:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}td:last-child{border-right:none}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}th{border-right:1px solid var(--horizontalRule);padding:15px 30px}th:last-child{border-right:none}@media screen and (max-width:1070px){th{padding:14px 20px}}@media screen and (max-width:735px){th{font-size:14px}}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{max-width:100%;-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..8a7596f --- /dev/null +++ b/public/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css","MediaType":"text/css","Data":{"Integrity":"sha256-/r9nypQ5AZjaoRaTmT3+qrui5q/71A8pGrUIH+rBvd0="}} \ No newline at end of file diff --git a/public/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css b/public/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css new file mode 100644 index 0000000..bb5b449 --- /dev/null +++ b/public/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);border-right:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}td:last-child{border-right:none}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}th{border-right:1px solid var(--horizontalRule);padding:15px 30px}th:last-child{border-right:none}@media screen and (max-width:1070px){th{padding:14px 20px}}@media screen and (max-width:735px){th{font-size:14px}}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{max-width:100%;-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/public/sitemap.xml b/public/public/sitemap.xml new file mode 100644 index 0000000..6bf7bad --- /dev/null +++ b/public/public/sitemap.xml @@ -0,0 +1,17 @@ + + + + + http://example.org/categories/ + + + + http://example.org/ + + + + http://example.org/tags/ + + + diff --git a/public/public/tags/index.html b/public/public/tags/index.html new file mode 100644 index 0000000..122f919 --- /dev/null +++ b/public/public/tags/index.html @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +Tags | My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/public/tags/index.xml b/public/public/tags/index.xml new file mode 100644 index 0000000..201eda6 --- /dev/null +++ b/public/public/tags/index.xml @@ -0,0 +1,10 @@ + + + + Tags on My New Hugo Site + http://example.org/tags/ + Recent content in Tags on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/public/tags/page/1/index.html b/public/public/tags/page/1/index.html new file mode 100644 index 0000000..72bc58d --- /dev/null +++ b/public/public/tags/page/1/index.html @@ -0,0 +1 @@ +http://example.org/tags/ \ No newline at end of file diff --git a/public/public/themes/novela/LICENSE b/public/public/themes/novela/LICENSE new file mode 100644 index 0000000..a48726d --- /dev/null +++ b/public/public/themes/novela/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2019-present Forestry.io and contributors + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/public/public/themes/novela/assets/css/prism.css b/public/public/themes/novela/assets/css/prism.css new file mode 100644 index 0000000..cf2bba9 --- /dev/null +++ b/public/public/themes/novela/assets/css/prism.css @@ -0,0 +1,231 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar a { + cursor: pointer; +} + +div.code-toolbar > .toolbar button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; /* for button */ + -moz-user-select: none; + -ms-user-select: none; +} + +div.code-toolbar > .toolbar a, +div.code-toolbar > .toolbar button, +div.code-toolbar > .toolbar span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); + border-radius: .5em; +} + +div.code-toolbar > .toolbar a:hover, +div.code-toolbar > .toolbar a:focus, +div.code-toolbar > .toolbar button:hover, +div.code-toolbar > .toolbar button:focus, +div.code-toolbar > .toolbar span:hover, +div.code-toolbar > .toolbar span:focus { + color: inherit; + text-decoration: none; +} + diff --git a/public/public/themes/novela/assets/js/addFormStyles.js b/public/public/themes/novela/assets/js/addFormStyles.js new file mode 100644 index 0000000..0dad1d5 --- /dev/null +++ b/public/public/themes/novela/assets/js/addFormStyles.js @@ -0,0 +1,27 @@ +document.getElementById("submitButton").addEventListener("click", addErrorStyles); +document.getElementById("emailInput").addEventListener("keyup", updateStyles); + +subscriptionForm = document.getElementById("subscriptionForm"); +emailField = document.getElementById("emailInput"); +submitted = false; + +function addErrorStyles(){ + submitted = true; + updateClasses(); +} + +function updateStyles(){ + if (submitted === true){ + updateClasses(); + } +} + +function updateClasses(){ + if(emailField.validity.valid){ + subscriptionForm.classList.remove("submitted-form"); + } + else{ + subscriptionForm.classList.add("submitted-form"); + emailField.classList.add("submitted-input"); + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/js/collapseAuthors.js b/public/public/themes/novela/assets/js/collapseAuthors.js new file mode 100644 index 0000000..a9ec2fd --- /dev/null +++ b/public/public/themes/novela/assets/js/collapseAuthors.js @@ -0,0 +1,22 @@ +let collapsed = true; + +function displayCoauthors(){ + document.getElementById("uncollapsedCoauthors").classList.remove("hidden"); +} + +function hideCoauthors(){ + document.getElementById("uncollapsedCoauthors").classList.add("hidden"); +} + +function bindCollapseAuthors() { + const collapsedCoauthorsElement = document.getElementById("collapsedCoauthors"); + + if (collapsedCoauthorsElement === null) { + return; + } + + collapsedCoauthorsElement.addEventListener("click", displayCoauthors); + document.getElementById("uncollapsedAction").addEventListener("click", hideCoauthors); +} + +bindCollapseAuthors(); diff --git a/public/public/themes/novela/assets/js/copyUrl.js b/public/public/themes/novela/assets/js/copyUrl.js new file mode 100644 index 0000000..a850c8d --- /dev/null +++ b/public/public/themes/novela/assets/js/copyUrl.js @@ -0,0 +1,18 @@ +document.getElementById("copyButton").addEventListener("click", copyToClipboard); + +let currentUrl = window.location; +let copyTextContainer = document.getElementById("copyText"); +let toolTip = document.getElementById("toolTip"); + +function copyToClipboard(){ + copyTextContainer.value = currentUrl + copyTextContainer.focus(); + copyTextContainer.select(); + document.execCommand("copy"); + + toolTip.style.animationName = "pan-toolbar"; + + setTimeout(function(){ + toolTip.style.removeProperty('animation-name'); + }, 2000); +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/js/initColors.js b/public/public/themes/novela/assets/js/initColors.js new file mode 100644 index 0000000..66e23bd --- /dev/null +++ b/public/public/themes/novela/assets/js/initColors.js @@ -0,0 +1,58 @@ + +let be = document.getElementsByTagName("BODY")[0]; + +initColors(); + +function initColors(){ + if (localStorage.getItem("isLight") === null) { + localStorage.setItem("isLight", 'true'); + } + + if (localStorage.getItem("isLight") === 'false'){ + makeDark(); + } + else{ + makeLight(); + } +} + + +function makeDark(){ + be.style.setProperty('--primary', "#fff"); + be.style.setProperty('--secondary', "#fff"); + be.style.setProperty('--grey', "#73737D"); + be.style.setProperty('--background-color', "#111216"); + be.style.setProperty('--accent', "#E9DAAC"); + be.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + be.style.setProperty('--articleText', "#fff"); + be.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + be.style.setProperty('--progress', "#fff"); + be.style.setProperty('--card', "#1D2128"); + be.style.setProperty('--error', "#EE565B"); + be.style.setProperty('--success', "#46B17B"); + be.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + be.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + be.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + be.style.setProperty('--primary', ""); + be.style.setProperty('--secondary', ""); + be.style.setProperty('--grey', ""); + be.style.setProperty('--background-color', ""); + be.style.setProperty('--accent', ""); + be.style.setProperty('--hover', ""); + be.style.setProperty('--gradient', ""); + be.style.setProperty('--articleText', ""); + be.style.setProperty('--track', ""); + be.style.setProperty('--progress', ""); + be.style.setProperty('--card', ""); + be.style.setProperty('--error', ""); + be.style.setProperty('--success', ""); + be.style.setProperty('--errorBackground', ""); + be.style.setProperty('--horizontalRule', ""); + be.style.setProperty('--inputBackground', ""); + be.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/js/prism.js b/public/public/themes/novela/assets/js/prism.js new file mode 100644 index 0000000..5355951 --- /dev/null +++ b/public/public/themes/novela/assets/js/prism.js @@ -0,0 +1,19 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(Sl.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1"+a.content+""},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(e){var s=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+s.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+s.source+")*?(?=\\s*\\{)"),string:{pattern:s,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/m}},coord:/^@@.*@@$/m,commit_sha1:/^commit \w{40}$/m}; +Prism.languages.go=Prism.languages.extend("clike",{keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,builtin:/\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/,boolean:/\b(?:_|iota|nil|true|false)\b/,operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,number:/(?:\b0x[a-f\d]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[-+]?\d+)?)i?/i,string:{pattern:/(["'`])(?:\\[\s\S]|(?!\1)[^\\])*\1/,greedy:!0}}),delete Prism.languages.go["class-name"]; +Prism.languages.json={property:{pattern:/"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,greedy:!0},string:{pattern:/"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json; +!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+\.?\d*|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism); +!function(i){var t=i.util.clone(i.languages.javascript);i.languages.jsx=i.languages.extend("markup",t),i.languages.jsx.tag.pattern=/<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:$-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}))*\s*\/?)?>/i,i.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/i,i.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">]+)/i,i.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,i.languages.insertBefore("inside","attr-name",{spread:{pattern:/\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}/,inside:{punctuation:/\.{3}|[{}.]/,"attr-value":/\w+/}}},i.languages.jsx.tag),i.languages.insertBefore("inside","attr-value",{script:{pattern:/=(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/i,inside:{"script-punctuation":{pattern:/^=(?={)/,alias:"punctuation"},rest:i.languages.jsx},alias:"language-javascript"}},i.languages.jsx.tag);var o=function(t){return t?"string"==typeof t?t:"string"==typeof t.content?t.content:t.content.map(o).join(""):""},p=function(t){for(var n=[],e=0;e"===a.content[a.content.length-1].content||n.push({tagName:o(a.content[0].content[1]),openedBraces:0}):0]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},keyword:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/,builtin:/\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/}),delete e.languages.typescript.parameter;var n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,e.languages.insertBefore("typescript","function",{"generic-function":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:n}}}}),e.languages.ts=e.languages.typescript}(Prism); +var typescript=Prism.util.clone(Prism.languages.typescript);Prism.languages.tsx=Prism.languages.extend("jsx",typescript); +!function(e){function n(e){return e.replace(/__/g,function(){return"(?:[\\w-]+|'[^'\n\r]*'|\"(?:\\\\.|[^\\\\\"\r\n])*\")"})}e.languages.toml={comment:{pattern:/#.*/,greedy:!0},table:{pattern:RegExp(n("(^\\s*\\[\\s*(?:\\[\\s*)?)__(?:\\s*\\.\\s*__)*(?=\\s*\\])"),"m"),lookbehind:!0,greedy:!0,alias:"class-name"},key:{pattern:RegExp(n("(^\\s*|[{,]\\s*)__(?:\\s*\\.\\s*__)*(?=\\s*=)"),"m"),lookbehind:!0,greedy:!0,alias:"property"},string:{pattern:/"""(?:\\[\s\S]|[^\\])*?"""|'''[\s\S]*?'''|'[^'\n\r]*'|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},date:[{pattern:/\b\d{4}-\d{2}-\d{2}(?:[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})?)?\b/i,alias:"number"},{pattern:/\b\d{2}:\d{2}:\d{2}(?:\.\d+)?\b/,alias:"number"}],number:/(?:\b0(?:x[\da-zA-Z]+(?:_[\da-zA-Z]+)*|o[0-7]+(?:_[0-7]+)*|b[10]+(?:_[10]+)*))\b|[-+]?\b\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?\b|[-+]?\b(?:inf|nan)\b/,boolean:/\b(?:true|false)\b/,punctuation:/[.,=[\]{}]/}}(Prism); +!function(n){var t=/[*&][^\s[\]{},]+/,e=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+e.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+e.source+")?)";function a(n,t){t=(t||"").replace(/m/g,"")+"m";var e="([:\\-,[{]\\s*(?:\\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|]|}|\\s*#))".replace(/<>/g,function(){return r}).replace(/<>/g,function(){return n});return RegExp(e,t)}n.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\\2[^\r\n]+)*)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)[^\r\n{[\\]},#\\s]+?(?=\\s*:\\s)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?)?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:a("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:a("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:a("(\"|')(?:(?!\\2)[^\\\\\r\n]|\\\\.)*\\2"),lookbehind:!0,greedy:!0},number:{pattern:a("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+\\.?\\d*|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:e,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows"),i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 100){ + progressBar.style.animationName = "progress-fade-out"; + setTimeout(function(){ + progressBar.style.opacity = "0"; + }, 500); + } + else{ + progressBar.style.animationName = "progress-fade-in"; + setTimeout(function(){ + progressBar.style.opacity = "1"; + }, 500); + } +} diff --git a/public/public/themes/novela/assets/js/toggleBorder.js b/public/public/themes/novela/assets/js/toggleBorder.js new file mode 100644 index 0000000..a03e3fc --- /dev/null +++ b/public/public/themes/novela/assets/js/toggleBorder.js @@ -0,0 +1,13 @@ +window.addEventListener("resize", adjustListBorder); + +let listRemoveWidth = window.matchMedia("(max-width: 1070px)"); +let listAddWidth = window.matchMedia("(min-width: 1070px)"); + +function adjustListBorder(){ + if (listRemoveWidth.matches) { + document.getElementById("articlesList").classList.remove("author-alc"); + } + else if (listAddWidth.matches) { + document.getElementById("articlesList").classList.add("author-alc"); + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/js/toggleColors.js b/public/public/themes/novela/assets/js/toggleColors.js new file mode 100644 index 0000000..42c1de8 --- /dev/null +++ b/public/public/themes/novela/assets/js/toggleColors.js @@ -0,0 +1,104 @@ +document.getElementById("themeColorButton").addEventListener("click", toggleColors); + +let bodyElement = document.getElementsByTagName("BODY")[0]; +let moonOrSun = document.getElementById("moonOrSun"); +let sunRays = document.getElementById("sunRays"); +let moonMask = document.getElementById("moonMask"); + +initAnimation(); + +function initAnimation(){ + if (localStorage.getItem("isLight") === 'true'){ + moonMask.style.top = "-8px"; + moonMask.style.right = "-5px"; + moonOrSun.style.transform = "scale(1)" + sunRays.style.transform = "scale(0.1)" + } + else{ + moonMask.style.top = "-25px"; + moonMask.style.right = "-15px"; + moonOrSun.style.transform = "scale(0.5)" + sunRays.style.transform = "scale(0.6)" + } +} + +function toggleColors(){ + if (localStorage.getItem("isLight") === 'true'){ + makeDark(); + + moonMask.classList.add("mask-to-sun-animation"); + moonOrSun.classList.add("to-sun-animation"); + sunRays.classList.add("expand-rays"); + + setTimeout(function(){ + sunRays.classList.remove("expand-rays"); + }, 500); + setTimeout(function(){ + moonMask.classList.remove("mask-to-sun-animation"); + moonOrSun.classList.remove("to-sun-animation"); + initAnimation(); + }, 400); + + localStorage.setItem("isLight", 'false'); + } + else{ + makeLight(); + + moonMask.classList.add("mask-to-moon-animation"); + moonOrSun.classList.add("to-moon-animation"); + sunRays.classList.add("contract-rays"); + + + setTimeout(function(){ + sunRays.classList.remove("contract-rays"); + }, 500); + setTimeout(function(){ + moonMask.classList.remove("mask-to-moon-animation"); + moonOrSun.classList.remove("to-moon-animation"); + sunRays.classList.remove("contract-rays"); + initAnimation(); + }, 400); + + localStorage.setItem("isLight", 'true'); + } +} + +function makeDark(){ + bodyElement.style.setProperty('--primary', "#fff"); + bodyElement.style.setProperty('--secondary', "#fff"); + bodyElement.style.setProperty('--grey', "#73737D"); + bodyElement.style.setProperty('--background-color', "#111216"); + bodyElement.style.setProperty('--accent', "#E9DAAC"); + bodyElement.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + bodyElement.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + bodyElement.style.setProperty('--articleText', "#fff"); + bodyElement.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + bodyElement.style.setProperty('--progress', "#fff"); + bodyElement.style.setProperty('--card', "#1D2128"); + bodyElement.style.setProperty('--error', "#EE565B"); + bodyElement.style.setProperty('--success', "#46B17B"); + bodyElement.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + bodyElement.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + bodyElement.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + bodyElement.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + bodyElement.style.setProperty('--primary', ""); + bodyElement.style.setProperty('--secondary', ""); + bodyElement.style.setProperty('--grey', ""); + bodyElement.style.setProperty('--background-color', ""); + bodyElement.style.setProperty('--accent', ""); + bodyElement.style.setProperty('--hover', ""); + bodyElement.style.setProperty('--gradient', ""); + bodyElement.style.setProperty('--articleText', ""); + bodyElement.style.setProperty('--track', ""); + bodyElement.style.setProperty('--progress', ""); + bodyElement.style.setProperty('--card', ""); + bodyElement.style.setProperty('--error', ""); + bodyElement.style.setProperty('--success', ""); + bodyElement.style.setProperty('--errorBackground', ""); + bodyElement.style.setProperty('--horizontalRule', ""); + bodyElement.style.setProperty('--inputBackground', ""); + bodyElement.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/js/toggleLayout.js b/public/public/themes/novela/assets/js/toggleLayout.js new file mode 100644 index 0000000..b89b0b5 --- /dev/null +++ b/public/public/themes/novela/assets/js/toggleLayout.js @@ -0,0 +1,32 @@ +document.getElementById("btnGrid").addEventListener("click", makeGrid); +document.getElementById("btnRows").addEventListener("click", makeRows); +window.addEventListener("resize", adjustListAtMobile); + +document.getElementById("rows").style.fill = "var(--grey)"; + +let listRemoveWidth = window.matchMedia("(max-width: 735px)"); +let listAddWidth = window.matchMedia("(min-width: 735px)"); +let isList = false; + +function adjustListAtMobile(){ + if (listRemoveWidth.matches) { + document.getElementById("articlesList").classList.remove("articles-list-container-alt"); + } + else if (listAddWidth.matches && isList === true) { + document.getElementById("articlesList").classList.add("articles-list-container-alt"); + } +} + +function makeGrid(){ + document.getElementById("articlesList").classList.remove("articles-list-container-alt"); + document.getElementById("tiles").style.fill = "var(--primary)"; + document.getElementById("rows").style.fill = "var(--grey)"; + isList = false; +} + +function makeRows(){ + document.getElementById("articlesList").classList.add("articles-list-container-alt"); + document.getElementById("rows").style.fill = "var(--primary)"; + document.getElementById("tiles").style.fill = "var(--grey)"; + isList = true; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/js/toggleLogos.js b/public/public/themes/novela/assets/js/toggleLogos.js new file mode 100644 index 0000000..cc9b135 --- /dev/null +++ b/public/public/themes/novela/assets/js/toggleLogos.js @@ -0,0 +1,15 @@ +window.addEventListener("resize", toggleLogo); + +let lrw = window.matchMedia("(max-width: 735px)"); +let law = window.matchMedia("(min-width: 735px)"); + +function toggleLogo(){ + if (lrw.matches) { + document.getElementById("logo-mobile").classList.remove("hidden"); + document.getElementById("logo-desktop").classList.add("hidden"); + } + else if (law.matches) { + document.getElementById("logo-mobile").classList.add("hidden"); + document.getElementById("logo-desktop").classList.remove("hidden"); + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/anchor.scss b/public/public/themes/novela/assets/scss/anchor.scss new file mode 100644 index 0000000..43b57c2 --- /dev/null +++ b/public/public/themes/novela/assets/scss/anchor.scss @@ -0,0 +1,16 @@ +a{ + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + color: var(--accent); +} + +a:visited { + color: var(--accent); + opacity: 0.85; +} + +a:hover, +a:focus { + text-decoration: underline; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/article.scss b/public/public/themes/novela/assets/scss/article.scss new file mode 100644 index 0000000..918553f --- /dev/null +++ b/public/public/themes/novela/assets/scss/article.scss @@ -0,0 +1,503 @@ +/**************************************ARTICLE HEAD**************************************/ + +.article-hero{ + @media screen and (max-width: $phablet){ + &::before { + content: ""; + width: 100%; + height: 20px; + background: var(--primary); + position: absolute; + left: 0; + top: 0; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + + &::after { + content: ""; + width: 100%; + height: 10px; + background: var(--background-color); + position: absolute; + left: 0; + top: 10px; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + } +} + +.article-meta{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + margin-left: 0; + flex-direction: column; + } +} + +.article-header{ + position: relative; + z-index: 10; + margin:100px auto 120px; + padding-left: 68px; + max-width: 749px; + + @media screen and (max-width: $desktop){ + padding-left: 53px; + max-width: calc(507px + 53px); + margin: 100px auto 70px; + } + + @media screen and (max-width: $tablet){ + padding-left: 0; + margin: 100px auto 70px; + max-width: 480px; + } + + @media screen and (max-width: $phablet){ + margin: 170px auto 180px; + padding: 0 40px; + } + + @media screen and (max-height: 700px) { + margin: 100px auto; + } +} + +.article-hero-heading{ + font-size: 48px; + font-family: var(--serif); + margin-bottom: 25px; + font-weight: bold; + line-height: 1.32; + + @media screen and (max-width: $tablet){ + margin-bottom: 20px; + font-size: 36px; + } + + @media screen and (max-width: $phablet){ + font-size: 32px; + } +} + +.article-hero-subtitle{ + padding: 10px; + max-width: 700px; + margin-left: auto; + margin-right: auto; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 18px; + color: var(--grey); + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + border: 1px solid var(--horizontalRule); + border-radius: 5px; + } + + @media screen and(max-width: $phablet){ + font-size: 14px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + + &.has-coauthors::before{ + content: ''; + position: absolute; + left: -20px; + right: -20px; + top: -10px; + bottom: -10px; + border: 1px solid var(--horizontalRule); + opacity: 0.5; + border-radius: 5px; + } + + strong { + display: block; + font-weight: 500; + margin-bottom: 5px; + } + } +} + +.article-hero-image{ + position: absolute; + z-index: 1; + width: 100%; + max-width: 944px; + overflow: hidden; + margin: 0 auto; + -webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), + 0 18px 36px -18px rgba(0, 0, 0, 0.22); + box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), + 0 18px 36px -18px rgba(0, 0, 0, 0.22); + + img{ + width: 100%; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + position: relative; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + max-width: 100%; + } + + /*PHABLET*/ + @media screen and (max-width: phablet){ + margin: 0 auto; + width: calc(100vw - 40px); + height: 220px; + + & > div { + height: 220px; + } + } +} + +.article-author-link{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: inherit; + + &:hover{ + text-decoration: none; + } + + &:visited{ + color: inherit; + } + + strong { + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + + &:hover strong { + color: var(--primary); + } +} + +.article-author-avatar{ + height: 25px; + width: 25px; + border-radius: 50%; + margin-right: 14px; + background: var(--grey); + overflow: hidden; + + img{ + width: 100%; + } + + .gatsby-image-wrapper > div { + padding-bottom: 100% !important; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.hide-on-mobile{ + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-container{ + margin-right: 10px; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 18px; + color: var(--grey); + cursor: pointer; + + &::before { + content: ""; + position: absolute; + left: 0; + right: 0; + top: -16px; + bottom: -16px; + background: var(--card); + -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + border-radius: 5px; + z-index: 0; + -webkit-transition: opacity 0.3s; + -o-transition: opacity 0.3s; + transition: opacity 0.3s; + cursor: pointer; + opacity: 0; + } + + &:hover::before { + opacity: 1; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + &::before { + -webkit-box-shadow: none; + box-shadow: none; + bottom: -30px; + background: transparent; + } + + + strong { + display: block; + font-weight: semi-bold; + margin-bottom: 5px; + } + } +} + +.article-coauthors-collapsed{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.article-coauthors-list{ + position: relative; + height: 25px; + margin-right: 15px; + margin-left: 15px; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-avatar{ + position: absolute; + height: 25px; + width: 25px; + border-radius: 50%; + z-index: 1; + background: var(--grey); + -webkit-box-shadow: 0 0 0 2px var(--background-color); + box-shadow: 0 0 0 2px var(--background-color); + -webkit-transition: -webkit-box-shadow 0.25s ease; + transition: -webkit-box-shadow 0.25s ease; + -o-transition: box-shadow 0.25s ease; + transition: box-shadow 0.25s ease; + transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease; + overflow: hidden; + pointer-events: none; + + img{ + width: 100%; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-name-container{ + position: relative; + max-width: 260px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + font-weight: 600; + cursor: pointer; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + max-width: 120px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + max-width: 200px; + } +} + +.article-coauthors-icon-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + cursor: pointer; + margin-left: 10px; + margin-right: 10px; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + position: absolute; + right: 0; + bottom: 0; + top: 10px; + height: 100%; + } + +} + +.article-coauthors-list-open{ + position: absolute; + z-index: 2; + left: -21px; + right: -21px; + top: -19px; + padding: 21px; + background: var(--card); + -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + border-radius: 5px; + cursor: pointer; + list-style-type: none; + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); + + + li::before{ + display: none; + } +} + +.article-icon-open-container{ + position: absolute; + cursor: pointer; + top: 25px; + right: 10px; + +} + +.article-coauthors-list-item-open{ + padding: 0; + a { + width: 100%; + } + + &:not(:last-child) { + margin-bottom: 10px; + } +} + +.article-coauthor-avatar-open{ + height: 25px; + width: 25px; + border-radius: 50%; + margin-right: 15px; + background: var(--grey); + overflow: hidden; + pointer-events: none; + + img{ + width: 100%; + } + + .gatsby-image-wrapper > div { + padding-bottom: 100% !important; + overflow: hidden; + } +} + +.article-author-name-open{ + position: relative; + cursor: pointer; + color: var(--secondary); + font-weight: 600; +} + +/**************************************ARTICLE BODY**************************************/ + +.post-content{ + padding: 160px 0 35px; +} + +/**************************************ARTICLE NEXT**************************************/ + +.footer-next-heading{ + display: block; + font-size: 1.6rem; + position: relative; + opacity: 0.25; + margin-left: 0; + margin-right: 0; + margin-bottom: 100px; + min-width: 100%; + font-weight: 400; + color: var(--primary); + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + &::after { + content: ''; + position: absolute; + background: var(--grey); + width: 62%; + max-width: 100%; + height: 1px; + right: 0; + top: 50%; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 41.7%; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + width: 27.8%; + } + + /*PHONE*/ + @media screen and (max-width: $phone){ + width: 90px; + } + } +} + +.footer-spacer{ + margin-bottom: 65px; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/articles.scss b/public/public/themes/novela/assets/scss/articles.scss new file mode 100644 index 0000000..ca2f01a --- /dev/null +++ b/public/public/themes/novela/assets/scss/articles.scss @@ -0,0 +1,624 @@ +/****************************************HEADER****************************************/ + +.subheading-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 100px; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + margin-bottom: 80px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.grid-controls-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + display: none !important; + } +} + +.heading-container{ + margin: 100px 0; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + width: 80%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 100%; + } +} + +.hero-heading{ + font-style: normal; + font-weight: 600; + font-size: 52px; + font-family: var(--sanserif); + line-height: 1.15; + color: var(--primary); + margin: 0; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + font-size: 38px + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 32px; + } +} + +.grid-button{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + border-radius: 50%; + background: transparent; + -webkit-transition: background 0.25s; + -o-transition: background 0.25s; + transition: background 0.25s; + + &:not(:last-child) { + margin-right: 30px; + } + + &:hover { + background: var(--hover); + } + + &[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -10%; + top: -10%; + width: 120%; + height: 120%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 50%; + } + + svg { + -webkit-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + transition: opacity 0.2s; + + path { + fill: var(--primary); + } + } +} + +/****************************************LIST****************************************/ + +/*LIMIT TO TWO LINES*/ +.limit-to-two-lines, .articles-title, .article-excerpt{ + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow-wrap: normal; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; + white-space: normal; + overflow: hidden; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + -webkit-line-clamp: 3; + } +} + +/*SHOW DETAILS*/ +.show-details{ + p { + display: -webkit-box; + } + + h2 { + margin-bottom: 10px; + } +} + +.articles-list-container{ + -webkit-transition: opacity 0.25s; + -o-transition: opacity 0.25s; + transition: opacity 0.25s; +} + +.author-alc{ + background-image: -webkit-gradient(linear, left top, left bottom, from(var(--card)), to(var(--background-color))); + background-image: -o-linear-gradient(var(--card), var(--background-color)); + background-image: linear-gradient(var(--card), var(--background-color)); + padding-top: 90px; + + .post-row-alt{ + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + .article-link{ + max-width: 40%!important; + margin: 15px; + } + } +} + +/*LIST TITLE*/ +.list-title{ + position: relative; + display: -ms-grid; + display: grid; + -ms-grid-columns: + '457px 1fr'; + grid-template-columns: + '457px 1fr'; + -ms-grid-rows: 2; + grid-template-rows: 2; + -webkit-column-gap: 30px; + -moz-column-gap: 30px; + column-gap: 30px; + + &:not(:last-child) { + margin-bottom: 75px; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + grid-template-columns: 1fr 1fr; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + grid-template-columns: 1fr; + + &:not(:last-child) { + margin-bottom: 0; + } + } + +} +.list-title > *:nth-child(1){ + -ms-grid-row: 1; + -ms-grid-column: 1 + +} + +.list-title-alt{ + -ms-grid-columns: + '457px 1fr'; + grid-template-columns: + '457px 1fr'; +} + +.list-item-row{ + display: -ms-grid; + display: grid; + -ms-grid-rows: 1fr; + grid-template-rows: 1fr; + -ms-grid-columns: 1fr 96px 488px; + grid-template-columns: 1fr 488px; + grid-column-gap: 96px; + -ms-grid-rows: 1; + grid-template-rows: 1; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + margin-bottom: 50px; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + grid-column-gap: 24px; + grid-template-columns: 1fr 380px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + grid-template-columns: 1fr; + } + + @media (max-width: 540px) { + background: var(--card); + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } + + +}.list-item-row > *:nth-child(1){ + -ms-grid-row: 1; + -ms-grid-column: 1; + + +}.list-item-row > *:nth-child(2){ + -ms-grid-row: 1; +} + +.list-item-tile{ + position: relative; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + @media (max-width: 540px) { + background: var(--card); + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + margin-bottom: 40px; + -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } +} + +.list-row{ + display: -ms-grid; + display: grid; + -ms-grid-rows: "1fr 1fr"; + grid-template-rows: "1fr 1fr"; +} + +.list-row-alt{ + -ms-grid-rows: "1fr"; + grid-template-rows: "1fr"; +} + +.image-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; + position: relative; + height: 280px; + -webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.22), + 0 18px 36px -18px rgba(0, 0, 0, 0.25); + box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.22), + 0 18px 36px -18px rgba(0, 0, 0, 0.25); + margin-bottom: 30px; + -webkit-transition: -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + transition: -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + -o-transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad); + transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad); + transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad), + -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + + & > div { + height: 100%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + height: 200px; + margin-bottom: 35px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + overflow: hidden; + margin-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + } +} + +.article-image{ + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100%; + min-height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.article-title{ + font-size: 21px; + font-family: var(--serif); + margin-bottom: 35px; + -webkit-transition: color 0.3s ease-in-out; + -o-transition: color 0.3s ease-in-out; + transition: color 0.3s ease-in-out; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + margin-bottom: 15px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + font-size: 24px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 22px; + padding: 0 20px 0; + margin-bottom: 10px; + -webkit-line-clamp: 3; + } +} + +.article-excerpt{ + font-size: 16px; + margin-left: 0; + margin-right: 0; + margin-bottom: 10px; + color: var(--grey); + display: none; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + display: -webkit-box; + } + + /*PHABLET*/ + @media screem and (max-width: $phablet){ + margin-bottom: 15px; + max-width: 100%; + padding: 0 20px; + margin-bottom: 20px; + -webkit-line-clamp: 3; + } +} + +.article-metadata{ + font-weight: 600; + font-size: 16px; + color: var(--grey); + opacity: 0.33; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + max-width: 100%; + padding: 0 20px 30px; + } +} + +.post-row{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + margin-bottom: 100px; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin: 0; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +.post-row-alt{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + margin-bottom: 100px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + + .article-link{ + margin-top: 75px; + max-width: 48.3%; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + max-width: 100%; + } + } +} + +.article-link{ + max-width: 39.5%; + position: relative; + display: block; + width: 100%; + top: 0; + left: 0; + border-radius: 5px; + z-index: 1; + -webkit-transition: -webkit-transform 0.33s var(--ease-out-quart); + transition: -webkit-transform 0.33s var(--ease-out-quart); + -o-transition: transform 0.33s var(--ease-out-quart); + transition: transform 0.33s var(--ease-out-quart); + transition: transform 0.33s var(--ease-out-quart), -webkit-transform 0.33s var(--ease-out-quart); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + + &:hover{ + text-decoration: none; + } + + &:hover .image-container, &:focus .image-container { + -webkit-transform: translateY(-1px); + -ms-transform: translateY(-1px); + transform: translateY(-1px); + -webkit-box-shadow: 0 50px 80px -20px rgba(0, 0, 0, 0.27), + 0 30px 50px -30px rgba(0, 0, 0, 0.3); + box-shadow: 0 50px 80px -20px rgba(0, 0, 0, 0.27), + 0 30px 50px -30px rgba(0, 0, 0, 0.3); + } + + &:hover h2, + &:focus h2 { + color: var(--accent); + } + + &[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -1.5%; + top: -2%; + width: 103%; + height: 104%; + border: 3px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + max-width: 48.5%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + min-width: 80% !important; + display: block; + margin-bottom: 60px; + + p{ + padding: 0; + } + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + min-width: 100% !important; + margin-bottom: 40px; + -webkit-box-shadow: 0px 20px 40px rgba(0,0,0,0.2); + box-shadow: 0px 20px 40px rgba(0,0,0,0.2); + + &:hover .image-container { + -webkit-transform: none; + -ms-transform: none; + transform: none; + -webkit-box-shadow: initial; + box-shadow: initial; + } + + &:active { + -webkit-transform: scale(0.97) translateY(3px); + -ms-transform: scale(0.97) translateY(3px); + transform: scale(0.97) translateY(3px); + } + + p{ + padding: 0 20px 0; + } + } +} + +#article-link-bigger{ + max-width: 58.5% !important; + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + max-width: 48.5% !important; + } +} + +.articles-list-container-alt{ + + .post-row{ + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + margin-bottom: 0; + + .article-link{ + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + min-width: 100% !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: none; + flex-wrap: none; + + .article-data-outer{ + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + min-width: 100% !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: none; + flex-wrap: none; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + + .image-container{ + max-width: 46%; + } + + .article-data{ + width: 46%; + } + } + } + + } + } \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/authors.scss b/public/public/themes/novela/assets/scss/authors.scss new file mode 100644 index 0000000..58b4795 --- /dev/null +++ b/public/public/themes/novela/assets/scss/authors.scss @@ -0,0 +1,108 @@ +/****************************HERO****************************/ +.author-hero{ + position: relative; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 35px auto 110px; +} + +.author-hero-image{ + position: relative; + z-index: 1; + height: 164px; + width: 164px; + margin-bottom: 35px; + border-radius: 50%; + overflow: hidden; + border: 2px solid var(background-color); + -webkit-box-shadow: 0px 15.619px 31.2381px rgba(0, 0, 0, 0.15); + box-shadow: 0px 15.619px 31.2381px rgba(0, 0, 0, 0.15); + border: 2px solid var(--card); + + img{ + width: 100%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 146px; + height: 146px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + width: 136px; + height: 136px; + margin-bottom: 25px; + } +} + +.author-heading{ + font-size: 38px; + font-family: var(--sanserif); + color: var(--primary); + margin-bottom: 15px; + font-weight: 600; + text-align: center; +} + +.author-subheading{ + margin: 0 auto; + max-width: 450px; + color: var(--grey); + font-size: 18px; + font-family: var(--sanserif); + line-height: 1.4; + text-align: center; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + } +} + +.author-social{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 35px; + width: 100%; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + } +} + +/****************************CONTENT****************************/ +.authors-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/bio.scss b/public/public/themes/novela/assets/scss/bio.scss new file mode 100644 index 0000000..1382b77 --- /dev/null +++ b/public/public/themes/novela/assets/scss/bio.scss @@ -0,0 +1,76 @@ +.bio-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + left: -10px; +} + +.bio-link{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + &:hover{ + text-decoration: none; + } +} + +.bio-avatar{ + display: block; + position: relative; + height: 40px; + width: 40px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.25); + margin-right: 16px; + margin: 10px 26px 10px 10px; +} + +.bio-avatar::after { + content: ""; + position: absolute; + left: -5px; + top: -5px; + width: 50px; + height: 50px; + border-radius: 50%; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.bio-avatar[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -5px; + top: -5px; + width: 50px; + height: 50px; + border: 2px solid var(--accent); +} + +.bio-avatar-inner{ + height: 40px; + width: 40px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.25); + margin-right: 16px; + overflow: hidden; +} + +.bio-text{ + margin-bottom: 0; + max-width: 430px; + font-size: 14px; + line-height: 1.45; + color: var(--grey); +} + +.author-avatar{ + width: 100%; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/blockquote.scss b/public/public/themes/novela/assets/scss/blockquote.scss new file mode 100644 index 0000000..87dfb8c --- /dev/null +++ b/public/public/themes/novela/assets/scss/blockquote.scss @@ -0,0 +1,36 @@ +blockquote{ + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 15px auto 50px; + color: var(--articleText); + font-family: var(--serif); + font-style: italic; +} + +blockquote > p { + font-family: var(--serif); + max-width: 880px !important; + padding-right: 100px; + padding-bottom: 0; + width: 100%; + margin: 0 auto; + font-size: 36px; + line-height: 1.32; + font-weight: bold; +} + +@media screen and (max-width: 735px) { + blockquote{ + margin: 10px auto 35px; + font-size: 26px; + padding: 0 180px; + } +} + +@media screen and (max-width: 540px) { + blockquote{ + font-size: 36px; + padding: 0 20px 0 40px; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/code.scss b/public/public/themes/novela/assets/scss/code.scss new file mode 100644 index 0000000..635a00a --- /dev/null +++ b/public/public/themes/novela/assets/scss/code.scss @@ -0,0 +1,25 @@ +.code-toolbar{ + max-width: 750px; + margin: 0 auto 35px; + overflow: auto; + font-size: 12px; + + pre{ + padding-top: 2.5em !important; + padding-bottom: 2.5em !important; + padding-left: 5em !important; + padding-right: 5em !important; + border-radius: 5px !important; + background-color: #292c34 !important; + + code{ + color: white; + } + } + + .toolbar-item{ + position: absolute; + top: 1em; + right: 1em; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/global.scss b/public/public/themes/novela/assets/scss/global.scss new file mode 100644 index 0000000..1310fdd --- /dev/null +++ b/public/public/themes/novela/assets/scss/global.scss @@ -0,0 +1,227 @@ +@import "vars.scss"; +@import "anchor.scss"; +@import "bio.scss"; +@import "blockquote.scss"; +@import "headings.scss"; +@import "horizontal-rule.scss"; +@import "image.scss"; +@import "layout.scss"; +@import "lists.scss"; +@import "logo.scss"; +@import "navigation.scss"; +@import "paragraph.scss"; +@import "progress.scss"; +@import "social-links.scss"; +@import "subscription.scss"; +@import "tables.scss"; +@import "section.scss"; +@import "articles.scss"; +@import "home-articles.scss"; +@import "code.scss"; +@import "article.scss"; +@import "authors.scss"; +@import "paginator.scss"; + + +/** + * Thanks to Benjamin De Cock + * https://gist.github.com/bendc/ac03faac0bf2aee25b49e5fd260a727d + */ + :root { + --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53); + --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22); + --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1); + --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); + --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1); +} + +@font-face { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; + font-weight: 400; + font-style: normal; +} + +*, +*:before, +*:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; + margin: 0; + padding: 0; + font-size: inherit; +} + +:root { + -ms-overflow-style: -ms-autohiding-scrollbar; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; + cursor: default; + font-size: 0.625rem; + line-height: 1.4; +} + +body { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; + font-size: 1.6rem; + margin: 0; + font-weight: 400; + height: 100%; +} + +button, +a { + text-decoration: none; + cursor: pointer; +} + +a:focus { + outline: none; +} + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} + +input, +textarea, +select, +button { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; +} + +.underline { + text-decoration: underline; +} + +button, +input, +select, +textarea { + color: inherit; + font-family: inherit; + font-style: inherit; + font-weight: inherit; +} + +code, +kbd, +pre, +samp { + font-family: monospace; +} + +fieldset, +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: none; + background: transparent; +} + +table { + border-collapse: separate; + border-spacing: 0; +} + +audio:not([controls]) { + display: none; +} + +details { + display: block; +} + +input { + &:focus, + &:active { + outline: none; + } + + &[type="number"] { + width: auto; + } +} + +img.Image__Zoom ~ div { + background: transparent !important; +} + +.Image__Small{ + width: 100%; + max-width: 680px; + margin-left: auto; + margin-right: auto; + margin-bottom: 35px; + img{ + width: 100%; + } +} + +.Image__medium{ + width: 100%; + margin-left: auto; + margin-right: auto; + margin-bottom: 35px; + img{ + width: 100%; + } +} + +.Image__large{ + width: 100%; + margin-bottom: 35px; + img{ + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + } +} + +.author-alc-section{ + padding-left: 0; + padding-right: 0; +} + +.icon-image{ + path{ + fill: var(--primary); + } +} + +img{ + max-width: 100%; + -webkit-animation-name: image-load-in; + animation-name: image-load-in; + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; +} + +@-webkit-keyframes image-load-in { + 0% {-webkit-filter: blur(8px);filter: blur(8px); opacity: 0;} + 100% {-webkit-filter: blur(0);filter: blur(0); opacity: 1;} +} + +@keyframes image-load-in { + 0% {-webkit-filter: blur(8px);filter: blur(8px); opacity: 0;} + 100% {-webkit-filter: blur(0);filter: blur(0); opacity: 1;} +} diff --git a/public/public/themes/novela/assets/scss/headings.scss b/public/public/themes/novela/assets/scss/headings.scss new file mode 100644 index 0000000..7cd11c0 --- /dev/null +++ b/public/public/themes/novela/assets/scss/headings.scss @@ -0,0 +1,91 @@ +h1, h2, h3, h4, h5, h6{ + margin: 0 auto; + font-weight: bold; + color: var(--primary); + font-family: var(--serif); + width: 100%; + max-width: 680px; +} + +h1, h1 *, h2, h2 * { + margin: 25px auto 18px; +} + +h3, h3 * { + margin: 20px auto 10px; +} + +h1{ + font-size: 52px; + line-height: 1.15; +} + +h2{ + font-size: 32px; + line-height: 1.333; +} + +h3{ + font-size: 24px; + line-height: 1.45; +} + +h4{ + font-size: 18px; + line-height: 1.45; +} + +h5{ + font-size: 18px; + line-height: 1.45; +} + +h6{ + font-size: 16px; + line-height: 1.45; +} + +@media screen and (max-width: 1070px){ + h1{ + font-size: 38px; + line-height: 1.2; + } + h2{ + font-size: 21px; + } +} + +@media screen and (max-width: 737px){ + h1, h2{ + margin: 30px auto 18px; + } + h2{ + font-size: 24px; + line-height: 1.45; + } + h3{ + font-size: 22px; + } +} + +@media screen and (max-width: 540px){ + h1{ + font-size: 32px; + line-height: 1.3; + } + h2{ + font-size: 22px; + } + h3{ + font-size: 20px; + } + h4{ + font-size: 16px; + } + h5{ + font-size: 16px; + } + h6{ + font-size: 14px; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/home-articles.scss b/public/public/themes/novela/assets/scss/home-articles.scss new file mode 100644 index 0000000..b8d82c8 --- /dev/null +++ b/public/public/themes/novela/assets/scss/home-articles.scss @@ -0,0 +1,17 @@ +.articles-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} + +.articles-paginator{ + margin-top: 95px; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/horizontal-rule.scss b/public/public/themes/novela/assets/scss/horizontal-rule.scss new file mode 100644 index 0000000..b053d35 --- /dev/null +++ b/public/public/themes/novela/assets/scss/horizontal-rule.scss @@ -0,0 +1,32 @@ +hr{ + position: relative; + width: 100%; + max-width: 680px; + margin: 50px auto; + border: 0; + height: 14.36px; + background-repeat: repeat-x; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-position: center; +} + +@media screen and (max-width: 1070px){ + hr{ + max-width: 507px; + } +} + +@media screen and (max-width: 735px){ + hr{ + max-width: 486px; + width: calc(100vw - 40px); + margin: 0px auto 50px; + } +} + +@media screen and (max-width: 340px){ + hr{ + padding: 0 20px; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/image.scss b/public/public/themes/novela/assets/scss/image.scss new file mode 100644 index 0000000..6491f80 --- /dev/null +++ b/public/public/themes/novela/assets/scss/image.scss @@ -0,0 +1,29 @@ +.image-placeholder{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + background: #ccc; + color: #898989; + font-size: 32px; + font-weight: 600; +} + +.image-zoom{ + display: block; + margin: 0 auto; + width: 100%; +} + +@media screen and (max-width: 540px){ + .image-placeholder{ + font-size: 28px; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/layout.scss b/public/public/themes/novela/assets/scss/layout.scss new file mode 100644 index 0000000..970be75 --- /dev/null +++ b/public/public/themes/novela/assets/scss/layout.scss @@ -0,0 +1,8 @@ +.layout-styled{ + position: relative; + background: var(--background-color); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + min-height: 100vh; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/lists.scss b/public/public/themes/novela/assets/scss/lists.scss new file mode 100644 index 0000000..7703098 --- /dev/null +++ b/public/public/themes/novela/assets/scss/lists.scss @@ -0,0 +1,169 @@ +ul{ + list-style: none; + counter-reset: list; + color: var(--articleText); + position: relative; + padding: 15px 0 30px 30px; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 0 auto; + font-size: 18px; + + width: 100%; + max-width: 680px; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + ul{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul{ + max-width: 486px; + padding-left: 0px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ul{ + padding-left: 20px; + } +} + +li{ + position: relative; + padding-bottom: 15px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul li{ + padding-left: 30px; + } + + ul li p{ + padding: 0; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ul li{ + padding-left: 30px; + } +} + +ul li > *{ + display: inline; +} + +ul li::before{ + width: 3rem; + display: inline-block; + position: absolute; + color: var(--articleText); + content: ""; + position: absolute; + left: -30px; + top: 8px; + height: 8px; + width: 8px; + background: var(--articleText); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul li::before{ + left: 0; + } +} + +ol{ + list-style: none; + counter-reset: list; + color: var(--articleText); + position: relative; + padding: 15px 0 30px 30px; + margin: 0 auto; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + font-size: 18px; + width: 100%; + max-width: 680px; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + ol{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ol{ + max-width: 486px; + padding-left: 0px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ol{ + padding-left: 20px; + } +} + +ol li{ + position: relative; + padding-bottom: 15px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ol li{ + padding-left: 30px; + padding: 0; + } + ol li p{ + padding-left: 30px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ol li{ + padding-left: 30px; + } +} + +ol li > *{ + display: inline; +} + +ol li::before { + width: 3rem; + display: inline-block; + position: absolute; + color: var(--articleText); + counter-increment: list; + content: counter(list) "."; + font-weight: 600; + position: absolute; + left: -3rem; + top: -0.3rem; + font-size: 2rem; +} + +@media screen and (max-width: 735px){ + ol li::before{ + left: 0; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/logo.scss b/public/public/themes/novela/assets/scss/logo.scss new file mode 100644 index 0000000..47963c6 --- /dev/null +++ b/public/public/themes/novela/assets/scss/logo.scss @@ -0,0 +1,20 @@ +#logo-desktop{ + .change-fill{ + fill: var(--primary); + } +} + +#logo-mobile{ + path{ + fill: var(--primary); + } +} + +@media screen and (max-width: 735px){ + .Logo__Desktop { + display: none; + } + .Logo__Mobile{ + display: block; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/navigation.scss b/public/public/themes/novela/assets/scss/navigation.scss new file mode 100644 index 0000000..b4fe1c2 --- /dev/null +++ b/public/public/themes/novela/assets/scss/navigation.scss @@ -0,0 +1,524 @@ +/************************FOOTER************************/ + +.footer-container{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 80px; + color: var(--grey); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .footer-container{ + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-bottom: 100px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .footer-container{ + padding-bottom: 50px; + } +} + +.footer-hr{ + position: relative; + margin: 140px auto 50px; + border-bottom: 1px solid var(--horizontalRule); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .footer-hr{ + margin: 60px auto; + } + .footer-text{ + margin-bottom: 80px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .footer-hr{ + display: none; + } + .footer-text{ + margin: 120px auto 100px; + } +} + +.footer-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + mix-blend-mode: lighten; +} + +/************************HEADER************************/ + +.back-arrow-ico-container{ + -webkit-transition: 0.2s -webkit-transform var(--ease-out-quad); + transition: 0.2s -webkit-transform var(--ease-out-quad); + -o-transition: 0.2s transform var(--ease-out-quad); + transition: 0.2s transform var(--ease-out-quad); + transition: 0.2s transform var(--ease-out-quad), 0.2s -webkit-transform var(--ease-out-quad); + opacity: 0; + padding-right: 30px; + -webkit-animation: fadein 0.3s linear forwards; + animation: fadein 0.3s linear forwards; +} + +@-webkit-keyframes fadein { + to { + opacity: 1; + } +} + +@keyframes fadein { + to { + opacity: 1; + } +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .back-arrow-ico-container{ + display: none; + } +} + +.nav-container{ + position: relative; + z-index: 100; + padding-top: 100px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +@media screen and (max-height: 800px) { + .nav-container{ + padding-top: 50px; + } +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .nav-container{ + padding-top: 50px; + } +} + +.logo-link{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.logo-link[class*="data-ally"]:focus::after { + content: ""; + position: absolute; + left: -10%; + top: -30%; + width: 120%; + height: 160%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; +} + +.logo-link[class*="back-arrow-ico-container"]{ + -webkit-transform: translateX(-3px); + -ms-transform: translateX(-3px); + transform: translateX(-3px); +} + +.logo-link:hover{ + text-decoration: none; +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .logo-link{ + left: 0 + } +} + +.nav-controls{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .nav-controls{ + right: -5px; + } +} + +.tool-tip{ + opacity: 0; + -webkit-transform: translateY(6px); + -ms-transform: translateY(6px); + transform: translateY(6px); + position: absolute; + padding: 4px 13px; + border-radius: 5px; + font-size: 14px; + top: -35px; + color: var(--primary); + background-color: var(--tooltip); + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes pan-toolbar { + 0% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} + 30% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 70% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 100% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} +} + +@keyframes pan-toolbar { + 0% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} + 30% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 70% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 100% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} +} + +.icon-wrapper{ + opacity: 0.5; + position: relative; + border-radius: 5px; + width: 40px; + height: 25px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: opacity 0.3s ease; + -o-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + margin-left: 30px; +} + +.icon-wrapper:hover{ + opacity: 1; +} + +.icon-wrapper[class*="data-ally"]:focus::after { + content: ""; + position: absolute; + left: 0; + top: -30%; + width: 100%; + height: 160%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .icon-wrapper{ + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-transform: scale(0.708); + -ms-transform: scale(0.708); + transform: scale(0.708); + margin-left: 10px; + } + .icon-wrapper:hover{ + opacity: 0.5; + } +} + +.sun-rays{ + position: relative; + right: -16px; + width: 9px; + height: 9px; + border-radius: 50%; + border: 2px solid + var(--primary); + background: var(--primary); + -webkit-transform: 1; + -ms-transform: 1; + transform: 1; + -webkit-transition: all 0.45s ease; + -o-transition: all 0.45s ease; + transition: all 0.45s ease; + overflow: hidden; + -webkit-box-shadow: 0 -23px 0 var(--primary), + 0 23px 0 var(--primary), + 23px 0 0 var(--primary), + -23px 0 0 var(--primary), + 15px 15px 0 var(--primary), + -15px 15px 0 var(--primary), + 15px -15px 0 var(--primary), + -15px -15px 0 var(--primary); + box-shadow: 0 -23px 0 var(--primary), + 0 23px 0 var(--primary), + 23px 0 0 var(--primary), + -23px 0 0 var(--primary), + 15px 15px 0 var(--primary), + -15px 15px 0 var(--primary), + 15px -15px 0 var(--primary), + -15px -15px 0 var(--primary); + -webkit-transform: scale(0.6); + -ms-transform: scale(0.6); + transform: scale(0.6); +} + +.moon-or-sun{ + position: relative; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid + var(--primary); + background: var(--primary); + -webkit-transform: 1; + -ms-transform: 1; + transform: 1; + -webkit-transition: all 0.45s ease; + -o-transition: all 0.45s ease; + transition: all 0.45s ease; + overflow: hidden; +} + +.moon-mask{ + position: absolute; + right: -1px; + top: -8px; + height: 24px; + width: 24px; + border-radius: 50%; + border: 0; + background: var(--background-color); + -webkit-transform: translate("0, 0"); + -ms-transform: translate("0, 0"); + transform: translate("0, 0"); + opacity: 1; + -webkit-transition: var(--color-mode-transition), -webkit-transform 0.45s ease; + transition: var(--color-mode-transition), -webkit-transform 0.45s ease; + -o-transition: transform 0.45s ease, var(--color-mode-transition); + transition: transform 0.45s ease, var(--color-mode-transition); + transition: transform 0.45s ease, var(--color-mode-transition), -webkit-transform 0.45s ease; +} + +.mask-to-sun-animation{ + -webkit-animation-name: mask-to-sun; + animation-name: mask-to-sun; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.mask-to-moon-animation{ + -webkit-animation-name: mask-to-moon; + animation-name: mask-to-moon; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.to-sun-animation{ + -webkit-animation-name: to-sun; + animation-name: to-sun; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.to-moon-animation{ + -webkit-animation-name: to-moon; + animation-name: to-moon; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.expand-rays{ + -webkit-animation-name: expand-rays; + animation-name: expand-rays; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +.contract-rays{ + -webkit-animation-name: contract-rays; + animation-name: contract-rays; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +@-webkit-keyframes mask-to-sun { + from {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} + to {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} +} + +@keyframes mask-to-sun { + from {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} + to {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} +} + +@-webkit-keyframes mask-to-moon { + from {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} + to {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} +} + +@keyframes mask-to-moon { + from {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} + to {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} +} + +@-webkit-keyframes to-sun { + from {-webkit-transform: scale(1);transform: scale(1);} + to {-webkit-transform: scale(0.5);transform: scale(0.5);} +} + +@keyframes to-sun { + from {-webkit-transform: scale(1);transform: scale(1);} + to {-webkit-transform: scale(0.5);transform: scale(0.5);} +} + +@-webkit-keyframes to-moon { + from {-webkit-transform: scale(0.5);transform: scale(0.5);} + to {-webkit-transform: scale(1);transform: scale(1);} +} + +@keyframes to-moon { + from {-webkit-transform: scale(0.5);transform: scale(0.5);} + to {-webkit-transform: scale(1);transform: scale(1);} +} + +@-webkit-keyframes expand-rays { + from {-webkit-transform: scale(0.1);transform: scale(0.1);} + to {-webkit-transform: scale(0.6);transform: scale(0.6);} +} + +@keyframes expand-rays { + from {-webkit-transform: scale(0.1);transform: scale(0.1);} + to {-webkit-transform: scale(0.6);transform: scale(0.6);} +} + +@-webkit-keyframes contract-rays { + from {-webkit-transform: scale(0.6);transform: scale(0.6);} + to {-webkit-transform: scale(0.1);transform: scale(0.1);} +} + +@keyframes contract-rays { + from {-webkit-transform: scale(0.6);transform: scale(0.6);} + to {-webkit-transform: scale(0.1);transform: scale(0.1);} +} + + + +.header-hidden{ + position: absolute; + display: inline-block; + opacity: 0; + width: 0px; + height: 0px; + visibility: hidden; + overflow: hidden; +} + +/************************HEADER************************/ + +.page-button{ + font-weight: 600; + font-size: 18px; + text-decoration: none; + color: var(--primary); +} + +.page-button:hover, .page-button:focus{ + opacity: 1; + text-decoration: underline; +} + +.page-number-button{ + font-weight: 400; + font-size: 18px; + text-decoration: none; + color: var(--primary); +} + +.page-number-button:hover, .page-number-button:focus{ + text-decoration: underline; +} + +.spacer{ + opacity: 0.3; +} + +.spacer::before{ + content: "..."; +} + +.mobiler-reference{ + font-weight: 400; + color: var(--primary); +} + +.mobile-reference em{ + font-style: normal; + color: var(--primary); +} + +.frame{ + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .frame{ + left: -15px; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/paginator.scss b/public/public/themes/novela/assets/scss/paginator.scss new file mode 100644 index 0000000..3ef098f --- /dev/null +++ b/public/public/themes/novela/assets/scss/paginator.scss @@ -0,0 +1,48 @@ +.pagination{ + z-index: 100; + margin: 0; + margin-top: 95px; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + + &:hover{ + cursor: pointer; + } + + a:hover{ + color: var(--primary); + } + + .page-item{ + display: block; + width: auto; + height: auto; + padding: 0; + + .page-link{ + display: block; + color: var(--grey); + min-width: 6rem; + } + + .page-next, .page-prev{ + color: var(--primary); + } + + + &::before{ + display: none; + } + } + + .active{ + .page-link{ + color: var(--primary); + } + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/paragraph.scss b/public/public/themes/novela/assets/scss/paragraph.scss new file mode 100644 index 0000000..52bb4dc --- /dev/null +++ b/public/public/themes/novela/assets/scss/paragraph.scss @@ -0,0 +1,38 @@ +p{ + line-height: 1.756; + font-size: 18px; + color: var(--articleText); + font-family: var(--sanserif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 0 auto 35px; + width: 100%; + max-width: 680px; +} + +p b { + font-weight: 800; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + p{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + p{ + max-width: 486px; + margin: 0 auto 25px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + p{ + padding: 0 20px; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/progress.scss b/public/public/themes/novela/assets/scss/progress.scss new file mode 100644 index 0000000..93dde98 --- /dev/null +++ b/public/public/themes/novela/assets/scss/progress.scss @@ -0,0 +1,111 @@ +/*************************ASIDE*************************/ +.aside-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0 auto; + max-width: 1140px; + z-index: 0; + position: -webkit-sticky; + position: sticky; + top: 30%; + -webkit-animation-name: progress-fade-in; + animation-name: progress-fade-in; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + display: none; + } +} + +@-webkit-keyframes progress-fade-in { + from {opacity: 0;} + to {opacity: 1;} +} + +@keyframes progress-fade-in { + from {opacity: 0;} + to {opacity: 1;} +} + +@-webkit-keyframes progress-fade-out { + from {opacity: 1;} + to {opacity: 0;} +} + +@keyframes progress-fade-out { + from {opacity: 1;} + to {opacity: 0;} +} + +.aside-align{ + position: fixed; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 100vh; + z-index: 3; + + opacity: 1; + visibility: visible; + -webkit-transition: opacity 0.4s linear, visibility 0.4s linear; + -o-transition: opacity 0.4s linear, visibility 0.4s linear; + transition: opacity 0.4s linear, visibility 0.4s linear; +} + +.overlap-container{ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + opacity: 0; + -webkit-transition: opacity 0.25s; + -o-transition: opacity 0.25s; + transition: opacity 0.25s; +} + +/*************************PROGRESS*************************/ +.progress-container{ + position: relative; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.track-line{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: calc(88vh - 40px); + max-height: 425px; + width: 1px; + background-color: var(--track); + opacity: 0.6; + overflow: hidden; +} + +.progress-line{ + position: absolute; + height: 100%; + top: -100%; + width: 1px; + background-color: var(--progress); + left: 0; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/section.scss b/public/public/themes/novela/assets/scss/section.scss new file mode 100644 index 0000000..cbe2f97 --- /dev/null +++ b/public/public/themes/novela/assets/scss/section.scss @@ -0,0 +1,38 @@ +.section{ + width: 100%; + max-width: 1220px; + margin: 0 auto; + padding: 0 4rem; + + /*DESKTOP*/ + @media screen and (max-width: 1070px){ + max-width: 850px; + } + + /*PHABLET*/ + @media screen and (max-width: 540px){ + max-width: 100%; + padding: 2rem;; + } + + p{ + /*TABLET*/ + @media screen and (max-width: 735px){ + padding: 0 4rem; + max-width: 567px; + } + } + + +} + +.narrow{ + p{ + /*TABLET*/ + @media screen and (max-width: 735px){ + padding: 0 2rem; + max-width: 527px; + } + } + +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/social-links.scss b/public/public/themes/novela/assets/scss/social-links.scss new file mode 100644 index 0000000..c319bd2 --- /dev/null +++ b/public/public/themes/novela/assets/scss/social-links.scss @@ -0,0 +1,73 @@ +.social-icon-outer{ + width: 20%; + min-width: 220px; +} + +/*TABLET*/ +@media screen and (max-width: $tablet){ + .authors-sio{ + width: 60%; + } +} + +.social-icon-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + min-width: 100%; + position: relative; + margin-left: 3.2rem; + text-decoration: none; + max-width: 16px; + + a{ + margin-right: 25px; + } +} + +.social-icon-container:hover > svg { + fill: var (--primary); + } + +.social-icon-container:hover > * { + -webkit-transition: fill 0.25s var(--ease-in-out-quad); + -o-transition: fill 0.25s var(--ease-in-out-quad); + transition: fill 0.25s var(--ease-in-out-quad); +} + +.social-icon-container:first-of-type { + margin-left: 0; +} + +.social-icon-container:last-child { + margin-right: 0; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .social-icon-container{ + margin: 0 2.2rem; + } +} + +.social-icon-image{ + path{ + fill: var(--grey); + } +} + +.hidden{ + width: 0px; + height: 0px; + visibility: hidden; + opacity: 0; + overflow: hidden; + display: inline-block; +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/subscription.scss b/public/public/themes/novela/assets/scss/subscription.scss new file mode 100644 index 0000000..96ae1a0 --- /dev/null +++ b/public/public/themes/novela/assets/scss/subscription.scss @@ -0,0 +1,283 @@ +.subscription-container{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 64px 0 55px; + margin: 10px auto 100px; + background: var(--card); + -webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05); + box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05); + z-index: 1; + + .subscroiption-text{ + margin-left: 0; + margin-right: 0; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-container{ + padding: 50px 0 0; + text-align: center; + + .submitted-input{ + max-width: calc(100% - 36px); + } + + .submit-button{ + position: relative; + width: 100%; + left: 0; + border-radius: 0; + height: 60px; + border: none; + border-top: 1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15)); + } + + .submitted-form{ + .submit-button{ + border: none !important; + border-top: 1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15)) !important; + } + } + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .subscription-container{ + margin: -20px auto 80px; + } +} + +.subscription-content{ + margin: 0 auto; + width: 100%; + max-width: 640px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-content{ + h3{ + padding: 0 50px; + } + } +} + +/*PHONE*/ +@media screen and (max-width: 376px){ + .subscription-content{ + h3 { + padding: 0 24px; + } + } +} + +.subscription-heading{ + font-family: var(--serif); + margin-bottom: 20px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-heading{ + margin-bottom: 15px; + } +} + +.subscription-text{ + margin: 0 0 30px; + max-width: 680px; + color: var(--grey); + line-height: 1.75; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-text{ + padding: 0 26px; + margin: 0 auto 25px; + } +} + +.subscription-form{ + position: relative; +} + +.subscription-form::after { + color: var(--accent); + content: ">"; + position: absolute; + left: 21px; + top: 10px; + } + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-form:after{ + left: 34px; + top: 11px; + } +} + +.subscription-input{ + position: relative; + border-radius: 35px; + border: none; + padding: 13px 21px 13px 35px; + width: 471px; + color: var(--primary); + background-color: var(--inputBackground); +} + +.subscription-input.submitted-input:invalid{ + position: relative; + background: var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1)) !important; + border-radius: 35px; + border: none; + padding: 13px 21px 13px 35px; + width: 471px; + color: var(--primary,#000); + outline: none !important; +} + +input:invalid { + -webkit-box-shadow:0 0 2px 1px transparent; + box-shadow:0 0 2px 1px transparent; +} + +input:focus, +select:focus, +textarea:focus, +button:focus { + outline: none; +} + +.subscription-input.submitted-input:invalid ~ .subscription-error-message{ + opacity: 1; +} + +.subscription-input.submitted-input:invalid ~ .submit-button{ + color: var(--error); + border: 1px solid var(--error); +} + +.submitted-form:after{ + color: var(--error); +} + +.subscription-error-message{ + position: absolute; + left: 35px; + bottom: -20px; + color: var(--theme-ui-colors-error,#EE565B); + font-size: 12px; + opacity: 0; +} + +.subscription-input::-webkit-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::-moz-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input:-ms-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::-ms-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input:-ms-input-placeholder { + color: var(--track); +} + +.subscription-input::-ms-input-placeholder { + color: var(--track); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-input{ + width: calc(100% - 36px); + margin: 0 18px; + padding: 14px 14px 14px 30px; + margin-bottom: 30px; + } +} + +.submit-button{ + border: 1px solid var(--accent); + color: var(--accent); + position: absolute; + left: 306px; + top: 3px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 161px; + height: 38px; + font-weight: 600; + border-radius: 35px; + letter-spacing: 0.42px; + -webkit-transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); + -o-transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); + transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); +} + +.submit-button:disabled { + cursor: not-allowed; +} + +.submit-button svg * { + fill: var(--background-color); +} + +.submit-error{ + position: absolute; + left: 35px; + bottom: -20px; + color: var(--error); + font-size: 12px; +} + +.submit-error a { + color: var (--error); + text-decoration: underline; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .submit-error{ + left: 50px; + top: 50px; + } +} \ No newline at end of file diff --git a/public/public/themes/novela/assets/scss/tables.scss b/public/public/themes/novela/assets/scss/tables.scss new file mode 100644 index 0000000..4bc6397 --- /dev/null +++ b/public/public/themes/novela/assets/scss/tables.scss @@ -0,0 +1,107 @@ +/*************************************TABLE************************************/ + +table{ + position: relative; + line-height: 1.65; + color: var(--grey); + font-family: var(--sanserif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + background: var(--card); + margin: 45px auto 85px; + width: 100%; + max-width: 1004px; + border: 1px solid var(--horizontalRule); + border-radius: 5px; + overflow: hidden; + border-collapse: separate; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + table{ + margin: 25px auto 65px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + table{ + max-width: 486px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + table{ + margin: 15px auto 55px; + } +} + +/*************************************TABLE CELL************************************/ + +td{ + border-top: 1px solid var(--horizontalRule); + border-right: 1px solid var(--horizontalRule); + padding: 15px 30px; + font-size: 16px; + background: var(--card); + + &:last-child { + border-right: none; + } +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + td{ + padding: 14px 20px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + td{ + font-size: 14px; + } +} + +/*************************************TABLE HEAD************************************/ + +thead{ + text-align: left; + border-collapse: collapse; + position: relative; + line-height: 1.756; + font-weight: 600; + color: var(--primary); + font-family: var(--serif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} + +th{ + border-right: 1px solid var(--horizontalRule); + padding: 15px 30px; + + &:last-child { + border-right: none; + } +} + + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + th{ + padding: 14px 20px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + th{ + font-size: 14px; + } +} diff --git a/public/public/themes/novela/assets/scss/vars.scss b/public/public/themes/novela/assets/scss/vars.scss new file mode 100644 index 0000000..612c3dc --- /dev/null +++ b/public/public/themes/novela/assets/scss/vars.scss @@ -0,0 +1,85 @@ +/*BREAKPOINTS*/ +$phone_small: 320px; +$phone: 376px; +$phablet: 540px; +$tablet: 735px; +$desktop: 1070px; +$desktop_medium: 1280px; +$desktop_large: 1440px; + +body{ + /*FONTS*/ + --serif: "Merriweather", Georgia, Serif; + --sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif; + --monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace; + + /*COLOR MODE TRANSITION*/ + --color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad); + + /*PRIMARY COLORS*/ + --primary: #000; + --secondary: #73737D; + --grey: #73737D; + --background-color: #fafafa; + --accent: #6166DC; + --hover: rgba(0, 0, 0, 0.07); + --gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%); + --articleText: #08080B; + --track: rgba(8, 8, 11, 0.3); + --progress: #000; + --card: #fff; + --error: #EE565B; + --success: #46B17B; + --errorBackground: rgba(238, 86, 91, 0.1); + --horizontalRule: rgba(8, 8, 11, 0.15); + --inputBackground: rgba(0, 0, 0, 0.05); + --tooltip: lightgrey; + + /*DARK COLORS*/ + --dark-grey: #73737D; + --dark-primary: #fff; + --dark-secondary: #fff; + --dark-accent: #E9DAAC; + --dark-background: #111216; + --dark-hover: rgba(255, 255, 255, 0.07); + --dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%); + --dark-articleText: #fff; + --dark-track: rgba(255, 255, 255, 0.3); + --dark-progress: #fff; + --dark-card: #1D2128; + --dark-error: #EE565B; + --dark-success: #46B17B; + --dark-errorBackground: rgba(238, 86, 91, 0.1); + --dark-horizontalRule: rgba(255, 255, 255, 0.15); + --dark-inputBackground: rgba(255, 255, 255, 0.07); + + /*PRISM*/ + --token: #fff; + --languageJavascript: #e8696b; + --javascript: #e8696b; + --background: #292c34; + --comment: #5e6a76; + --string: #a8e2a8; + --var: #b3bac5; + --number: #e4854d; + --constant: #b3bac5; + --plain: #fff; + --doctype: #e8696b; + --tag: #e8696b; + --keyword: #d49fd4; + --boolean: #ff5874; + --function: #5F8DC3; + --parameter: #F9965D; + --className: #ffcf74; + --attrName: #bf87ba; + --attrValue: #a8e2a8; + --interpolation: #fff; + --punctuation: #5FA8AA; + --property: #80cbc4; + --propertyAccess: #fff; + --namespace: #b2ccd6; + --highlight: rgba(255,255,255,0.07); + --highlightBorder: #e1bde2; + --dom: #5F8DC3; + --operator: #5FA8AA; +} \ No newline at end of file diff --git a/public/public/themes/novela/config.yaml b/public/public/themes/novela/config.yaml new file mode 100644 index 0000000..66da84e --- /dev/null +++ b/public/public/themes/novela/config.yaml @@ -0,0 +1,4 @@ +baseURL: "https://example.com" +languageCode: "en-us" +title: "Hugo Novela" +pygmentsstyle: 'monokai' diff --git a/public/public/themes/novela/config/_default/social.yaml b/public/public/themes/novela/config/_default/social.yaml new file mode 100644 index 0000000..a3a5a1d --- /dev/null +++ b/public/public/themes/novela/config/_default/social.yaml @@ -0,0 +1,11 @@ +twitter: "https://twitter.com/narative" +github: "https://github.com/narative" +instagram: "https://instagram.com/narative.co" +linkedin: "https://www.linkedin.com/company/narative/" +dribbble: "https://dribbble.com/narativestudio" +youtube: "https://youtube.com" +facebook: "" +medium: "" +patreon: "" +paypal: "" +unsplash: "" diff --git a/public/public/themes/novela/exampleSite/config.yaml b/public/public/themes/novela/exampleSite/config.yaml new file mode 100644 index 0000000..1be8d3d --- /dev/null +++ b/public/public/themes/novela/exampleSite/config.yaml @@ -0,0 +1,14 @@ +baseURL: "https://example.com" +languageCode: "en-us" +title: "Hugo Novela" +pygmentsstyle: 'monokai' +paginate: 6 +social: + twitter: "#" + github: "#" + instagram: "#" + linkedin: "#" + dribbble: "#" + youtube: "#" +taxonomies: + author: authors diff --git a/public/public/themes/novela/go.mod b/public/public/themes/novela/go.mod new file mode 100644 index 0000000..eda0213 --- /dev/null +++ b/public/public/themes/novela/go.mod @@ -0,0 +1,3 @@ +module github.com/forestryio/hugo-theme-novela + +go 1.13 diff --git a/public/public/themes/novela/images/screenshot.png b/public/public/themes/novela/images/screenshot.png new file mode 100644 index 0000000..0db8474 Binary files /dev/null and b/public/public/themes/novela/images/screenshot.png differ diff --git a/public/public/themes/novela/images/tn.png b/public/public/themes/novela/images/tn.png new file mode 100644 index 0000000..a4f4d78 Binary files /dev/null and b/public/public/themes/novela/images/tn.png differ diff --git a/public/public/themes/novela/netlify.toml b/public/public/themes/novela/netlify.toml new file mode 100644 index 0000000..8bc1d65 --- /dev/null +++ b/public/public/themes/novela/netlify.toml @@ -0,0 +1,10 @@ +[build] +publish = "public" +command = "hugo --gc --minify" + +[build.environment] +HUGO_VERSION = "0.69.0" + +# This is a starter template for Netlify builds. See the following links for more: +# https://www.netlify.com/docs/continuous-deployment/#deploy-contexts +# https://www.netlify.com/blog/2017/04/11/netlify-plus-hugo-0.20-and-beyond/ diff --git a/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..dd9e694 --- /dev/null +++ b/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..613bff4 --- /dev/null +++ b/public/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/global.min.fb4dd79813ef5075eb6e0a596ca103e09f51efc11a614d013d4d9049d60904b1.css","MediaType":"text/css","Data":{"Integrity":"sha256-+03XmBPvUHXrbgpZbKED4J9R78EaYU0BPU2QSdYJBLE="}} \ No newline at end of file diff --git a/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content b/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..6f2ddb9 --- /dev/null +++ b/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +@import "/Users/tannersmith/theNewDynamic/theme-narrative-hugo/hugo/narative/assets/css/global.css" \ No newline at end of file diff --git a/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json b/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..103bdc3 --- /dev/null +++ b/public/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/main.min.0516f37d101dd5f2e4db165a5d58e9d22c2a8ed35021e5372d1ecb4bc9482039.css","MediaType":"text/css","Data":{"Integrity":"sha256-BRbzfRAd1fLk2xZaXVjp0iwqjtNQIeU3LR7LS8lIIDk="}} \ No newline at end of file diff --git a/public/public/themes/novela/static/images/brad-tiller.jpg b/public/public/themes/novela/static/images/brad-tiller.jpg new file mode 100644 index 0000000..1276576 Binary files /dev/null and b/public/public/themes/novela/static/images/brad-tiller.jpg differ diff --git a/public/public/themes/novela/static/images/dennis-brotzky.jpg b/public/public/themes/novela/static/images/dennis-brotzky.jpg new file mode 100644 index 0000000..8961f1f Binary files /dev/null and b/public/public/themes/novela/static/images/dennis-brotzky.jpg differ diff --git a/public/public/themes/novela/static/images/favicon.svg b/public/public/themes/novela/static/images/favicon.svg new file mode 100644 index 0000000..3a241e0 --- /dev/null +++ b/public/public/themes/novela/static/images/favicon.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + + + + + + diff --git a/public/public/themes/novela/static/images/hero-11.jpg b/public/public/themes/novela/static/images/hero-11.jpg new file mode 100644 index 0000000..0445236 Binary files /dev/null and b/public/public/themes/novela/static/images/hero-11.jpg differ diff --git a/public/public/themes/novela/static/images/hero-2.jpg b/public/public/themes/novela/static/images/hero-2.jpg new file mode 100644 index 0000000..7073f13 Binary files /dev/null and b/public/public/themes/novela/static/images/hero-2.jpg differ diff --git a/public/public/themes/novela/static/images/hero-3.jpg b/public/public/themes/novela/static/images/hero-3.jpg new file mode 100644 index 0000000..9abfb6c Binary files /dev/null and b/public/public/themes/novela/static/images/hero-3.jpg differ diff --git a/public/public/themes/novela/static/images/hero-4.jpg b/public/public/themes/novela/static/images/hero-4.jpg new file mode 100644 index 0000000..dddc629 Binary files /dev/null and b/public/public/themes/novela/static/images/hero-4.jpg differ diff --git a/public/public/themes/novela/static/images/hero-5.jpg b/public/public/themes/novela/static/images/hero-5.jpg new file mode 100644 index 0000000..32afe1b Binary files /dev/null and b/public/public/themes/novela/static/images/hero-5.jpg differ diff --git a/public/public/themes/novela/static/images/hero-6.jpg b/public/public/themes/novela/static/images/hero-6.jpg new file mode 100644 index 0000000..67f4189 Binary files /dev/null and b/public/public/themes/novela/static/images/hero-6.jpg differ diff --git a/public/public/themes/novela/static/images/large.jpg b/public/public/themes/novela/static/images/large.jpg new file mode 100644 index 0000000..e7f9ff5 Binary files /dev/null and b/public/public/themes/novela/static/images/large.jpg differ diff --git a/public/public/themes/novela/static/images/mack-mansouri.jpg b/public/public/themes/novela/static/images/mack-mansouri.jpg new file mode 100644 index 0000000..5d0df88 Binary files /dev/null and b/public/public/themes/novela/static/images/mack-mansouri.jpg differ diff --git a/public/public/themes/novela/static/images/medium.jpg b/public/public/themes/novela/static/images/medium.jpg new file mode 100644 index 0000000..bcb8b6c Binary files /dev/null and b/public/public/themes/novela/static/images/medium.jpg differ diff --git a/public/public/themes/novela/static/images/profile-01.jpeg b/public/public/themes/novela/static/images/profile-01.jpeg new file mode 100644 index 0000000..e269480 Binary files /dev/null and b/public/public/themes/novela/static/images/profile-01.jpeg differ diff --git a/public/public/themes/novela/static/images/small.jpg b/public/public/themes/novela/static/images/small.jpg new file mode 100644 index 0000000..315c442 Binary files /dev/null and b/public/public/themes/novela/static/images/small.jpg differ diff --git a/public/public/themes/novela/static/images/thiago-costa.jpg b/public/public/themes/novela/static/images/thiago-costa.jpg new file mode 100644 index 0000000..87beb3f Binary files /dev/null and b/public/public/themes/novela/static/images/thiago-costa.jpg differ diff --git a/public/public/themes/novela/theme.toml b/public/public/themes/novela/theme.toml new file mode 100644 index 0000000..36fd951 --- /dev/null +++ b/public/public/themes/novela/theme.toml @@ -0,0 +1,18 @@ +name = "Hugo Novela" +license = "MIT" +licenselink = "https://github.com/forestryio/hugo-theme-novela/blob/master/LICENSE" +description = "A Hugo port of the Novela theme by Narative" +homepage = "https://hugo-novela-forestry.netlify.com/" +tags = ["blog"] +features = ["dark mode", "grid view"] +min_version = "0.55.0" + +[author] + name = "The New Dynamic" + homepage = "https://www.thenewdynamic.com/" + +# If porting an existing theme +[original] + author = "Narative" + homepage = "https://www.narative.co/" + repo = "https://github.com/narative/gatsby-theme-novela" diff --git a/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..bb5b449 --- /dev/null +++ b/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);border-right:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}td:last-child{border-right:none}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}th{border-right:1px solid var(--horizontalRule);padding:15px 30px}th:last-child{border-right:none}@media screen and (max-width:1070px){th{padding:14px 20px}}@media screen and (max-width:735px){th{font-size:14px}}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{max-width:100%;-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..8a7596f --- /dev/null +++ b/public/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css","MediaType":"text/css","Data":{"Integrity":"sha256-/r9nypQ5AZjaoRaTmT3+qrui5q/71A8pGrUIH+rBvd0="}} \ No newline at end of file diff --git a/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css b/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css new file mode 100644 index 0000000..bb5b449 --- /dev/null +++ b/public/scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);border-right:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}td:last-child{border-right:none}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}th{border-right:1px solid var(--horizontalRule);padding:15px 30px}th:last-child{border-right:none}@media screen and (max-width:1070px){th{padding:14px 20px}}@media screen and (max-width:735px){th{font-size:14px}}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{max-width:100%;-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..6bf7bad --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,17 @@ + + + + + http://example.org/categories/ + + + + http://example.org/ + + + + http://example.org/tags/ + + + diff --git a/public/tags/index.html b/public/tags/index.html new file mode 100644 index 0000000..122f919 --- /dev/null +++ b/public/tags/index.html @@ -0,0 +1,299 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +Tags | My New Hugo Site + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Navigate back to the homepage + +
+ + + +
+
+
+ + + + + + + + + + + +
+
+

+
+
+
+ +
+
+ + +
+
+
+ + + + + +
+
+
+ + + + + +
+ + +
+ +
+ +
+
+
+ + +
+
+
+
+
+ © 2020 My New Hugo Site +
+ +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/public/tags/index.xml b/public/tags/index.xml new file mode 100644 index 0000000..201eda6 --- /dev/null +++ b/public/tags/index.xml @@ -0,0 +1,10 @@ + + + + Tags on My New Hugo Site + http://example.org/tags/ + Recent content in Tags on My New Hugo Site + Hugo -- gohugo.io + en-us + + diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html new file mode 100644 index 0000000..72bc58d --- /dev/null +++ b/public/tags/page/1/index.html @@ -0,0 +1 @@ +http://example.org/tags/ \ No newline at end of file diff --git a/public/themes/novela/LICENSE b/public/themes/novela/LICENSE new file mode 100644 index 0000000..a48726d --- /dev/null +++ b/public/themes/novela/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2019-present Forestry.io and contributors + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/public/themes/novela/assets/css/prism.css b/public/themes/novela/assets/css/prism.css new file mode 100644 index 0000000..cf2bba9 --- /dev/null +++ b/public/themes/novela/assets/css/prism.css @@ -0,0 +1,231 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +/** + * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML + * Based on https://github.com/chriskempson/tomorrow-theme + * @author Rose Pritchard + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ccc; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; + +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #2d2d2d; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.block-comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #999; +} + +.token.punctuation { + color: #ccc; +} + +.token.tag, +.token.attr-name, +.token.namespace, +.token.deleted { + color: #e2777a; +} + +.token.function-name { + color: #6196cc; +} + +.token.boolean, +.token.number, +.token.function { + color: #f08d49; +} + +.token.property, +.token.class-name, +.token.constant, +.token.symbol { + color: #f8c555; +} + +.token.selector, +.token.important, +.token.atrule, +.token.keyword, +.token.builtin { + color: #cc99cd; +} + +.token.string, +.token.char, +.token.attr-value, +.token.regex, +.token.variable { + color: #7ec699; +} + +.token.operator, +.token.entity, +.token.url { + color: #67cdcc; +} + +.token.important, +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.inserted { + color: green; +} + +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.8em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + letter-spacing: -1px; + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + +} + + .line-numbers-rows > span { + display: block; + counter-increment: linenumber; + } + + .line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; + } + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: .3em; + right: .2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar a { + cursor: pointer; +} + +div.code-toolbar > .toolbar button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + -webkit-user-select: none; /* for button */ + -moz-user-select: none; + -ms-user-select: none; +} + +div.code-toolbar > .toolbar a, +div.code-toolbar > .toolbar button, +div.code-toolbar > .toolbar span { + color: #bbb; + font-size: .8em; + padding: 0 .5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 0.2); + box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); + border-radius: .5em; +} + +div.code-toolbar > .toolbar a:hover, +div.code-toolbar > .toolbar a:focus, +div.code-toolbar > .toolbar button:hover, +div.code-toolbar > .toolbar button:focus, +div.code-toolbar > .toolbar span:hover, +div.code-toolbar > .toolbar span:focus { + color: inherit; + text-decoration: none; +} + diff --git a/public/themes/novela/assets/js/addFormStyles.js b/public/themes/novela/assets/js/addFormStyles.js new file mode 100644 index 0000000..0dad1d5 --- /dev/null +++ b/public/themes/novela/assets/js/addFormStyles.js @@ -0,0 +1,27 @@ +document.getElementById("submitButton").addEventListener("click", addErrorStyles); +document.getElementById("emailInput").addEventListener("keyup", updateStyles); + +subscriptionForm = document.getElementById("subscriptionForm"); +emailField = document.getElementById("emailInput"); +submitted = false; + +function addErrorStyles(){ + submitted = true; + updateClasses(); +} + +function updateStyles(){ + if (submitted === true){ + updateClasses(); + } +} + +function updateClasses(){ + if(emailField.validity.valid){ + subscriptionForm.classList.remove("submitted-form"); + } + else{ + subscriptionForm.classList.add("submitted-form"); + emailField.classList.add("submitted-input"); + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/js/collapseAuthors.js b/public/themes/novela/assets/js/collapseAuthors.js new file mode 100644 index 0000000..a9ec2fd --- /dev/null +++ b/public/themes/novela/assets/js/collapseAuthors.js @@ -0,0 +1,22 @@ +let collapsed = true; + +function displayCoauthors(){ + document.getElementById("uncollapsedCoauthors").classList.remove("hidden"); +} + +function hideCoauthors(){ + document.getElementById("uncollapsedCoauthors").classList.add("hidden"); +} + +function bindCollapseAuthors() { + const collapsedCoauthorsElement = document.getElementById("collapsedCoauthors"); + + if (collapsedCoauthorsElement === null) { + return; + } + + collapsedCoauthorsElement.addEventListener("click", displayCoauthors); + document.getElementById("uncollapsedAction").addEventListener("click", hideCoauthors); +} + +bindCollapseAuthors(); diff --git a/public/themes/novela/assets/js/copyUrl.js b/public/themes/novela/assets/js/copyUrl.js new file mode 100644 index 0000000..a850c8d --- /dev/null +++ b/public/themes/novela/assets/js/copyUrl.js @@ -0,0 +1,18 @@ +document.getElementById("copyButton").addEventListener("click", copyToClipboard); + +let currentUrl = window.location; +let copyTextContainer = document.getElementById("copyText"); +let toolTip = document.getElementById("toolTip"); + +function copyToClipboard(){ + copyTextContainer.value = currentUrl + copyTextContainer.focus(); + copyTextContainer.select(); + document.execCommand("copy"); + + toolTip.style.animationName = "pan-toolbar"; + + setTimeout(function(){ + toolTip.style.removeProperty('animation-name'); + }, 2000); +} \ No newline at end of file diff --git a/public/themes/novela/assets/js/initColors.js b/public/themes/novela/assets/js/initColors.js new file mode 100644 index 0000000..66e23bd --- /dev/null +++ b/public/themes/novela/assets/js/initColors.js @@ -0,0 +1,58 @@ + +let be = document.getElementsByTagName("BODY")[0]; + +initColors(); + +function initColors(){ + if (localStorage.getItem("isLight") === null) { + localStorage.setItem("isLight", 'true'); + } + + if (localStorage.getItem("isLight") === 'false'){ + makeDark(); + } + else{ + makeLight(); + } +} + + +function makeDark(){ + be.style.setProperty('--primary', "#fff"); + be.style.setProperty('--secondary', "#fff"); + be.style.setProperty('--grey', "#73737D"); + be.style.setProperty('--background-color', "#111216"); + be.style.setProperty('--accent', "#E9DAAC"); + be.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + be.style.setProperty('--articleText', "#fff"); + be.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + be.style.setProperty('--progress', "#fff"); + be.style.setProperty('--card', "#1D2128"); + be.style.setProperty('--error', "#EE565B"); + be.style.setProperty('--success', "#46B17B"); + be.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + be.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + be.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + be.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + be.style.setProperty('--primary', ""); + be.style.setProperty('--secondary', ""); + be.style.setProperty('--grey', ""); + be.style.setProperty('--background-color', ""); + be.style.setProperty('--accent', ""); + be.style.setProperty('--hover', ""); + be.style.setProperty('--gradient', ""); + be.style.setProperty('--articleText', ""); + be.style.setProperty('--track', ""); + be.style.setProperty('--progress', ""); + be.style.setProperty('--card', ""); + be.style.setProperty('--error', ""); + be.style.setProperty('--success', ""); + be.style.setProperty('--errorBackground', ""); + be.style.setProperty('--horizontalRule', ""); + be.style.setProperty('--inputBackground', ""); + be.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/themes/novela/assets/js/prism.js b/public/themes/novela/assets/js/prism.js new file mode 100644 index 0000000..5355951 --- /dev/null +++ b/public/themes/novela/assets/js/prism.js @@ -0,0 +1,19 @@ +/* PrismJS 1.21.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+git+go+json+json5+jsx+tsx+toml+typescript+yaml&plugins=line-numbers+toolbar+copy-to-clipboard */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(Sl.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1"+a.content+""},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(e){var s=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+s.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+s.source+")*?(?=\\s*\\{)"),string:{pattern:s,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +Prism.languages.git={comment:/^#.*/m,deleted:/^[-–].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/m,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/m}},coord:/^@@.*@@$/m,commit_sha1:/^commit \w{40}$/m}; +Prism.languages.go=Prism.languages.extend("clike",{keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,builtin:/\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/,boolean:/\b(?:_|iota|nil|true|false)\b/,operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,number:/(?:\b0x[a-f\d]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[-+]?\d+)?)i?/i,string:{pattern:/(["'`])(?:\\[\s\S]|(?!\1)[^\\])*\1/,greedy:!0}}),delete Prism.languages.go["class-name"]; +Prism.languages.json={property:{pattern:/"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,greedy:!0},string:{pattern:/"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:true|false)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json; +!function(n){var e=/("|')(?:\\(?:\r\n?|\n|.)|(?!\1)[^\\\r\n])*\1/;n.languages.json5=n.languages.extend("json",{property:[{pattern:RegExp(e.source+"(?=\\s*:)"),greedy:!0},{pattern:/[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*:)/,alias:"unquoted"}],string:{pattern:e,greedy:!0},number:/[+-]?\b(?:NaN|Infinity|0x[a-fA-F\d]+)\b|[+-]?(?:\b\d+\.?\d*|\B\.\d+)(?:[eE][+-]?\d+\b)?/})}(Prism); +!function(i){var t=i.util.clone(i.languages.javascript);i.languages.jsx=i.languages.extend("markup",t),i.languages.jsx.tag.pattern=/<\/?(?:[\w.:-]+\s*(?:\s+(?:[\w.:$-]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s{'">=]+|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}))*\s*\/?)?>/i,i.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/i,i.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">]+)/i,i.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,i.languages.insertBefore("inside","attr-name",{spread:{pattern:/\{\s*\.{3}\s*[a-z_$][\w$]*(?:\.[a-z_$][\w$]*)*\s*\}/,inside:{punctuation:/\.{3}|[{}.]/,"attr-value":/\w+/}}},i.languages.jsx.tag),i.languages.insertBefore("inside","attr-value",{script:{pattern:/=(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/i,inside:{"script-punctuation":{pattern:/^=(?={)/,alias:"punctuation"},rest:i.languages.jsx},alias:"language-javascript"}},i.languages.jsx.tag);var o=function(t){return t?"string"==typeof t?t:"string"==typeof t.content?t.content:t.content.map(o).join(""):""},p=function(t){for(var n=[],e=0;e"===a.content[a.content.length-1].content||n.push({tagName:o(a.content[0].content[1]),openedBraces:0}):0]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},keyword:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/,builtin:/\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/}),delete e.languages.typescript.parameter;var n=e.languages.extend("typescript",{});delete n["class-name"],e.languages.typescript["class-name"].inside=n,e.languages.insertBefore("typescript","function",{"generic-function":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:n}}}}),e.languages.ts=e.languages.typescript}(Prism); +var typescript=Prism.util.clone(Prism.languages.typescript);Prism.languages.tsx=Prism.languages.extend("jsx",typescript); +!function(e){function n(e){return e.replace(/__/g,function(){return"(?:[\\w-]+|'[^'\n\r]*'|\"(?:\\\\.|[^\\\\\"\r\n])*\")"})}e.languages.toml={comment:{pattern:/#.*/,greedy:!0},table:{pattern:RegExp(n("(^\\s*\\[\\s*(?:\\[\\s*)?)__(?:\\s*\\.\\s*__)*(?=\\s*\\])"),"m"),lookbehind:!0,greedy:!0,alias:"class-name"},key:{pattern:RegExp(n("(^\\s*|[{,]\\s*)__(?:\\s*\\.\\s*__)*(?=\\s*=)"),"m"),lookbehind:!0,greedy:!0,alias:"property"},string:{pattern:/"""(?:\\[\s\S]|[^\\])*?"""|'''[\s\S]*?'''|'[^'\n\r]*'|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},date:[{pattern:/\b\d{4}-\d{2}-\d{2}(?:[T\s]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})?)?\b/i,alias:"number"},{pattern:/\b\d{2}:\d{2}:\d{2}(?:\.\d+)?\b/,alias:"number"}],number:/(?:\b0(?:x[\da-zA-Z]+(?:_[\da-zA-Z]+)*|o[0-7]+(?:_[0-7]+)*|b[10]+(?:_[10]+)*))\b|[-+]?\b\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?\b|[-+]?\b(?:inf|nan)\b/,boolean:/\b(?:true|false)\b/,punctuation:/[.,=[\]{}]/}}(Prism); +!function(n){var t=/[*&][^\s[\]{},]+/,e=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+e.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+e.source+")?)";function a(n,t){t=(t||"").replace(/m/g,"")+"m";var e="([:\\-,[{]\\s*(?:\\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|]|}|\\s*#))".replace(/<>/g,function(){return r}).replace(/<>/g,function(){return n});return RegExp(e,t)}n.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\\2[^\r\n]+)*)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)[^\r\n{[\\]},#\\s]+?(?=\\s*:\\s)".replace(/<>/g,function(){return r})),lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?)?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:a("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:a("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:a("(\"|')(?:(?!\\2)[^\\\\\r\n]|\\\\.)*\\2"),lookbehind:!0,greedy:!0},number:{pattern:a("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+\\.?\\d*|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:e,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows"),i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 100){ + progressBar.style.animationName = "progress-fade-out"; + setTimeout(function(){ + progressBar.style.opacity = "0"; + }, 500); + } + else{ + progressBar.style.animationName = "progress-fade-in"; + setTimeout(function(){ + progressBar.style.opacity = "1"; + }, 500); + } +} diff --git a/public/themes/novela/assets/js/toggleBorder.js b/public/themes/novela/assets/js/toggleBorder.js new file mode 100644 index 0000000..a03e3fc --- /dev/null +++ b/public/themes/novela/assets/js/toggleBorder.js @@ -0,0 +1,13 @@ +window.addEventListener("resize", adjustListBorder); + +let listRemoveWidth = window.matchMedia("(max-width: 1070px)"); +let listAddWidth = window.matchMedia("(min-width: 1070px)"); + +function adjustListBorder(){ + if (listRemoveWidth.matches) { + document.getElementById("articlesList").classList.remove("author-alc"); + } + else if (listAddWidth.matches) { + document.getElementById("articlesList").classList.add("author-alc"); + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/js/toggleColors.js b/public/themes/novela/assets/js/toggleColors.js new file mode 100644 index 0000000..42c1de8 --- /dev/null +++ b/public/themes/novela/assets/js/toggleColors.js @@ -0,0 +1,104 @@ +document.getElementById("themeColorButton").addEventListener("click", toggleColors); + +let bodyElement = document.getElementsByTagName("BODY")[0]; +let moonOrSun = document.getElementById("moonOrSun"); +let sunRays = document.getElementById("sunRays"); +let moonMask = document.getElementById("moonMask"); + +initAnimation(); + +function initAnimation(){ + if (localStorage.getItem("isLight") === 'true'){ + moonMask.style.top = "-8px"; + moonMask.style.right = "-5px"; + moonOrSun.style.transform = "scale(1)" + sunRays.style.transform = "scale(0.1)" + } + else{ + moonMask.style.top = "-25px"; + moonMask.style.right = "-15px"; + moonOrSun.style.transform = "scale(0.5)" + sunRays.style.transform = "scale(0.6)" + } +} + +function toggleColors(){ + if (localStorage.getItem("isLight") === 'true'){ + makeDark(); + + moonMask.classList.add("mask-to-sun-animation"); + moonOrSun.classList.add("to-sun-animation"); + sunRays.classList.add("expand-rays"); + + setTimeout(function(){ + sunRays.classList.remove("expand-rays"); + }, 500); + setTimeout(function(){ + moonMask.classList.remove("mask-to-sun-animation"); + moonOrSun.classList.remove("to-sun-animation"); + initAnimation(); + }, 400); + + localStorage.setItem("isLight", 'false'); + } + else{ + makeLight(); + + moonMask.classList.add("mask-to-moon-animation"); + moonOrSun.classList.add("to-moon-animation"); + sunRays.classList.add("contract-rays"); + + + setTimeout(function(){ + sunRays.classList.remove("contract-rays"); + }, 500); + setTimeout(function(){ + moonMask.classList.remove("mask-to-moon-animation"); + moonOrSun.classList.remove("to-moon-animation"); + sunRays.classList.remove("contract-rays"); + initAnimation(); + }, 400); + + localStorage.setItem("isLight", 'true'); + } +} + +function makeDark(){ + bodyElement.style.setProperty('--primary', "#fff"); + bodyElement.style.setProperty('--secondary', "#fff"); + bodyElement.style.setProperty('--grey', "#73737D"); + bodyElement.style.setProperty('--background-color', "#111216"); + bodyElement.style.setProperty('--accent', "#E9DAAC"); + bodyElement.style.setProperty('--hover', "rgba(255, 255, 255, 0.07)"); + bodyElement.style.setProperty('--gradient', "linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%)"); + bodyElement.style.setProperty('--articleText', "#fff"); + bodyElement.style.setProperty('--track', "rgba(255, 255, 255, 0.3)"); + bodyElement.style.setProperty('--progress', "#fff"); + bodyElement.style.setProperty('--card', "#1D2128"); + bodyElement.style.setProperty('--error', "#EE565B"); + bodyElement.style.setProperty('--success', "#46B17B"); + bodyElement.style.setProperty('--errorBackground', "rgba(238, 86, 91, 0.1)"); + bodyElement.style.setProperty('--horizontalRule', "rgba(255, 255, 255, 0.15)"); + bodyElement.style.setProperty('--inputBackground', "rgba(255, 255, 255, 0.07)"); + bodyElement.style.setProperty('--tooltip', "#000"); +} + +function makeLight(){ + bodyElement.style.setProperty('--primary', ""); + bodyElement.style.setProperty('--secondary', ""); + bodyElement.style.setProperty('--grey', ""); + bodyElement.style.setProperty('--background-color', ""); + bodyElement.style.setProperty('--accent', ""); + bodyElement.style.setProperty('--hover', ""); + bodyElement.style.setProperty('--gradient', ""); + bodyElement.style.setProperty('--articleText', ""); + bodyElement.style.setProperty('--track', ""); + bodyElement.style.setProperty('--progress', ""); + bodyElement.style.setProperty('--card', ""); + bodyElement.style.setProperty('--error', ""); + bodyElement.style.setProperty('--success', ""); + bodyElement.style.setProperty('--errorBackground', ""); + bodyElement.style.setProperty('--horizontalRule', ""); + bodyElement.style.setProperty('--inputBackground', ""); + bodyElement.style.setProperty('--tooltip', "lightgrey"); +} \ No newline at end of file diff --git a/public/themes/novela/assets/js/toggleLayout.js b/public/themes/novela/assets/js/toggleLayout.js new file mode 100644 index 0000000..b89b0b5 --- /dev/null +++ b/public/themes/novela/assets/js/toggleLayout.js @@ -0,0 +1,32 @@ +document.getElementById("btnGrid").addEventListener("click", makeGrid); +document.getElementById("btnRows").addEventListener("click", makeRows); +window.addEventListener("resize", adjustListAtMobile); + +document.getElementById("rows").style.fill = "var(--grey)"; + +let listRemoveWidth = window.matchMedia("(max-width: 735px)"); +let listAddWidth = window.matchMedia("(min-width: 735px)"); +let isList = false; + +function adjustListAtMobile(){ + if (listRemoveWidth.matches) { + document.getElementById("articlesList").classList.remove("articles-list-container-alt"); + } + else if (listAddWidth.matches && isList === true) { + document.getElementById("articlesList").classList.add("articles-list-container-alt"); + } +} + +function makeGrid(){ + document.getElementById("articlesList").classList.remove("articles-list-container-alt"); + document.getElementById("tiles").style.fill = "var(--primary)"; + document.getElementById("rows").style.fill = "var(--grey)"; + isList = false; +} + +function makeRows(){ + document.getElementById("articlesList").classList.add("articles-list-container-alt"); + document.getElementById("rows").style.fill = "var(--primary)"; + document.getElementById("tiles").style.fill = "var(--grey)"; + isList = true; +} \ No newline at end of file diff --git a/public/themes/novela/assets/js/toggleLogos.js b/public/themes/novela/assets/js/toggleLogos.js new file mode 100644 index 0000000..cc9b135 --- /dev/null +++ b/public/themes/novela/assets/js/toggleLogos.js @@ -0,0 +1,15 @@ +window.addEventListener("resize", toggleLogo); + +let lrw = window.matchMedia("(max-width: 735px)"); +let law = window.matchMedia("(min-width: 735px)"); + +function toggleLogo(){ + if (lrw.matches) { + document.getElementById("logo-mobile").classList.remove("hidden"); + document.getElementById("logo-desktop").classList.add("hidden"); + } + else if (law.matches) { + document.getElementById("logo-mobile").classList.add("hidden"); + document.getElementById("logo-desktop").classList.remove("hidden"); + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/anchor.scss b/public/themes/novela/assets/scss/anchor.scss new file mode 100644 index 0000000..43b57c2 --- /dev/null +++ b/public/themes/novela/assets/scss/anchor.scss @@ -0,0 +1,16 @@ +a{ + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + color: var(--accent); +} + +a:visited { + color: var(--accent); + opacity: 0.85; +} + +a:hover, +a:focus { + text-decoration: underline; +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/article.scss b/public/themes/novela/assets/scss/article.scss new file mode 100644 index 0000000..918553f --- /dev/null +++ b/public/themes/novela/assets/scss/article.scss @@ -0,0 +1,503 @@ +/**************************************ARTICLE HEAD**************************************/ + +.article-hero{ + @media screen and (max-width: $phablet){ + &::before { + content: ""; + width: 100%; + height: 20px; + background: var(--primary); + position: absolute; + left: 0; + top: 0; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + + &::after { + content: ""; + width: 100%; + height: 10px; + background: var(--background-color); + position: absolute; + left: 0; + top: 10px; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + } +} + +.article-meta{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + margin-left: 0; + flex-direction: column; + } +} + +.article-header{ + position: relative; + z-index: 10; + margin:100px auto 120px; + padding-left: 68px; + max-width: 749px; + + @media screen and (max-width: $desktop){ + padding-left: 53px; + max-width: calc(507px + 53px); + margin: 100px auto 70px; + } + + @media screen and (max-width: $tablet){ + padding-left: 0; + margin: 100px auto 70px; + max-width: 480px; + } + + @media screen and (max-width: $phablet){ + margin: 170px auto 180px; + padding: 0 40px; + } + + @media screen and (max-height: 700px) { + margin: 100px auto; + } +} + +.article-hero-heading{ + font-size: 48px; + font-family: var(--serif); + margin-bottom: 25px; + font-weight: bold; + line-height: 1.32; + + @media screen and (max-width: $tablet){ + margin-bottom: 20px; + font-size: 36px; + } + + @media screen and (max-width: $phablet){ + font-size: 32px; + } +} + +.article-hero-subtitle{ + padding: 10px; + max-width: 700px; + margin-left: auto; + margin-right: auto; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 18px; + color: var(--grey); + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + border: 1px solid var(--horizontalRule); + border-radius: 5px; + } + + @media screen and(max-width: $phablet){ + font-size: 14px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + + &.has-coauthors::before{ + content: ''; + position: absolute; + left: -20px; + right: -20px; + top: -10px; + bottom: -10px; + border: 1px solid var(--horizontalRule); + opacity: 0.5; + border-radius: 5px; + } + + strong { + display: block; + font-weight: 500; + margin-bottom: 5px; + } + } +} + +.article-hero-image{ + position: absolute; + z-index: 1; + width: 100%; + max-width: 944px; + overflow: hidden; + margin: 0 auto; + -webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), + 0 18px 36px -18px rgba(0, 0, 0, 0.22); + box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.2), + 0 18px 36px -18px rgba(0, 0, 0, 0.22); + + img{ + width: 100%; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + position: relative; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + max-width: 100%; + } + + /*PHABLET*/ + @media screen and (max-width: phablet){ + margin: 0 auto; + width: calc(100vw - 40px); + height: 220px; + + & > div { + height: 220px; + } + } +} + +.article-author-link{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: inherit; + + &:hover{ + text-decoration: none; + } + + &:visited{ + color: inherit; + } + + strong { + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + } + + &:hover strong { + color: var(--primary); + } +} + +.article-author-avatar{ + height: 25px; + width: 25px; + border-radius: 50%; + margin-right: 14px; + background: var(--grey); + overflow: hidden; + + img{ + width: 100%; + } + + .gatsby-image-wrapper > div { + padding-bottom: 100% !important; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.hide-on-mobile{ + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-container{ + margin-right: 10px; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-size: 18px; + color: var(--grey); + cursor: pointer; + + &::before { + content: ""; + position: absolute; + left: 0; + right: 0; + top: -16px; + bottom: -16px; + background: var(--card); + -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + border-radius: 5px; + z-index: 0; + -webkit-transition: opacity 0.3s; + -o-transition: opacity 0.3s; + transition: opacity 0.3s; + cursor: pointer; + opacity: 0; + } + + &:hover::before { + opacity: 1; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + &::before { + -webkit-box-shadow: none; + box-shadow: none; + bottom: -30px; + background: transparent; + } + + + strong { + display: block; + font-weight: semi-bold; + margin-bottom: 5px; + } + } +} + +.article-coauthors-collapsed{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.article-coauthors-list{ + position: relative; + height: 25px; + margin-right: 15px; + margin-left: 15px; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-avatar{ + position: absolute; + height: 25px; + width: 25px; + border-radius: 50%; + z-index: 1; + background: var(--grey); + -webkit-box-shadow: 0 0 0 2px var(--background-color); + box-shadow: 0 0 0 2px var(--background-color); + -webkit-transition: -webkit-box-shadow 0.25s ease; + transition: -webkit-box-shadow 0.25s ease; + -o-transition: box-shadow 0.25s ease; + transition: box-shadow 0.25s ease; + transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease; + overflow: hidden; + pointer-events: none; + + img{ + width: 100%; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.article-coauthors-name-container{ + position: relative; + max-width: 260px; + white-space: nowrap; + overflow: hidden; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + font-weight: 600; + cursor: pointer; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + max-width: 120px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + max-width: 200px; + } +} + +.article-coauthors-icon-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + cursor: pointer; + margin-left: 10px; + margin-right: 10px; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + position: absolute; + right: 0; + bottom: 0; + top: 10px; + height: 100%; + } + +} + +.article-coauthors-list-open{ + position: absolute; + z-index: 2; + left: -21px; + right: -21px; + top: -19px; + padding: 21px; + background: var(--card); + -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); + border-radius: 5px; + cursor: pointer; + list-style-type: none; + -webkit-transform: translateY(-2px); + -ms-transform: translateY(-2px); + transform: translateY(-2px); + + + li::before{ + display: none; + } +} + +.article-icon-open-container{ + position: absolute; + cursor: pointer; + top: 25px; + right: 10px; + +} + +.article-coauthors-list-item-open{ + padding: 0; + a { + width: 100%; + } + + &:not(:last-child) { + margin-bottom: 10px; + } +} + +.article-coauthor-avatar-open{ + height: 25px; + width: 25px; + border-radius: 50%; + margin-right: 15px; + background: var(--grey); + overflow: hidden; + pointer-events: none; + + img{ + width: 100%; + } + + .gatsby-image-wrapper > div { + padding-bottom: 100% !important; + overflow: hidden; + } +} + +.article-author-name-open{ + position: relative; + cursor: pointer; + color: var(--secondary); + font-weight: 600; +} + +/**************************************ARTICLE BODY**************************************/ + +.post-content{ + padding: 160px 0 35px; +} + +/**************************************ARTICLE NEXT**************************************/ + +.footer-next-heading{ + display: block; + font-size: 1.6rem; + position: relative; + opacity: 0.25; + margin-left: 0; + margin-right: 0; + margin-bottom: 100px; + min-width: 100%; + font-weight: 400; + color: var(--primary); + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + &::after { + content: ''; + position: absolute; + background: var(--grey); + width: 62%; + max-width: 100%; + height: 1px; + right: 0; + top: 50%; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 41.7%; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + width: 27.8%; + } + + /*PHONE*/ + @media screen and (max-width: $phone){ + width: 90px; + } + } +} + +.footer-spacer{ + margin-bottom: 65px; +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/articles.scss b/public/themes/novela/assets/scss/articles.scss new file mode 100644 index 0000000..ca2f01a --- /dev/null +++ b/public/themes/novela/assets/scss/articles.scss @@ -0,0 +1,624 @@ +/****************************************HEADER****************************************/ + +.subheading-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 100px; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + margin-bottom: 80px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + display: none; + } +} + +.grid-controls-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + display: none !important; + } +} + +.heading-container{ + margin: 100px 0; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + width: 80%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 100%; + } +} + +.hero-heading{ + font-style: normal; + font-weight: 600; + font-size: 52px; + font-family: var(--sanserif); + line-height: 1.15; + color: var(--primary); + margin: 0; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + font-size: 38px + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 32px; + } +} + +.grid-button{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 36px; + width: 36px; + border-radius: 50%; + background: transparent; + -webkit-transition: background 0.25s; + -o-transition: background 0.25s; + transition: background 0.25s; + + &:not(:last-child) { + margin-right: 30px; + } + + &:hover { + background: var(--hover); + } + + &[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -10%; + top: -10%; + width: 120%; + height: 120%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 50%; + } + + svg { + -webkit-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + transition: opacity 0.2s; + + path { + fill: var(--primary); + } + } +} + +/****************************************LIST****************************************/ + +/*LIMIT TO TWO LINES*/ +.limit-to-two-lines, .articles-title, .article-excerpt{ + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow-wrap: normal; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + display: -webkit-box; + white-space: normal; + overflow: hidden; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + -webkit-line-clamp: 3; + } +} + +/*SHOW DETAILS*/ +.show-details{ + p { + display: -webkit-box; + } + + h2 { + margin-bottom: 10px; + } +} + +.articles-list-container{ + -webkit-transition: opacity 0.25s; + -o-transition: opacity 0.25s; + transition: opacity 0.25s; +} + +.author-alc{ + background-image: -webkit-gradient(linear, left top, left bottom, from(var(--card)), to(var(--background-color))); + background-image: -o-linear-gradient(var(--card), var(--background-color)); + background-image: linear-gradient(var(--card), var(--background-color)); + padding-top: 90px; + + .post-row-alt{ + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + .article-link{ + max-width: 40%!important; + margin: 15px; + } + } +} + +/*LIST TITLE*/ +.list-title{ + position: relative; + display: -ms-grid; + display: grid; + -ms-grid-columns: + '457px 1fr'; + grid-template-columns: + '457px 1fr'; + -ms-grid-rows: 2; + grid-template-rows: 2; + -webkit-column-gap: 30px; + -moz-column-gap: 30px; + column-gap: 30px; + + &:not(:last-child) { + margin-bottom: 75px; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + grid-template-columns: 1fr 1fr; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + grid-template-columns: 1fr; + + &:not(:last-child) { + margin-bottom: 0; + } + } + +} +.list-title > *:nth-child(1){ + -ms-grid-row: 1; + -ms-grid-column: 1 + +} + +.list-title-alt{ + -ms-grid-columns: + '457px 1fr'; + grid-template-columns: + '457px 1fr'; +} + +.list-item-row{ + display: -ms-grid; + display: grid; + -ms-grid-rows: 1fr; + grid-template-rows: 1fr; + -ms-grid-columns: 1fr 96px 488px; + grid-template-columns: 1fr 488px; + grid-column-gap: 96px; + -ms-grid-rows: 1; + grid-template-rows: 1; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + margin-bottom: 50px; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + grid-column-gap: 24px; + grid-template-columns: 1fr 380px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + grid-template-columns: 1fr; + } + + @media (max-width: 540px) { + background: var(--card); + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } + + +}.list-item-row > *:nth-child(1){ + -ms-grid-row: 1; + -ms-grid-column: 1; + + +}.list-item-row > *:nth-child(2){ + -ms-grid-row: 1; +} + +.list-item-tile{ + position: relative; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin-bottom: 60px; + } + + @media (max-width: 540px) { + background: var(--card); + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + margin-bottom: 40px; + -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } +} + +.list-row{ + display: -ms-grid; + display: grid; + -ms-grid-rows: "1fr 1fr"; + grid-template-rows: "1fr 1fr"; +} + +.list-row-alt{ + -ms-grid-rows: "1fr"; + grid-template-rows: "1fr"; +} + +.image-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + overflow: hidden; + position: relative; + height: 280px; + -webkit-box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.22), + 0 18px 36px -18px rgba(0, 0, 0, 0.25); + box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.22), + 0 18px 36px -18px rgba(0, 0, 0, 0.25); + margin-bottom: 30px; + -webkit-transition: -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + transition: -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + -o-transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad); + transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad); + transition: transform 0.3s var(--ease-out-quad), + box-shadow 0.3s var(--ease-out-quad), + -webkit-transform 0.3s var(--ease-out-quad), + -webkit-box-shadow 0.3s var(--ease-out-quad); + + & > div { + height: 100%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + height: 200px; + margin-bottom: 35px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + overflow: hidden; + margin-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + } +} + +.article-image{ + -ms-flex-negative: 0; + flex-shrink: 0; + max-width: 100%; + min-height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.article-title{ + font-size: 21px; + font-family: var(--serif); + margin-bottom: 35px; + -webkit-transition: color 0.3s ease-in-out; + -o-transition: color 0.3s ease-in-out; + transition: color 0.3s ease-in-out; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + margin-bottom: 15px; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + font-size: 24px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 22px; + padding: 0 20px 0; + margin-bottom: 10px; + -webkit-line-clamp: 3; + } +} + +.article-excerpt{ + font-size: 16px; + margin-left: 0; + margin-right: 0; + margin-bottom: 10px; + color: var(--grey); + display: none; + + /*DESKTOP*/ + @media screen and (max-width: $desktop){ + display: -webkit-box; + } + + /*PHABLET*/ + @media screem and (max-width: $phablet){ + margin-bottom: 15px; + max-width: 100%; + padding: 0 20px; + margin-bottom: 20px; + -webkit-line-clamp: 3; + } +} + +.article-metadata{ + font-weight: 600; + font-size: 16px; + color: var(--grey); + opacity: 0.33; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + max-width: 100%; + padding: 0 20px 30px; + } +} + +.post-row{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + margin-bottom: 100px; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + margin: 0; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + } +} + +.post-row-alt{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + width: 100%; + margin-bottom: 100px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + + .article-link{ + margin-top: 75px; + max-width: 48.3%; + + /*TABLET*/ + @media screen and (max-width: $tablet){ + max-width: 100%; + } + } +} + +.article-link{ + max-width: 39.5%; + position: relative; + display: block; + width: 100%; + top: 0; + left: 0; + border-radius: 5px; + z-index: 1; + -webkit-transition: -webkit-transform 0.33s var(--ease-out-quart); + transition: -webkit-transform 0.33s var(--ease-out-quart); + -o-transition: transform 0.33s var(--ease-out-quart); + transition: transform 0.33s var(--ease-out-quart); + transition: transform 0.33s var(--ease-out-quart), -webkit-transform 0.33s var(--ease-out-quart); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + + &:hover{ + text-decoration: none; + } + + &:hover .image-container, &:focus .image-container { + -webkit-transform: translateY(-1px); + -ms-transform: translateY(-1px); + transform: translateY(-1px); + -webkit-box-shadow: 0 50px 80px -20px rgba(0, 0, 0, 0.27), + 0 30px 50px -30px rgba(0, 0, 0, 0.3); + box-shadow: 0 50px 80px -20px rgba(0, 0, 0, 0.27), + 0 30px 50px -30px rgba(0, 0, 0, 0.3); + } + + &:hover h2, + &:focus h2 { + color: var(--accent); + } + + &[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -1.5%; + top: -2%; + width: 103%; + height: 104%; + border: 3px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; + } + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + max-width: 48.5%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + min-width: 80% !important; + display: block; + margin-bottom: 60px; + + p{ + padding: 0; + } + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + min-width: 100% !important; + margin-bottom: 40px; + -webkit-box-shadow: 0px 20px 40px rgba(0,0,0,0.2); + box-shadow: 0px 20px 40px rgba(0,0,0,0.2); + + &:hover .image-container { + -webkit-transform: none; + -ms-transform: none; + transform: none; + -webkit-box-shadow: initial; + box-shadow: initial; + } + + &:active { + -webkit-transform: scale(0.97) translateY(3px); + -ms-transform: scale(0.97) translateY(3px); + transform: scale(0.97) translateY(3px); + } + + p{ + padding: 0 20px 0; + } + } +} + +#article-link-bigger{ + max-width: 58.5% !important; + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + max-width: 48.5% !important; + } +} + +.articles-list-container-alt{ + + .post-row{ + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; + margin-bottom: 0; + + .article-link{ + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + min-width: 100% !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: none; + flex-wrap: none; + + .article-data-outer{ + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; + min-width: 100% !important; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: none; + flex-wrap: none; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + + .image-container{ + max-width: 46%; + } + + .article-data{ + width: 46%; + } + } + } + + } + } \ No newline at end of file diff --git a/public/themes/novela/assets/scss/authors.scss b/public/themes/novela/assets/scss/authors.scss new file mode 100644 index 0000000..58b4795 --- /dev/null +++ b/public/themes/novela/assets/scss/authors.scss @@ -0,0 +1,108 @@ +/****************************HERO****************************/ +.author-hero{ + position: relative; + z-index: 1; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin: 35px auto 110px; +} + +.author-hero-image{ + position: relative; + z-index: 1; + height: 164px; + width: 164px; + margin-bottom: 35px; + border-radius: 50%; + overflow: hidden; + border: 2px solid var(background-color); + -webkit-box-shadow: 0px 15.619px 31.2381px rgba(0, 0, 0, 0.15); + box-shadow: 0px 15.619px 31.2381px rgba(0, 0, 0, 0.15); + border: 2px solid var(--card); + + img{ + width: 100%; + } + + /*TABLET*/ + @media screen and (max-width: $tablet){ + width: 146px; + height: 146px; + } + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + width: 136px; + height: 136px; + margin-bottom: 25px; + } +} + +.author-heading{ + font-size: 38px; + font-family: var(--sanserif); + color: var(--primary); + margin-bottom: 15px; + font-weight: 600; + text-align: center; +} + +.author-subheading{ + margin: 0 auto; + max-width: 450px; + color: var(--grey); + font-size: 18px; + font-family: var(--sanserif); + line-height: 1.4; + text-align: center; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + } +} + +.author-social{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 35px; + width: 100%; + + /*PHABLET*/ + @media screen and (max-width: $phablet){ + font-size: 14px; + } +} + +/****************************CONTENT****************************/ +.authors-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/bio.scss b/public/themes/novela/assets/scss/bio.scss new file mode 100644 index 0000000..1382b77 --- /dev/null +++ b/public/themes/novela/assets/scss/bio.scss @@ -0,0 +1,76 @@ +.bio-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + left: -10px; +} + +.bio-link{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + + &:hover{ + text-decoration: none; + } +} + +.bio-avatar{ + display: block; + position: relative; + height: 40px; + width: 40px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.25); + margin-right: 16px; + margin: 10px 26px 10px 10px; +} + +.bio-avatar::after { + content: ""; + position: absolute; + left: -5px; + top: -5px; + width: 50px; + height: 50px; + border-radius: 50%; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.bio-avatar[data-a11y="true"]:focus::after { + content: ""; + position: absolute; + left: -5px; + top: -5px; + width: 50px; + height: 50px; + border: 2px solid var(--accent); +} + +.bio-avatar-inner{ + height: 40px; + width: 40px; + border-radius: 50%; + background: rgba(0, 0, 0, 0.25); + margin-right: 16px; + overflow: hidden; +} + +.bio-text{ + margin-bottom: 0; + max-width: 430px; + font-size: 14px; + line-height: 1.45; + color: var(--grey); +} + +.author-avatar{ + width: 100%; +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/blockquote.scss b/public/themes/novela/assets/scss/blockquote.scss new file mode 100644 index 0000000..87dfb8c --- /dev/null +++ b/public/themes/novela/assets/scss/blockquote.scss @@ -0,0 +1,36 @@ +blockquote{ + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 15px auto 50px; + color: var(--articleText); + font-family: var(--serif); + font-style: italic; +} + +blockquote > p { + font-family: var(--serif); + max-width: 880px !important; + padding-right: 100px; + padding-bottom: 0; + width: 100%; + margin: 0 auto; + font-size: 36px; + line-height: 1.32; + font-weight: bold; +} + +@media screen and (max-width: 735px) { + blockquote{ + margin: 10px auto 35px; + font-size: 26px; + padding: 0 180px; + } +} + +@media screen and (max-width: 540px) { + blockquote{ + font-size: 36px; + padding: 0 20px 0 40px; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/code.scss b/public/themes/novela/assets/scss/code.scss new file mode 100644 index 0000000..635a00a --- /dev/null +++ b/public/themes/novela/assets/scss/code.scss @@ -0,0 +1,25 @@ +.code-toolbar{ + max-width: 750px; + margin: 0 auto 35px; + overflow: auto; + font-size: 12px; + + pre{ + padding-top: 2.5em !important; + padding-bottom: 2.5em !important; + padding-left: 5em !important; + padding-right: 5em !important; + border-radius: 5px !important; + background-color: #292c34 !important; + + code{ + color: white; + } + } + + .toolbar-item{ + position: absolute; + top: 1em; + right: 1em; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/global.scss b/public/themes/novela/assets/scss/global.scss new file mode 100644 index 0000000..1310fdd --- /dev/null +++ b/public/themes/novela/assets/scss/global.scss @@ -0,0 +1,227 @@ +@import "vars.scss"; +@import "anchor.scss"; +@import "bio.scss"; +@import "blockquote.scss"; +@import "headings.scss"; +@import "horizontal-rule.scss"; +@import "image.scss"; +@import "layout.scss"; +@import "lists.scss"; +@import "logo.scss"; +@import "navigation.scss"; +@import "paragraph.scss"; +@import "progress.scss"; +@import "social-links.scss"; +@import "subscription.scss"; +@import "tables.scss"; +@import "section.scss"; +@import "articles.scss"; +@import "home-articles.scss"; +@import "code.scss"; +@import "article.scss"; +@import "authors.scss"; +@import "paginator.scss"; + + +/** + * Thanks to Benjamin De Cock + * https://gist.github.com/bendc/ac03faac0bf2aee25b49e5fd260a727d + */ + :root { + --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53); + --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22); + --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1); + --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); + --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1); +} + +@font-face { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; + font-weight: 400; + font-style: normal; +} + +*, +*:before, +*:after { + -webkit-box-sizing: inherit; + box-sizing: inherit; + margin: 0; + padding: 0; + font-size: inherit; +} + +:root { + -ms-overflow-style: -ms-autohiding-scrollbar; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; + cursor: default; + font-size: 0.625rem; + line-height: 1.4; +} + +body { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; + font-size: 1.6rem; + margin: 0; + font-weight: 400; + height: 100%; +} + +button, +a { + text-decoration: none; + cursor: pointer; +} + +a:focus { + outline: none; +} + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} + +input, +textarea, +select, +button { + font-family: "-apple-system", "BlinkMacSystemFont", "San Francisco", + "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", + "Arial", sans-serif; +} + +.underline { + text-decoration: underline; +} + +button, +input, +select, +textarea { + color: inherit; + font-family: inherit; + font-style: inherit; + font-weight: inherit; +} + +code, +kbd, +pre, +samp { + font-family: monospace; +} + +fieldset, +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: none; + background: transparent; +} + +table { + border-collapse: separate; + border-spacing: 0; +} + +audio:not([controls]) { + display: none; +} + +details { + display: block; +} + +input { + &:focus, + &:active { + outline: none; + } + + &[type="number"] { + width: auto; + } +} + +img.Image__Zoom ~ div { + background: transparent !important; +} + +.Image__Small{ + width: 100%; + max-width: 680px; + margin-left: auto; + margin-right: auto; + margin-bottom: 35px; + img{ + width: 100%; + } +} + +.Image__medium{ + width: 100%; + margin-left: auto; + margin-right: auto; + margin-bottom: 35px; + img{ + width: 100%; + } +} + +.Image__large{ + width: 100%; + margin-bottom: 35px; + img{ + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + } +} + +.author-alc-section{ + padding-left: 0; + padding-right: 0; +} + +.icon-image{ + path{ + fill: var(--primary); + } +} + +img{ + max-width: 100%; + -webkit-animation-name: image-load-in; + animation-name: image-load-in; + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; +} + +@-webkit-keyframes image-load-in { + 0% {-webkit-filter: blur(8px);filter: blur(8px); opacity: 0;} + 100% {-webkit-filter: blur(0);filter: blur(0); opacity: 1;} +} + +@keyframes image-load-in { + 0% {-webkit-filter: blur(8px);filter: blur(8px); opacity: 0;} + 100% {-webkit-filter: blur(0);filter: blur(0); opacity: 1;} +} diff --git a/public/themes/novela/assets/scss/headings.scss b/public/themes/novela/assets/scss/headings.scss new file mode 100644 index 0000000..7cd11c0 --- /dev/null +++ b/public/themes/novela/assets/scss/headings.scss @@ -0,0 +1,91 @@ +h1, h2, h3, h4, h5, h6{ + margin: 0 auto; + font-weight: bold; + color: var(--primary); + font-family: var(--serif); + width: 100%; + max-width: 680px; +} + +h1, h1 *, h2, h2 * { + margin: 25px auto 18px; +} + +h3, h3 * { + margin: 20px auto 10px; +} + +h1{ + font-size: 52px; + line-height: 1.15; +} + +h2{ + font-size: 32px; + line-height: 1.333; +} + +h3{ + font-size: 24px; + line-height: 1.45; +} + +h4{ + font-size: 18px; + line-height: 1.45; +} + +h5{ + font-size: 18px; + line-height: 1.45; +} + +h6{ + font-size: 16px; + line-height: 1.45; +} + +@media screen and (max-width: 1070px){ + h1{ + font-size: 38px; + line-height: 1.2; + } + h2{ + font-size: 21px; + } +} + +@media screen and (max-width: 737px){ + h1, h2{ + margin: 30px auto 18px; + } + h2{ + font-size: 24px; + line-height: 1.45; + } + h3{ + font-size: 22px; + } +} + +@media screen and (max-width: 540px){ + h1{ + font-size: 32px; + line-height: 1.3; + } + h2{ + font-size: 22px; + } + h3{ + font-size: 20px; + } + h4{ + font-size: 16px; + } + h5{ + font-size: 16px; + } + h6{ + font-size: 14px; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/home-articles.scss b/public/themes/novela/assets/scss/home-articles.scss new file mode 100644 index 0000000..b8d82c8 --- /dev/null +++ b/public/themes/novela/assets/scss/home-articles.scss @@ -0,0 +1,17 @@ +.articles-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} + +.articles-paginator{ + margin-top: 95px; +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/horizontal-rule.scss b/public/themes/novela/assets/scss/horizontal-rule.scss new file mode 100644 index 0000000..b053d35 --- /dev/null +++ b/public/themes/novela/assets/scss/horizontal-rule.scss @@ -0,0 +1,32 @@ +hr{ + position: relative; + width: 100%; + max-width: 680px; + margin: 50px auto; + border: 0; + height: 14.36px; + background-repeat: repeat-x; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background-position: center; +} + +@media screen and (max-width: 1070px){ + hr{ + max-width: 507px; + } +} + +@media screen and (max-width: 735px){ + hr{ + max-width: 486px; + width: calc(100vw - 40px); + margin: 0px auto 50px; + } +} + +@media screen and (max-width: 340px){ + hr{ + padding: 0 20px; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/image.scss b/public/themes/novela/assets/scss/image.scss new file mode 100644 index 0000000..6491f80 --- /dev/null +++ b/public/themes/novela/assets/scss/image.scss @@ -0,0 +1,29 @@ +.image-placeholder{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + background: #ccc; + color: #898989; + font-size: 32px; + font-weight: 600; +} + +.image-zoom{ + display: block; + margin: 0 auto; + width: 100%; +} + +@media screen and (max-width: 540px){ + .image-placeholder{ + font-size: 28px; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/layout.scss b/public/themes/novela/assets/scss/layout.scss new file mode 100644 index 0000000..970be75 --- /dev/null +++ b/public/themes/novela/assets/scss/layout.scss @@ -0,0 +1,8 @@ +.layout-styled{ + position: relative; + background: var(--background-color); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + min-height: 100vh; +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/lists.scss b/public/themes/novela/assets/scss/lists.scss new file mode 100644 index 0000000..7703098 --- /dev/null +++ b/public/themes/novela/assets/scss/lists.scss @@ -0,0 +1,169 @@ +ul{ + list-style: none; + counter-reset: list; + color: var(--articleText); + position: relative; + padding: 15px 0 30px 30px; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 0 auto; + font-size: 18px; + + width: 100%; + max-width: 680px; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + ul{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul{ + max-width: 486px; + padding-left: 0px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ul{ + padding-left: 20px; + } +} + +li{ + position: relative; + padding-bottom: 15px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul li{ + padding-left: 30px; + } + + ul li p{ + padding: 0; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ul li{ + padding-left: 30px; + } +} + +ul li > *{ + display: inline; +} + +ul li::before{ + width: 3rem; + display: inline-block; + position: absolute; + color: var(--articleText); + content: ""; + position: absolute; + left: -30px; + top: 8px; + height: 8px; + width: 8px; + background: var(--articleText); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ul li::before{ + left: 0; + } +} + +ol{ + list-style: none; + counter-reset: list; + color: var(--articleText); + position: relative; + padding: 15px 0 30px 30px; + margin: 0 auto; + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + font-size: 18px; + width: 100%; + max-width: 680px; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + ol{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ol{ + max-width: 486px; + padding-left: 0px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ol{ + padding-left: 20px; + } +} + +ol li{ + position: relative; + padding-bottom: 15px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + ol li{ + padding-left: 30px; + padding: 0; + } + ol li p{ + padding-left: 30px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + ol li{ + padding-left: 30px; + } +} + +ol li > *{ + display: inline; +} + +ol li::before { + width: 3rem; + display: inline-block; + position: absolute; + color: var(--articleText); + counter-increment: list; + content: counter(list) "."; + font-weight: 600; + position: absolute; + left: -3rem; + top: -0.3rem; + font-size: 2rem; +} + +@media screen and (max-width: 735px){ + ol li::before{ + left: 0; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/logo.scss b/public/themes/novela/assets/scss/logo.scss new file mode 100644 index 0000000..47963c6 --- /dev/null +++ b/public/themes/novela/assets/scss/logo.scss @@ -0,0 +1,20 @@ +#logo-desktop{ + .change-fill{ + fill: var(--primary); + } +} + +#logo-mobile{ + path{ + fill: var(--primary); + } +} + +@media screen and (max-width: 735px){ + .Logo__Desktop { + display: none; + } + .Logo__Mobile{ + display: block; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/navigation.scss b/public/themes/novela/assets/scss/navigation.scss new file mode 100644 index 0000000..b4fe1c2 --- /dev/null +++ b/public/themes/novela/assets/scss/navigation.scss @@ -0,0 +1,524 @@ +/************************FOOTER************************/ + +.footer-container{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding-bottom: 80px; + color: var(--grey); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .footer-container{ + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-bottom: 100px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .footer-container{ + padding-bottom: 50px; + } +} + +.footer-hr{ + position: relative; + margin: 140px auto 50px; + border-bottom: 1px solid var(--horizontalRule); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .footer-hr{ + margin: 60px auto; + } + .footer-text{ + margin-bottom: 80px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .footer-hr{ + display: none; + } + .footer-text{ + margin: 120px auto 100px; + } +} + +.footer-gradient{ + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 590px; + z-index: 0; + pointer-events: none; + background: var(--gradient); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + mix-blend-mode: lighten; +} + +/************************HEADER************************/ + +.back-arrow-ico-container{ + -webkit-transition: 0.2s -webkit-transform var(--ease-out-quad); + transition: 0.2s -webkit-transform var(--ease-out-quad); + -o-transition: 0.2s transform var(--ease-out-quad); + transition: 0.2s transform var(--ease-out-quad); + transition: 0.2s transform var(--ease-out-quad), 0.2s -webkit-transform var(--ease-out-quad); + opacity: 0; + padding-right: 30px; + -webkit-animation: fadein 0.3s linear forwards; + animation: fadein 0.3s linear forwards; +} + +@-webkit-keyframes fadein { + to { + opacity: 1; + } +} + +@keyframes fadein { + to { + opacity: 1; + } +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .back-arrow-ico-container{ + display: none; + } +} + +.nav-container{ + position: relative; + z-index: 100; + padding-top: 100px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +@media screen and (max-height: 800px) { + .nav-container{ + padding-top: 50px; + } +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .nav-container{ + padding-top: 50px; + } +} + +.logo-link{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.logo-link[class*="data-ally"]:focus::after { + content: ""; + position: absolute; + left: -10%; + top: -30%; + width: 120%; + height: 160%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; +} + +.logo-link[class*="back-arrow-ico-container"]{ + -webkit-transform: translateX(-3px); + -ms-transform: translateX(-3px); + transform: translateX(-3px); +} + +.logo-link:hover{ + text-decoration: none; +} + +/*DESKTOP MEDIUM*/ +@media screen and (max-width: 1280px){ + .logo-link{ + left: 0 + } +} + +.nav-controls{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .nav-controls{ + right: -5px; + } +} + +.tool-tip{ + opacity: 0; + -webkit-transform: translateY(6px); + -ms-transform: translateY(6px); + transform: translateY(6px); + position: absolute; + padding: 4px 13px; + border-radius: 5px; + font-size: 14px; + top: -35px; + color: var(--primary); + background-color: var(--tooltip); + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes pan-toolbar { + 0% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} + 30% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 70% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 100% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} +} + +@keyframes pan-toolbar { + 0% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} + 30% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 70% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);} + 100% {opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);} +} + +.icon-wrapper{ + opacity: 0.5; + position: relative; + border-radius: 5px; + width: 40px; + height: 25px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transition: opacity 0.3s ease; + -o-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + margin-left: 30px; +} + +.icon-wrapper:hover{ + opacity: 1; +} + +.icon-wrapper[class*="data-ally"]:focus::after { + content: ""; + position: absolute; + left: 0; + top: -30%; + width: 100%; + height: 160%; + border: 2px solid var(--accent); + background: rgba(255, 255, 255, 0.01); + border-radius: 5px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .icon-wrapper{ + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-transform: scale(0.708); + -ms-transform: scale(0.708); + transform: scale(0.708); + margin-left: 10px; + } + .icon-wrapper:hover{ + opacity: 0.5; + } +} + +.sun-rays{ + position: relative; + right: -16px; + width: 9px; + height: 9px; + border-radius: 50%; + border: 2px solid + var(--primary); + background: var(--primary); + -webkit-transform: 1; + -ms-transform: 1; + transform: 1; + -webkit-transition: all 0.45s ease; + -o-transition: all 0.45s ease; + transition: all 0.45s ease; + overflow: hidden; + -webkit-box-shadow: 0 -23px 0 var(--primary), + 0 23px 0 var(--primary), + 23px 0 0 var(--primary), + -23px 0 0 var(--primary), + 15px 15px 0 var(--primary), + -15px 15px 0 var(--primary), + 15px -15px 0 var(--primary), + -15px -15px 0 var(--primary); + box-shadow: 0 -23px 0 var(--primary), + 0 23px 0 var(--primary), + 23px 0 0 var(--primary), + -23px 0 0 var(--primary), + 15px 15px 0 var(--primary), + -15px 15px 0 var(--primary), + 15px -15px 0 var(--primary), + -15px -15px 0 var(--primary); + -webkit-transform: scale(0.6); + -ms-transform: scale(0.6); + transform: scale(0.6); +} + +.moon-or-sun{ + position: relative; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid + var(--primary); + background: var(--primary); + -webkit-transform: 1; + -ms-transform: 1; + transform: 1; + -webkit-transition: all 0.45s ease; + -o-transition: all 0.45s ease; + transition: all 0.45s ease; + overflow: hidden; +} + +.moon-mask{ + position: absolute; + right: -1px; + top: -8px; + height: 24px; + width: 24px; + border-radius: 50%; + border: 0; + background: var(--background-color); + -webkit-transform: translate("0, 0"); + -ms-transform: translate("0, 0"); + transform: translate("0, 0"); + opacity: 1; + -webkit-transition: var(--color-mode-transition), -webkit-transform 0.45s ease; + transition: var(--color-mode-transition), -webkit-transform 0.45s ease; + -o-transition: transform 0.45s ease, var(--color-mode-transition); + transition: transform 0.45s ease, var(--color-mode-transition); + transition: transform 0.45s ease, var(--color-mode-transition), -webkit-transform 0.45s ease; +} + +.mask-to-sun-animation{ + -webkit-animation-name: mask-to-sun; + animation-name: mask-to-sun; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.mask-to-moon-animation{ + -webkit-animation-name: mask-to-moon; + animation-name: mask-to-moon; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.to-sun-animation{ + -webkit-animation-name: to-sun; + animation-name: to-sun; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.to-moon-animation{ + -webkit-animation-name: to-moon; + animation-name: to-moon; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; +} + +.expand-rays{ + -webkit-animation-name: expand-rays; + animation-name: expand-rays; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +.contract-rays{ + -webkit-animation-name: contract-rays; + animation-name: contract-rays; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; +} + +@-webkit-keyframes mask-to-sun { + from {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} + to {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} +} + +@keyframes mask-to-sun { + from {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} + to {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} +} + +@-webkit-keyframes mask-to-moon { + from {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} + to {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} +} + +@keyframes mask-to-moon { + from {top: -25px; right: -15px; -webkit-transform: scale(0.5); transform: scale(0.5);} + to {top: -8px; right: -5px; -webkit-transform: scale(1); transform: scale(1);} +} + +@-webkit-keyframes to-sun { + from {-webkit-transform: scale(1);transform: scale(1);} + to {-webkit-transform: scale(0.5);transform: scale(0.5);} +} + +@keyframes to-sun { + from {-webkit-transform: scale(1);transform: scale(1);} + to {-webkit-transform: scale(0.5);transform: scale(0.5);} +} + +@-webkit-keyframes to-moon { + from {-webkit-transform: scale(0.5);transform: scale(0.5);} + to {-webkit-transform: scale(1);transform: scale(1);} +} + +@keyframes to-moon { + from {-webkit-transform: scale(0.5);transform: scale(0.5);} + to {-webkit-transform: scale(1);transform: scale(1);} +} + +@-webkit-keyframes expand-rays { + from {-webkit-transform: scale(0.1);transform: scale(0.1);} + to {-webkit-transform: scale(0.6);transform: scale(0.6);} +} + +@keyframes expand-rays { + from {-webkit-transform: scale(0.1);transform: scale(0.1);} + to {-webkit-transform: scale(0.6);transform: scale(0.6);} +} + +@-webkit-keyframes contract-rays { + from {-webkit-transform: scale(0.6);transform: scale(0.6);} + to {-webkit-transform: scale(0.1);transform: scale(0.1);} +} + +@keyframes contract-rays { + from {-webkit-transform: scale(0.6);transform: scale(0.6);} + to {-webkit-transform: scale(0.1);transform: scale(0.1);} +} + + + +.header-hidden{ + position: absolute; + display: inline-block; + opacity: 0; + width: 0px; + height: 0px; + visibility: hidden; + overflow: hidden; +} + +/************************HEADER************************/ + +.page-button{ + font-weight: 600; + font-size: 18px; + text-decoration: none; + color: var(--primary); +} + +.page-button:hover, .page-button:focus{ + opacity: 1; + text-decoration: underline; +} + +.page-number-button{ + font-weight: 400; + font-size: 18px; + text-decoration: none; + color: var(--primary); +} + +.page-number-button:hover, .page-number-button:focus{ + text-decoration: underline; +} + +.spacer{ + opacity: 0.3; +} + +.spacer::before{ + content: "..."; +} + +.mobiler-reference{ + font-weight: 400; + color: var(--primary); +} + +.mobile-reference em{ + font-style: normal; + color: var(--primary); +} + +.frame{ + position: relative; + z-index: 1; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .frame{ + left: -15px; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/paginator.scss b/public/themes/novela/assets/scss/paginator.scss new file mode 100644 index 0000000..3ef098f --- /dev/null +++ b/public/themes/novela/assets/scss/paginator.scss @@ -0,0 +1,48 @@ +.pagination{ + z-index: 100; + margin: 0; + margin-top: 95px; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + + &:hover{ + cursor: pointer; + } + + a:hover{ + color: var(--primary); + } + + .page-item{ + display: block; + width: auto; + height: auto; + padding: 0; + + .page-link{ + display: block; + color: var(--grey); + min-width: 6rem; + } + + .page-next, .page-prev{ + color: var(--primary); + } + + + &::before{ + display: none; + } + } + + .active{ + .page-link{ + color: var(--primary); + } + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/paragraph.scss b/public/themes/novela/assets/scss/paragraph.scss new file mode 100644 index 0000000..52bb4dc --- /dev/null +++ b/public/themes/novela/assets/scss/paragraph.scss @@ -0,0 +1,38 @@ +p{ + line-height: 1.756; + font-size: 18px; + color: var(--articleText); + font-family: var(--sanserif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + margin: 0 auto 35px; + width: 100%; + max-width: 680px; +} + +p b { + font-weight: 800; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + p{ + max-width: 507px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + p{ + max-width: 486px; + margin: 0 auto 25px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + p{ + padding: 0 20px; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/progress.scss b/public/themes/novela/assets/scss/progress.scss new file mode 100644 index 0000000..93dde98 --- /dev/null +++ b/public/themes/novela/assets/scss/progress.scss @@ -0,0 +1,111 @@ +/*************************ASIDE*************************/ +.aside-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0 auto; + max-width: 1140px; + z-index: 0; + position: -webkit-sticky; + position: sticky; + top: 30%; + -webkit-animation-name: progress-fade-in; + animation-name: progress-fade-in; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + + /*DESKTOP MEDIUM*/ + @media screen and (max-width: $desktop_medium){ + display: none; + } +} + +@-webkit-keyframes progress-fade-in { + from {opacity: 0;} + to {opacity: 1;} +} + +@keyframes progress-fade-in { + from {opacity: 0;} + to {opacity: 1;} +} + +@-webkit-keyframes progress-fade-out { + from {opacity: 1;} + to {opacity: 0;} +} + +@keyframes progress-fade-out { + from {opacity: 1;} + to {opacity: 0;} +} + +.aside-align{ + position: fixed; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); + top: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 100vh; + z-index: 3; + + opacity: 1; + visibility: visible; + -webkit-transition: opacity 0.4s linear, visibility 0.4s linear; + -o-transition: opacity 0.4s linear, visibility 0.4s linear; + transition: opacity 0.4s linear, visibility 0.4s linear; +} + +.overlap-container{ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + opacity: 0; + -webkit-transition: opacity 0.25s; + -o-transition: opacity 0.25s; + transition: opacity 0.25s; +} + +/*************************PROGRESS*************************/ +.progress-container{ + position: relative; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.track-line{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: calc(88vh - 40px); + max-height: 425px; + width: 1px; + background-color: var(--track); + opacity: 0.6; + overflow: hidden; +} + +.progress-line{ + position: absolute; + height: 100%; + top: -100%; + width: 1px; + background-color: var(--progress); + left: 0; +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/section.scss b/public/themes/novela/assets/scss/section.scss new file mode 100644 index 0000000..cbe2f97 --- /dev/null +++ b/public/themes/novela/assets/scss/section.scss @@ -0,0 +1,38 @@ +.section{ + width: 100%; + max-width: 1220px; + margin: 0 auto; + padding: 0 4rem; + + /*DESKTOP*/ + @media screen and (max-width: 1070px){ + max-width: 850px; + } + + /*PHABLET*/ + @media screen and (max-width: 540px){ + max-width: 100%; + padding: 2rem;; + } + + p{ + /*TABLET*/ + @media screen and (max-width: 735px){ + padding: 0 4rem; + max-width: 567px; + } + } + + +} + +.narrow{ + p{ + /*TABLET*/ + @media screen and (max-width: 735px){ + padding: 0 2rem; + max-width: 527px; + } + } + +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/social-links.scss b/public/themes/novela/assets/scss/social-links.scss new file mode 100644 index 0000000..c319bd2 --- /dev/null +++ b/public/themes/novela/assets/scss/social-links.scss @@ -0,0 +1,73 @@ +.social-icon-outer{ + width: 20%; + min-width: 220px; +} + +/*TABLET*/ +@media screen and (max-width: $tablet){ + .authors-sio{ + width: 60%; + } +} + +.social-icon-container{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + min-width: 100%; + position: relative; + margin-left: 3.2rem; + text-decoration: none; + max-width: 16px; + + a{ + margin-right: 25px; + } +} + +.social-icon-container:hover > svg { + fill: var (--primary); + } + +.social-icon-container:hover > * { + -webkit-transition: fill 0.25s var(--ease-in-out-quad); + -o-transition: fill 0.25s var(--ease-in-out-quad); + transition: fill 0.25s var(--ease-in-out-quad); +} + +.social-icon-container:first-of-type { + margin-left: 0; +} + +.social-icon-container:last-child { + margin-right: 0; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .social-icon-container{ + margin: 0 2.2rem; + } +} + +.social-icon-image{ + path{ + fill: var(--grey); + } +} + +.hidden{ + width: 0px; + height: 0px; + visibility: hidden; + opacity: 0; + overflow: hidden; + display: inline-block; +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/subscription.scss b/public/themes/novela/assets/scss/subscription.scss new file mode 100644 index 0000000..96ae1a0 --- /dev/null +++ b/public/themes/novela/assets/scss/subscription.scss @@ -0,0 +1,283 @@ +.subscription-container{ + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 64px 0 55px; + margin: 10px auto 100px; + background: var(--card); + -webkit-box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05); + box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05); + z-index: 1; + + .subscroiption-text{ + margin-left: 0; + margin-right: 0; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-container{ + padding: 50px 0 0; + text-align: center; + + .submitted-input{ + max-width: calc(100% - 36px); + } + + .submit-button{ + position: relative; + width: 100%; + left: 0; + border-radius: 0; + height: 60px; + border: none; + border-top: 1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15)); + } + + .submitted-form{ + .submit-button{ + border: none !important; + border-top: 1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15)) !important; + } + } + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + .subscription-container{ + margin: -20px auto 80px; + } +} + +.subscription-content{ + margin: 0 auto; + width: 100%; + max-width: 640px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-content{ + h3{ + padding: 0 50px; + } + } +} + +/*PHONE*/ +@media screen and (max-width: 376px){ + .subscription-content{ + h3 { + padding: 0 24px; + } + } +} + +.subscription-heading{ + font-family: var(--serif); + margin-bottom: 20px; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-heading{ + margin-bottom: 15px; + } +} + +.subscription-text{ + margin: 0 0 30px; + max-width: 680px; + color: var(--grey); + line-height: 1.75; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-text{ + padding: 0 26px; + margin: 0 auto 25px; + } +} + +.subscription-form{ + position: relative; +} + +.subscription-form::after { + color: var(--accent); + content: ">"; + position: absolute; + left: 21px; + top: 10px; + } + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-form:after{ + left: 34px; + top: 11px; + } +} + +.subscription-input{ + position: relative; + border-radius: 35px; + border: none; + padding: 13px 21px 13px 35px; + width: 471px; + color: var(--primary); + background-color: var(--inputBackground); +} + +.subscription-input.submitted-input:invalid{ + position: relative; + background: var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1)) !important; + border-radius: 35px; + border: none; + padding: 13px 21px 13px 35px; + width: 471px; + color: var(--primary,#000); + outline: none !important; +} + +input:invalid { + -webkit-box-shadow:0 0 2px 1px transparent; + box-shadow:0 0 2px 1px transparent; +} + +input:focus, +select:focus, +textarea:focus, +button:focus { + outline: none; +} + +.subscription-input.submitted-input:invalid ~ .subscription-error-message{ + opacity: 1; +} + +.subscription-input.submitted-input:invalid ~ .submit-button{ + color: var(--error); + border: 1px solid var(--error); +} + +.submitted-form:after{ + color: var(--error); +} + +.subscription-error-message{ + position: absolute; + left: 35px; + bottom: -20px; + color: var(--theme-ui-colors-error,#EE565B); + font-size: 12px; + opacity: 0; +} + +.subscription-input::-webkit-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::-moz-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input:-ms-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::-ms-input-placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input::placeholder { + color: var(--track); + opacity: 1; +} + +.subscription-input:-ms-input-placeholder { + color: var(--track); +} + +.subscription-input::-ms-input-placeholder { + color: var(--track); +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .subscription-input{ + width: calc(100% - 36px); + margin: 0 18px; + padding: 14px 14px 14px 30px; + margin-bottom: 30px; + } +} + +.submit-button{ + border: 1px solid var(--accent); + color: var(--accent); + position: absolute; + left: 306px; + top: 3px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 161px; + height: 38px; + font-weight: 600; + border-radius: 35px; + letter-spacing: 0.42px; + -webkit-transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); + -o-transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); + transition: border-color 0.2s var(--ease-in-out-quad), + background 0.2s var(--ease-in-out-quad), color 0.2s var(--ease-in-out-quad); +} + +.submit-button:disabled { + cursor: not-allowed; +} + +.submit-button svg * { + fill: var(--background-color); +} + +.submit-error{ + position: absolute; + left: 35px; + bottom: -20px; + color: var(--error); + font-size: 12px; +} + +.submit-error a { + color: var (--error); + text-decoration: underline; +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + .submit-error{ + left: 50px; + top: 50px; + } +} \ No newline at end of file diff --git a/public/themes/novela/assets/scss/tables.scss b/public/themes/novela/assets/scss/tables.scss new file mode 100644 index 0000000..4bc6397 --- /dev/null +++ b/public/themes/novela/assets/scss/tables.scss @@ -0,0 +1,107 @@ +/*************************************TABLE************************************/ + +table{ + position: relative; + line-height: 1.65; + color: var(--grey); + font-family: var(--sanserif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); + background: var(--card); + margin: 45px auto 85px; + width: 100%; + max-width: 1004px; + border: 1px solid var(--horizontalRule); + border-radius: 5px; + overflow: hidden; + border-collapse: separate; +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + table{ + margin: 25px auto 65px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + table{ + max-width: 486px; + } +} + +/*PHABLET*/ +@media screen and (max-width: 540px){ + table{ + margin: 15px auto 55px; + } +} + +/*************************************TABLE CELL************************************/ + +td{ + border-top: 1px solid var(--horizontalRule); + border-right: 1px solid var(--horizontalRule); + padding: 15px 30px; + font-size: 16px; + background: var(--card); + + &:last-child { + border-right: none; + } +} + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + td{ + padding: 14px 20px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + td{ + font-size: 14px; + } +} + +/*************************************TABLE HEAD************************************/ + +thead{ + text-align: left; + border-collapse: collapse; + position: relative; + line-height: 1.756; + font-weight: 600; + color: var(--primary); + font-family: var(--serif); + -webkit-transition: var(--color-mode-transition); + -o-transition: var(--color-mode-transition); + transition: var(--color-mode-transition); +} + +th{ + border-right: 1px solid var(--horizontalRule); + padding: 15px 30px; + + &:last-child { + border-right: none; + } +} + + +/*DESKTOP*/ +@media screen and (max-width: 1070px){ + th{ + padding: 14px 20px; + } +} + +/*TABLET*/ +@media screen and (max-width: 735px){ + th{ + font-size: 14px; + } +} diff --git a/public/themes/novela/assets/scss/vars.scss b/public/themes/novela/assets/scss/vars.scss new file mode 100644 index 0000000..612c3dc --- /dev/null +++ b/public/themes/novela/assets/scss/vars.scss @@ -0,0 +1,85 @@ +/*BREAKPOINTS*/ +$phone_small: 320px; +$phone: 376px; +$phablet: 540px; +$tablet: 735px; +$desktop: 1070px; +$desktop_medium: 1280px; +$desktop_large: 1440px; + +body{ + /*FONTS*/ + --serif: "Merriweather", Georgia, Serif; + --sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif; + --monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace; + + /*COLOR MODE TRANSITION*/ + --color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad); + + /*PRIMARY COLORS*/ + --primary: #000; + --secondary: #73737D; + --grey: #73737D; + --background-color: #fafafa; + --accent: #6166DC; + --hover: rgba(0, 0, 0, 0.07); + --gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%); + --articleText: #08080B; + --track: rgba(8, 8, 11, 0.3); + --progress: #000; + --card: #fff; + --error: #EE565B; + --success: #46B17B; + --errorBackground: rgba(238, 86, 91, 0.1); + --horizontalRule: rgba(8, 8, 11, 0.15); + --inputBackground: rgba(0, 0, 0, 0.05); + --tooltip: lightgrey; + + /*DARK COLORS*/ + --dark-grey: #73737D; + --dark-primary: #fff; + --dark-secondary: #fff; + --dark-accent: #E9DAAC; + --dark-background: #111216; + --dark-hover: rgba(255, 255, 255, 0.07); + --dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%); + --dark-articleText: #fff; + --dark-track: rgba(255, 255, 255, 0.3); + --dark-progress: #fff; + --dark-card: #1D2128; + --dark-error: #EE565B; + --dark-success: #46B17B; + --dark-errorBackground: rgba(238, 86, 91, 0.1); + --dark-horizontalRule: rgba(255, 255, 255, 0.15); + --dark-inputBackground: rgba(255, 255, 255, 0.07); + + /*PRISM*/ + --token: #fff; + --languageJavascript: #e8696b; + --javascript: #e8696b; + --background: #292c34; + --comment: #5e6a76; + --string: #a8e2a8; + --var: #b3bac5; + --number: #e4854d; + --constant: #b3bac5; + --plain: #fff; + --doctype: #e8696b; + --tag: #e8696b; + --keyword: #d49fd4; + --boolean: #ff5874; + --function: #5F8DC3; + --parameter: #F9965D; + --className: #ffcf74; + --attrName: #bf87ba; + --attrValue: #a8e2a8; + --interpolation: #fff; + --punctuation: #5FA8AA; + --property: #80cbc4; + --propertyAccess: #fff; + --namespace: #b2ccd6; + --highlight: rgba(255,255,255,0.07); + --highlightBorder: #e1bde2; + --dom: #5F8DC3; + --operator: #5FA8AA; +} \ No newline at end of file diff --git a/public/themes/novela/config.yaml b/public/themes/novela/config.yaml new file mode 100644 index 0000000..66da84e --- /dev/null +++ b/public/themes/novela/config.yaml @@ -0,0 +1,4 @@ +baseURL: "https://example.com" +languageCode: "en-us" +title: "Hugo Novela" +pygmentsstyle: 'monokai' diff --git a/public/themes/novela/config/_default/social.yaml b/public/themes/novela/config/_default/social.yaml new file mode 100644 index 0000000..a3a5a1d --- /dev/null +++ b/public/themes/novela/config/_default/social.yaml @@ -0,0 +1,11 @@ +twitter: "https://twitter.com/narative" +github: "https://github.com/narative" +instagram: "https://instagram.com/narative.co" +linkedin: "https://www.linkedin.com/company/narative/" +dribbble: "https://dribbble.com/narativestudio" +youtube: "https://youtube.com" +facebook: "" +medium: "" +patreon: "" +paypal: "" +unsplash: "" diff --git a/public/themes/novela/exampleSite/config.yaml b/public/themes/novela/exampleSite/config.yaml new file mode 100644 index 0000000..1be8d3d --- /dev/null +++ b/public/themes/novela/exampleSite/config.yaml @@ -0,0 +1,14 @@ +baseURL: "https://example.com" +languageCode: "en-us" +title: "Hugo Novela" +pygmentsstyle: 'monokai' +paginate: 6 +social: + twitter: "#" + github: "#" + instagram: "#" + linkedin: "#" + dribbble: "#" + youtube: "#" +taxonomies: + author: authors diff --git a/public/themes/novela/go.mod b/public/themes/novela/go.mod new file mode 100644 index 0000000..eda0213 --- /dev/null +++ b/public/themes/novela/go.mod @@ -0,0 +1,3 @@ +module github.com/forestryio/hugo-theme-novela + +go 1.13 diff --git a/public/themes/novela/images/screenshot.png b/public/themes/novela/images/screenshot.png new file mode 100644 index 0000000..0db8474 Binary files /dev/null and b/public/themes/novela/images/screenshot.png differ diff --git a/public/themes/novela/images/tn.png b/public/themes/novela/images/tn.png new file mode 100644 index 0000000..a4f4d78 Binary files /dev/null and b/public/themes/novela/images/tn.png differ diff --git a/public/themes/novela/netlify.toml b/public/themes/novela/netlify.toml new file mode 100644 index 0000000..8bc1d65 --- /dev/null +++ b/public/themes/novela/netlify.toml @@ -0,0 +1,10 @@ +[build] +publish = "public" +command = "hugo --gc --minify" + +[build.environment] +HUGO_VERSION = "0.69.0" + +# This is a starter template for Netlify builds. See the following links for more: +# https://www.netlify.com/docs/continuous-deployment/#deploy-contexts +# https://www.netlify.com/blog/2017/04/11/netlify-plus-hugo-0.20-and-beyond/ diff --git a/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..dd9e694 --- /dev/null +++ b/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..613bff4 --- /dev/null +++ b/public/themes/novela/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/global.min.fb4dd79813ef5075eb6e0a596ca103e09f51efc11a614d013d4d9049d60904b1.css","MediaType":"text/css","Data":{"Integrity":"sha256-+03XmBPvUHXrbgpZbKED4J9R78EaYU0BPU2QSdYJBLE="}} \ No newline at end of file diff --git a/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content b/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..6f2ddb9 --- /dev/null +++ b/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +@import "/Users/tannersmith/theNewDynamic/theme-narrative-hugo/hugo/narative/assets/css/global.css" \ No newline at end of file diff --git a/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json b/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..103bdc3 --- /dev/null +++ b/public/themes/novela/resources/_gen/assets/scss/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/main.min.0516f37d101dd5f2e4db165a5d58e9d22c2a8ed35021e5372d1ecb4bc9482039.css","MediaType":"text/css","Data":{"Integrity":"sha256-BRbzfRAd1fLk2xZaXVjp0iwqjtNQIeU3LR7LS8lIIDk="}} \ No newline at end of file diff --git a/public/themes/novela/static/images/brad-tiller.jpg b/public/themes/novela/static/images/brad-tiller.jpg new file mode 100644 index 0000000..1276576 Binary files /dev/null and b/public/themes/novela/static/images/brad-tiller.jpg differ diff --git a/public/themes/novela/static/images/dennis-brotzky.jpg b/public/themes/novela/static/images/dennis-brotzky.jpg new file mode 100644 index 0000000..8961f1f Binary files /dev/null and b/public/themes/novela/static/images/dennis-brotzky.jpg differ diff --git a/public/themes/novela/static/images/favicon.svg b/public/themes/novela/static/images/favicon.svg new file mode 100644 index 0000000..3a241e0 --- /dev/null +++ b/public/themes/novela/static/images/favicon.svg @@ -0,0 +1,22 @@ + + + + +Created by potrace 1.15, written by Peter Selinger 2001-2017 + + + + + + + + diff --git a/public/themes/novela/static/images/hero-11.jpg b/public/themes/novela/static/images/hero-11.jpg new file mode 100644 index 0000000..0445236 Binary files /dev/null and b/public/themes/novela/static/images/hero-11.jpg differ diff --git a/public/themes/novela/static/images/hero-2.jpg b/public/themes/novela/static/images/hero-2.jpg new file mode 100644 index 0000000..7073f13 Binary files /dev/null and b/public/themes/novela/static/images/hero-2.jpg differ diff --git a/public/themes/novela/static/images/hero-3.jpg b/public/themes/novela/static/images/hero-3.jpg new file mode 100644 index 0000000..9abfb6c Binary files /dev/null and b/public/themes/novela/static/images/hero-3.jpg differ diff --git a/public/themes/novela/static/images/hero-4.jpg b/public/themes/novela/static/images/hero-4.jpg new file mode 100644 index 0000000..dddc629 Binary files /dev/null and b/public/themes/novela/static/images/hero-4.jpg differ diff --git a/public/themes/novela/static/images/hero-5.jpg b/public/themes/novela/static/images/hero-5.jpg new file mode 100644 index 0000000..32afe1b Binary files /dev/null and b/public/themes/novela/static/images/hero-5.jpg differ diff --git a/public/themes/novela/static/images/hero-6.jpg b/public/themes/novela/static/images/hero-6.jpg new file mode 100644 index 0000000..67f4189 Binary files /dev/null and b/public/themes/novela/static/images/hero-6.jpg differ diff --git a/public/themes/novela/static/images/large.jpg b/public/themes/novela/static/images/large.jpg new file mode 100644 index 0000000..e7f9ff5 Binary files /dev/null and b/public/themes/novela/static/images/large.jpg differ diff --git a/public/themes/novela/static/images/mack-mansouri.jpg b/public/themes/novela/static/images/mack-mansouri.jpg new file mode 100644 index 0000000..5d0df88 Binary files /dev/null and b/public/themes/novela/static/images/mack-mansouri.jpg differ diff --git a/public/themes/novela/static/images/medium.jpg b/public/themes/novela/static/images/medium.jpg new file mode 100644 index 0000000..bcb8b6c Binary files /dev/null and b/public/themes/novela/static/images/medium.jpg differ diff --git a/public/themes/novela/static/images/profile-01.jpeg b/public/themes/novela/static/images/profile-01.jpeg new file mode 100644 index 0000000..e269480 Binary files /dev/null and b/public/themes/novela/static/images/profile-01.jpeg differ diff --git a/public/themes/novela/static/images/small.jpg b/public/themes/novela/static/images/small.jpg new file mode 100644 index 0000000..315c442 Binary files /dev/null and b/public/themes/novela/static/images/small.jpg differ diff --git a/public/themes/novela/static/images/thiago-costa.jpg b/public/themes/novela/static/images/thiago-costa.jpg new file mode 100644 index 0000000..87beb3f Binary files /dev/null and b/public/themes/novela/static/images/thiago-costa.jpg differ diff --git a/public/themes/novela/theme.toml b/public/themes/novela/theme.toml new file mode 100644 index 0000000..36fd951 --- /dev/null +++ b/public/themes/novela/theme.toml @@ -0,0 +1,18 @@ +name = "Hugo Novela" +license = "MIT" +licenselink = "https://github.com/forestryio/hugo-theme-novela/blob/master/LICENSE" +description = "A Hugo port of the Novela theme by Narative" +homepage = "https://hugo-novela-forestry.netlify.com/" +tags = ["blog"] +features = ["dark mode", "grid view"] +min_version = "0.55.0" + +[author] + name = "The New Dynamic" + homepage = "https://www.thenewdynamic.com/" + +# If porting an existing theme +[original] + author = "Narative" + homepage = "https://www.narative.co/" + repo = "https://github.com/narative/gatsby-theme-novela" diff --git a/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content new file mode 100644 index 0000000..bb5b449 --- /dev/null +++ b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.content @@ -0,0 +1 @@ +body{--serif: "Merriweather", Georgia, Serif;--sanserif: "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;--color-mode-transition: background 0.25s var(--ease-in-out-quad), color 0.25s var(--ease-in-out-quad);--primary: #000;--secondary: #73737D;--grey: #73737D;--background-color: #fafafa;--accent: #6166DC;--hover: rgba(0, 0, 0, 0.07);--gradient: linear-gradient(180deg, rgba(217, 219, 224, 0) 0%, #D9DBE0 100%);--articleText: #08080B;--track: rgba(8, 8, 11, 0.3);--progress: #000;--card: #fff;--error: #EE565B;--success: #46B17B;--errorBackground: rgba(238, 86, 91, 0.1);--horizontalRule: rgba(8, 8, 11, 0.15);--inputBackground: rgba(0, 0, 0, 0.05);--tooltip: lightgrey;--dark-grey: #73737D;--dark-primary: #fff;--dark-secondary: #fff;--dark-accent: #E9DAAC;--dark-background: #111216;--dark-hover: rgba(255, 255, 255, 0.07);--dark-gradient: linear-gradient(180deg, #111216 0%, rgba(66, 81, 98, 0.36) 100%);--dark-articleText: #fff;--dark-track: rgba(255, 255, 255, 0.3);--dark-progress: #fff;--dark-card: #1D2128;--dark-error: #EE565B;--dark-success: #46B17B;--dark-errorBackground: rgba(238, 86, 91, 0.1);--dark-horizontalRule: rgba(255, 255, 255, 0.15);--dark-inputBackground: rgba(255, 255, 255, 0.07);--token: #fff;--languageJavascript: #e8696b;--javascript: #e8696b;--background: #292c34;--comment: #5e6a76;--string: #a8e2a8;--var: #b3bac5;--number: #e4854d;--constant: #b3bac5;--plain: #fff;--doctype: #e8696b;--tag: #e8696b;--keyword: #d49fd4;--boolean: #ff5874;--function: #5F8DC3;--parameter: #F9965D;--className: #ffcf74;--attrName: #bf87ba;--attrValue: #a8e2a8;--interpolation: #fff;--punctuation: #5FA8AA;--property: #80cbc4;--propertyAccess: #fff;--namespace: #b2ccd6;--highlight: rgba(255,255,255,0.07);--highlightBorder: #e1bde2;--dom: #5F8DC3;--operator: #5FA8AA}a{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);color:var(--accent)}a:visited{color:var(--accent);opacity:.85}a:hover,a:focus{text-decoration:underline}.bio-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;left:-10px}.bio-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bio-link:hover{text-decoration:none}.bio-avatar{display:block;position:relative;height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;margin:10px 26px 10px 10px}.bio-avatar::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bio-avatar[data-a11y=true]:focus::after{content:"";position:absolute;left:-5px;top:-5px;width:50px;height:50px;border:2px solid var(--accent)}.bio-avatar-inner{height:40px;width:40px;border-radius:50%;background:rgba(0,0,0,.25);margin-right:16px;overflow:hidden}.bio-text{margin-bottom:0;max-width:430px;font-size:14px;line-height:1.45;color:var(--grey)}.author-avatar{width:100%}blockquote{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:15px auto 50px;color:var(--articleText);font-family:var(--serif);font-style:italic}blockquote>p{font-family:var(--serif);max-width:880px!important;padding-right:100px;padding-bottom:0;width:100%;margin:0 auto;font-size:36px;line-height:1.32;font-weight:700}@media screen and (max-width:735px){blockquote{margin:10px auto 35px;font-size:26px;padding:0 180px}}@media screen and (max-width:540px){blockquote{font-size:36px;padding:0 20px 0 40px}}h1,h2,h3,h4,h5,h6{margin:0 auto;font-weight:700;color:var(--primary);font-family:var(--serif);width:100%;max-width:680px}h1,h1 *,h2,h2 *{margin:25px auto 18px}h3,h3 *{margin:20px auto 10px}h1{font-size:52px;line-height:1.15}h2{font-size:32px;line-height:1.333}h3{font-size:24px;line-height:1.45}h4{font-size:18px;line-height:1.45}h5{font-size:18px;line-height:1.45}h6{font-size:16px;line-height:1.45}@media screen and (max-width:1070px){h1{font-size:38px;line-height:1.2}h2{font-size:21px}}@media screen and (max-width:737px){h1,h2{margin:30px auto 18px}h2{font-size:24px;line-height:1.45}h3{font-size:22px}}@media screen and (max-width:540px){h1{font-size:32px;line-height:1.3}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:16px}h6{font-size:14px}}hr{position:relative;width:100%;max-width:680px;margin:50px auto;border:0;height:14.36px;background-repeat:repeat-x;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:50%}@media screen and (max-width:1070px){hr{max-width:507px}}@media screen and (max-width:735px){hr{max-width:486px;width:calc(100vw - 40px);margin:0 auto 50px}}@media screen and (max-width:340px){hr{padding:0 20px}}.image-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#ccc;color:#898989;font-size:32px;font-weight:600}.image-zoom{display:block;margin:0 auto;width:100%}@media screen and (max-width:540px){.image-placeholder{font-size:28px}}.layout-styled{position:relative;background:var(--background-color);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);min-height:100vh}ul{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto;font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ul{max-width:507px}}@media screen and (max-width:735px){ul{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ul{padding-left:20px}}li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ul li{padding-left:30px}ul li p{padding:0}}@media screen and (max-width:540px){ul li{padding-left:30px}}ul li>*{display:inline}ul li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);content:"";position:absolute;left:-30px;top:8px;height:8px;width:8px;background:var(--articleText)}@media screen and (max-width:735px){ul li::before{left:0}}ol{list-style:none;counter-reset:list;color:var(--articleText);position:relative;padding:15px 0 30px 30px;margin:0 auto;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);font-size:18px;width:100%;max-width:680px}@media screen and (max-width:1070px){ol{max-width:507px}}@media screen and (max-width:735px){ol{max-width:486px;padding-left:0}}@media screen and (max-width:540px){ol{padding-left:20px}}ol li{position:relative;padding-bottom:15px}@media screen and (max-width:735px){ol li{padding-left:30px;padding:0}ol li p{padding-left:30px}}@media screen and (max-width:540px){ol li{padding-left:30px}}ol li>*{display:inline}ol li::before{width:3rem;display:inline-block;position:absolute;color:var(--articleText);counter-increment:list;content:counter(list)".";font-weight:600;position:absolute;left:-3rem;top:-.3rem;font-size:2rem}@media screen and (max-width:735px){ol li::before{left:0}}#logo-desktop .change-fill{fill:var(--primary)}#logo-mobile path{fill:var(--primary)}@media screen and (max-width:735px){.Logo__Desktop{display:none}.Logo__Mobile{display:block}}.footer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px;color:var(--grey)}@media screen and (max-width:735px){.footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:100px}}@media screen and (max-width:540px){.footer-container{padding-bottom:50px}}.footer-hr{position:relative;margin:140px auto 50px;border-bottom:1px solid var(--horizontalRule)}@media screen and (max-width:735px){.footer-hr{margin:60px auto}.footer-text{margin-bottom:80px}}@media screen and (max-width:540px){.footer-hr{display:none}.footer-text{margin:120px auto 100px}}.footer-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);mix-blend-mode:lighten}.back-arrow-ico-container{-webkit-transition:.2s -webkit-transform var(--ease-out-quad);transition:.2s -webkit-transform var(--ease-out-quad);-o-transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad);transition:.2s transform var(--ease-out-quad),.2s -webkit-transform var(--ease-out-quad);opacity:0;padding-right:30px;-webkit-animation:fadein .3s linear forwards;animation:fadein .3s linear forwards}@-webkit-keyframes fadein{to{opacity:1}}@keyframes fadein{to{opacity:1}}@media screen and (max-width:1280px){.back-arrow-ico-container{display:none}}.nav-container{position:relative;z-index:100;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-height:800px){.nav-container{padding-top:50px}}@media screen and (max-width:1280px){.nav-container{padding-top:50px}}.logo-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-link[class*=data-ally]:focus::after{content:"";position:absolute;left:-10%;top:-30%;width:120%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}.logo-link[class*=back-arrow-ico-container]{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.logo-link:hover{text-decoration:none}@media screen and (max-width:1280px){.logo-link{left:0}}.nav-controls{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:540px){.nav-controls{right:-5px}}.tool-tip{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);position:absolute;padding:4px 13px;border-radius:5px;font-size:14px;top:-35px;color:var(--primary);background-color:var(--tooltip);-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes pan-toolbar{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}}.icon-wrapper{opacity:.5;position:relative;border-radius:5px;width:40px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;margin-left:30px}.icon-wrapper:hover{opacity:1}.icon-wrapper[class*=data-ally]:focus::after{content:"";position:absolute;left:0;top:-30%;width:100%;height:160%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:735px){.icon-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transform:scale(0.708);-ms-transform:scale(0.708);transform:scale(0.708);margin-left:10px}.icon-wrapper:hover{opacity:.5}}.sun-rays{position:relative;right:-16px;width:9px;height:9px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden;-webkit-box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);box-shadow:0 -23px 0 var(--primary),0 23px 0 var(--primary),23px 0 0 var(--primary),-23px 0 0 var(--primary),15px 15px 0 var(--primary),-15px 15px 0 var(--primary),15px -15px 0 var(--primary),-15px -15px 0 var(--primary);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.moon-or-sun{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid var(--primary);background:var(--primary);-webkit-transform:1;-ms-transform:1;transform:1;-webkit-transition:all .45s ease;-o-transition:all .45s ease;transition:all .45s ease;overflow:hidden}.moon-mask{position:absolute;right:-1px;top:-8px;height:24px;width:24px;border-radius:50%;border:0;background:var(--background-color);-webkit-transform:translate("0, 0");-ms-transform:translate("0, 0");transform:translate("0, 0");opacity:1;-webkit-transition:var(--color-mode-transition),-webkit-transform .45s ease;transition:var(--color-mode-transition),-webkit-transform .45s ease;-o-transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition);transition:transform .45s ease,var(--color-mode-transition),-webkit-transform .45s ease}.mask-to-sun-animation{-webkit-animation-name:mask-to-sun;animation-name:mask-to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.mask-to-moon-animation{-webkit-animation-name:mask-to-moon;animation-name:mask-to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.to-sun-animation{-webkit-animation-name:to-sun;animation-name:to-sun;-webkit-animation-duration:.4s;animation-duration:.4s}.to-moon-animation{-webkit-animation-name:to-moon;animation-name:to-moon;-webkit-animation-duration:.4s;animation-duration:.4s}.expand-rays{-webkit-animation-name:expand-rays;animation-name:expand-rays;-webkit-animation-duration:.5s;animation-duration:.5s}.contract-rays{-webkit-animation-name:contract-rays;animation-name:contract-rays;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes mask-to-sun{from{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}to{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask-to-moon{from{top:-25px;right:-15px;-webkit-transform:scale(0.5);transform:scale(0.5)}to{top:-8px;right:-5px;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes to-sun{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes to-moon{from{-webkit-transform:scale(0.5);transform:scale(0.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes expand-rays{from{-webkit-transform:scale(0.1);transform:scale(0.1)}to{-webkit-transform:scale(0.6);transform:scale(0.6)}}@-webkit-keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}@keyframes contract-rays{from{-webkit-transform:scale(0.6);transform:scale(0.6)}to{-webkit-transform:scale(0.1);transform:scale(0.1)}}.header-hidden{position:absolute;display:inline-block;opacity:0;width:0;height:0;visibility:hidden;overflow:hidden}.page-button{font-weight:600;font-size:18px;text-decoration:none;color:var(--primary)}.page-button:hover,.page-button:focus{opacity:1;text-decoration:underline}.page-number-button{font-weight:400;font-size:18px;text-decoration:none;color:var(--primary)}.page-number-button:hover,.page-number-button:focus{text-decoration:underline}.spacer{opacity:.3}.spacer::before{content:"..."}.mobiler-reference{font-weight:400;color:var(--primary)}.mobile-reference em{font-style:normal;color:var(--primary)}.frame{position:relative;z-index:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.frame{left:-15px}}p{line-height:1.756;font-size:18px;color:var(--articleText);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);margin:0 auto 35px;width:100%;max-width:680px}p b{font-weight:800}@media screen and (max-width:1070px){p{max-width:507px}}@media screen and (max-width:735px){p{max-width:486px;margin:0 auto 25px}}@media screen and (max-width:540px){p{padding:0 20px}}.aside-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1140px;z-index:0;position:-webkit-sticky;position:sticky;top:30%;-webkit-animation-name:progress-fade-in;animation-name:progress-fade-in;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width:1280px){.aside-container{display:none}}@-webkit-keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@keyframes progress-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes progress-fade-out{from{opacity:1}to{opacity:0}}@keyframes progress-fade-out{from{opacity:1}to{opacity:0}}.aside-align{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;z-index:3;opacity:1;visibility:visible;-webkit-transition:opacity .4s linear,visibility .4s linear;-o-transition:opacity .4s linear,visibility .4s linear;transition:opacity .4s linear,visibility .4s linear}.overlap-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.progress-container{position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(88vh - 40px);max-height:425px;width:1px;background-color:var(--track);opacity:.6;overflow:hidden}.progress-line{position:absolute;height:100%;top:-100%;width:1px;background-color:var(--progress);left:0}.social-icon-outer{width:20%;min-width:220px}@media screen and (max-width:735px){.authors-sio{width:60%}}.social-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:100%;position:relative;margin-left:3.2rem;text-decoration:none;max-width:16px}.social-icon-container a{margin-right:25px}.social-icon-container:hover>svg{fill:var --primary}.social-icon-container:hover>*{-webkit-transition:fill .25s var(--ease-in-out-quad);-o-transition:fill .25s var(--ease-in-out-quad);transition:fill .25s var(--ease-in-out-quad)}.social-icon-container:first-of-type{margin-left:0}.social-icon-container:last-child{margin-right:0}@media screen and (max-width:735px){.social-icon-container{margin:0 2.2rem}}.social-icon-image path{fill:var(--grey)}.hidden{width:0;height:0;visibility:hidden;opacity:0;overflow:hidden;display:inline-block}.subscription-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:64px 0 55px;margin:10px auto 100px;background:var(--card);-webkit-box-shadow:0 4px 50px rgba(0,0,0,.05);box-shadow:0 4px 50px rgba(0,0,0,.05);z-index:1}.subscription-container .subscroiption-text{margin-left:0;margin-right:0}@media screen and (max-width:735px){.subscription-container{padding:50px 0 0;text-align:center}.subscription-container .submitted-input{max-width:calc(100% - 36px)}.subscription-container .submit-button{position:relative;width:100%;left:0;border-radius:0;height:60px;border:none;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))}.subscription-container .submitted-form .submit-button{border:none!important;border-top:1px solid var(--theme-ui-colors-horizontalRule,rgba(8,8,11,0.15))!important}}@media screen and (max-width:540px){.subscription-container{margin:-20px auto 80px}}.subscription-content{margin:0 auto;width:100%;max-width:640px}@media screen and (max-width:735px){.subscription-content h3{padding:0 50px}}@media screen and (max-width:376px){.subscription-content h3{padding:0 24px}}.subscription-heading{font-family:var(--serif);margin-bottom:20px}@media screen and (max-width:735px){.subscription-heading{margin-bottom:15px}}.subscription-text{margin:0 0 30px;max-width:680px;color:var(--grey);line-height:1.75}@media screen and (max-width:735px){.subscription-text{padding:0 26px;margin:0 auto 25px}}.subscription-form{position:relative}.subscription-form::after{color:var(--accent);content:">";position:absolute;left:21px;top:10px}@media screen and (max-width:735px){.subscription-form:after{left:34px;top:11px}}.subscription-input{position:relative;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary);background-color:var(--inputBackground)}.subscription-input.submitted-input:invalid{position:relative;background:var(--theme-ui-colors-errorBackground,rgba(238,86,91,0.1))!important;border-radius:35px;border:none;padding:13px 21px 13px 35px;width:471px;color:var(--primary,#000);outline:none!important}input:invalid{-webkit-box-shadow:0 0 2px 1px transparent;box-shadow:0 0 2px 1px transparent}input:focus,select:focus,textarea:focus,button:focus{outline:none}.subscription-input.submitted-input:invalid~.subscription-error-message{opacity:1}.subscription-input.submitted-input:invalid~.submit-button{color:var(--error);border:1px solid var(--error)}.submitted-form:after{color:var(--error)}.subscription-error-message{position:absolute;left:35px;bottom:-20px;color:var(--theme-ui-colors-error,#EE565B);font-size:12px;opacity:0}.subscription-input::-webkit-input-placeholder{color:var(--track);opacity:1}.subscription-input::-moz-placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::-ms-input-placeholder{color:var(--track);opacity:1}.subscription-input::placeholder{color:var(--track);opacity:1}.subscription-input:-ms-input-placeholder{color:var(--track)}.subscription-input::-ms-input-placeholder{color:var(--track)}@media screen and (max-width:735px){.subscription-input{width:calc(100% - 36px);margin:0 18px;padding:14px 14px 14px 30px;margin-bottom:30px}}.submit-button{border:1px solid var(--accent);color:var(--accent);position:absolute;left:306px;top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:161px;height:38px;font-weight:600;border-radius:35px;letter-spacing:.42px;-webkit-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);-o-transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad);transition:border-color .2s var(--ease-in-out-quad),background .2s var(--ease-in-out-quad),color .2s var(--ease-in-out-quad)}.submit-button:disabled{cursor:not-allowed}.submit-button svg *{fill:var(--background-color)}.submit-error{position:absolute;left:35px;bottom:-20px;color:var(--error);font-size:12px}.submit-error a{color:var --error;text-decoration:underline}@media screen and (max-width:735px){.submit-error{left:50px;top:50px}}table{position:relative;line-height:1.65;color:var(--grey);font-family:var(--sanserif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition);background:var(--card);margin:45px auto 85px;width:100%;max-width:1004px;border:1px solid var(--horizontalRule);border-radius:5px;overflow:hidden;border-collapse:separate}@media screen and (max-width:1070px){table{margin:25px auto 65px}}@media screen and (max-width:735px){table{max-width:486px}}@media screen and (max-width:540px){table{margin:15px auto 55px}}td{border-top:1px solid var(--horizontalRule);border-right:1px solid var(--horizontalRule);padding:15px 30px;font-size:16px;background:var(--card)}td:last-child{border-right:none}@media screen and (max-width:1070px){td{padding:14px 20px}}@media screen and (max-width:735px){td{font-size:14px}}thead{text-align:left;border-collapse:collapse;position:relative;line-height:1.756;font-weight:600;color:var(--primary);font-family:var(--serif);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}th{border-right:1px solid var(--horizontalRule);padding:15px 30px}th:last-child{border-right:none}@media screen and (max-width:1070px){th{padding:14px 20px}}@media screen and (max-width:735px){th{font-size:14px}}.section{width:100%;max-width:1220px;margin:0 auto;padding:0 4rem}@media screen and (max-width:1070px){.section{max-width:850px}}@media screen and (max-width:540px){.section{max-width:100%;padding:2rem}}.section p{}@media screen and (max-width:735px){.section p{padding:0 4rem;max-width:567px}}.narrow p{}@media screen and (max-width:735px){.narrow p{padding:0 2rem;max-width:527px}}.subheading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:100px}@media screen and (max-width:1070px){.subheading-container{margin-bottom:80px}}@media screen and (max-width:735px){.subheading-container{margin-bottom:60px}}@media screen and (max-width:540px){.subheading-container{display:none}}.grid-controls-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:735px){.grid-controls-container{display:none!important}}.heading-container{margin:100px 0}@media screen and (max-width:1070px){.heading-container{width:80%}}@media screen and (max-width:735px){.heading-container{width:100%}}.hero-heading{font-style:normal;font-weight:600;font-size:52px;font-family:var(--sanserif);line-height:1.15;color:var(--primary);margin:0}@media screen and (max-width:1070px){.hero-heading{font-size:38px}}@media screen and (max-width:540px){.hero-heading{font-size:32px}}.grid-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:36px;width:36px;border-radius:50%;background:0 0;-webkit-transition:background .25s;-o-transition:background .25s;transition:background .25s}.grid-button:not(:last-child){margin-right:30px}.grid-button:hover{background:var(--hover)}.grid-button[data-a11y=true]:focus::after{content:"";position:absolute;left:-10%;top:-10%;width:120%;height:120%;border:2px solid var(--accent);background:rgba(255,255,255,.01);border-radius:50%}.grid-button svg{-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.grid-button svg path{fill:var(--primary)}.limit-to-two-lines,.articles-title,.article-excerpt{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow-wrap:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;overflow:hidden}@media screen and (max-width:540px){.limit-to-two-lines,.articles-title,.article-excerpt{-webkit-line-clamp:3}}.show-details p{display:-webkit-box}.show-details h2{margin-bottom:10px}.articles-list-container{-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.author-alc{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--card)),to(var(--background-color)));background-image:-o-linear-gradient(var(--card),var(--background-color));background-image:linear-gradient(var(--card),var(--background-color));padding-top:90px}.author-alc .post-row-alt{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.author-alc .post-row-alt .article-link{max-width:40%!important;margin:15px}.list-title{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr';-ms-grid-rows:2;grid-template-rows:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.list-title:not(:last-child){margin-bottom:75px}@media screen and (max-width:1280px){.list-title{grid-template-columns:1fr 1fr}}@media screen and (max-width:735px){.list-title{grid-template-columns:1fr}.list-title:not(:last-child){margin-bottom:0}}.list-title>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-title-alt{-ms-grid-columns:'457px 1fr';grid-template-columns:'457px 1fr'}.list-item-row{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 96px 488px;grid-template-columns:1fr 488px;grid-column-gap:96px;-ms-grid-rows:1;grid-template-rows:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:50px}@media screen and (max-width:1070px){.list-item-row{grid-column-gap:24px;grid-template-columns:1fr 380px}}@media screen and (max-width:735px){.list-item-row{grid-template-columns:1fr}}@media(max-width:540px){.list-item-row{background:var(--card)}}@media screen and (max-width:540px){.list-item-row{-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-item-row>*:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.list-item-row>*:nth-child(2){-ms-grid-row:1}.list-item-tile{position:relative}@media screen and (max-width:735px){.list-item-tile{margin-bottom:60px}}@media(max-width:540px){.list-item-tile{background:var(--card)}}@media screen and (max-width:540px){.list-item-tile{margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);border-bottom-right-radius:5px;border-bottom-left-radius:5px}}.list-row{display:-ms-grid;display:grid;-ms-grid-rows:"1fr 1fr";grid-template-rows:"1fr 1fr"}.list-row-alt{-ms-grid-rows:"1fr";grid-template-rows:"1fr"}.image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:280px;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);box-shadow:0 30px 60px -10px rgba(0,0,0,.22),0 18px 36px -18px rgba(0,0,0,.25);margin-bottom:30px;-webkit-transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);transition:-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad);-o-transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad);transition:transform .3s var(--ease-out-quad),box-shadow .3s var(--ease-out-quad),-webkit-transform .3s var(--ease-out-quad),-webkit-box-shadow .3s var(--ease-out-quad)}.image-container>div{height:100%}@media screen and (max-width:735px){.image-container{height:200px;margin-bottom:35px}}@media screen and (max-width:540px){.image-container{overflow:hidden;margin-bottom:0;-webkit-box-shadow:none;box-shadow:none;border-top-right-radius:5px;border-top-left-radius:5px}}.article-image{-ms-flex-negative:0;flex-shrink:0;max-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.article-title{font-size:21px;font-family:var(--serif);margin-bottom:35px;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}@media screen and (max-width:1070px){.article-title{margin-bottom:15px}}@media screen and (max-width:735px){.article-title{font-size:24px}}@media screen and (max-width:540px){.article-title{font-size:22px;padding:0 20px;margin-bottom:10px;-webkit-line-clamp:3}}.article-excerpt{font-size:16px;margin-left:0;margin-right:0;margin-bottom:10px;color:var(--grey);display:none}@media screen and (max-width:1070px){.article-excerpt{display:-webkit-box}}@media screem and (max-width:540px){.article-excerpt{margin-bottom:15px;max-width:100%;padding:0 20px;margin-bottom:20px;-webkit-line-clamp:3}}.article-metadata{font-weight:600;font-size:16px;color:var(--grey);opacity:.33}@media screen and (max-width:540px){.article-metadata{max-width:100%;padding:0 20px 30px}}.post-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px}@media screen and (max-width:735px){.post-row{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.post-row-alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-row-alt .article-link{margin-top:75px;max-width:48.3%}@media screen and (max-width:735px){.post-row-alt .article-link{max-width:100%}}.article-link{max-width:39.5%;position:relative;display:block;width:100%;top:0;left:0;border-radius:5px;z-index:1;-webkit-transition:-webkit-transform .33s var(--ease-out-quart);transition:-webkit-transform .33s var(--ease-out-quart);-o-transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart);transition:transform .33s var(--ease-out-quart),-webkit-transform .33s var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.article-link:hover{text-decoration:none}.article-link:hover .image-container,.article-link:focus .image-container{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3);box-shadow:0 50px 80px -20px rgba(0,0,0,.27),0 30px 50px -30px rgba(0,0,0,.3)}.article-link:hover h2,.article-link:focus h2{color:var(--accent)}.article-link[data-a11y=true]:focus::after{content:"";position:absolute;left:-1.5%;top:-2%;width:103%;height:104%;border:3px solid var(--accent);background:rgba(255,255,255,.01);border-radius:5px}@media screen and (max-width:1280px){.article-link{max-width:48.5%}}@media screen and (max-width:735px){.article-link{min-width:80%!important;display:block;margin-bottom:60px}.article-link p{padding:0}}@media screen and (max-width:540px){.article-link{min-width:100%!important;margin-bottom:40px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.article-link:hover .image-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:initial;box-shadow:initial}.article-link:active{-webkit-transform:scale(0.97)translateY(3px);-ms-transform:scale(0.97)translateY(3px);transform:scale(0.97)translateY(3px)}.article-link p{padding:0 20px}}#article-link-bigger{max-width:58.5%!important}@media screen and (max-width:1280px){#article-link-bigger{max-width:48.5%!important}}.articles-list-container-alt .post-row{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;margin-bottom:0}.articles-list-container-alt .post-row .article-link{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none}.articles-list-container-alt .post-row .article-link .article-data-outer{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;min-width:100%!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.articles-list-container-alt .post-row .article-link .article-data-outer .image-container{max-width:46%}.articles-list-container-alt .post-row .article-link .article-data-outer .article-data{width:46%}.articles-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.articles-paginator{margin-top:95px}.code-toolbar{max-width:750px;margin:0 auto 35px;overflow:auto;font-size:12px}.code-toolbar pre{padding-top:2.5em!important;padding-bottom:2.5em!important;padding-left:5em!important;padding-right:5em!important;border-radius:5px!important;background-color:#292c34!important}.code-toolbar pre code{color:#fff}.code-toolbar .toolbar-item{position:absolute;top:1em;right:1em}@media screen and (max-width:540px){.article-hero::before{content:"";width:100%;height:20px;background:var(--primary);position:absolute;left:0;top:0;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-hero::after{content:"";width:100%;height:10px;background:var(--background-color);position:absolute;left:0;top:10px;border-top-left-radius:25px;border-top-right-radius:25px;-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}}.article-meta{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:540px){.article-meta{margin-left:0;flex-direction:column}}.article-header{position:relative;z-index:10;margin:100px auto 120px;padding-left:68px;max-width:749px}@media screen and (max-width:1070px){.article-header{padding-left:53px;max-width:calc(507px + 53px);margin:100px auto 70px}}@media screen and (max-width:735px){.article-header{padding-left:0;margin:100px auto 70px;max-width:480px}}@media screen and (max-width:540px){.article-header{margin:170px auto 180px;padding:0 40px}}@media screen and (max-height:700px){.article-header{margin:100px auto}}.article-hero-heading{font-size:48px;font-family:var(--serif);margin-bottom:25px;font-weight:700;line-height:1.32}@media screen and (max-width:735px){.article-hero-heading{margin-bottom:20px;font-size:36px}}@media screen and (max-width:540px){.article-hero-heading{font-size:32px}}.article-hero-subtitle{padding:10px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;color:var(--grey)}@media screen and (max-width:540px){.article-hero-subtitle{border:1px solid var(--horizontalRule);border-radius:5px}}@media screen and (max-width:540px){.article-hero-subtitle{font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.article-hero-subtitle.has-coauthors::before{content:'';position:absolute;left:-20px;right:-20px;top:-10px;bottom:-10px;border:1px solid var(--horizontalRule);opacity:.5;border-radius:5px}.article-hero-subtitle strong{display:block;font-weight:500;margin-bottom:5px}}.article-hero-image{position:absolute;z-index:1;width:100%;max-width:944px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22);box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.article-hero-image img{width:100%}@media screen and (max-width:1280px){.article-hero-image{position:relative}}@media screen and (max-width:735px){.article-hero-image{max-width:100%}}@media screen and (max-width:phablet){.article-hero-image{margin:0 auto;width:calc(100vw - 40px);height:220px}.article-hero-image>div{height:220px}}.article-author-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit}.article-author-link:hover{text-decoration:none}.article-author-link:visited{color:inherit}.article-author-link strong{-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.article-author-link:hover strong{color:var(--primary)}.article-author-avatar{height:25px;width:25px;border-radius:50%;margin-right:14px;background:var(--grey);overflow:hidden}.article-author-avatar img{width:100%}.article-author-avatar .gatsby-image-wrapper>div{padding-bottom:100%!important}@media screen and (max-width:540px){.article-author-avatar{display:none}}.hide-on-mobile{}@media screen and (max-width:540px){.hide-on-mobile{display:none}}.article-coauthors-container{margin-right:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;color:var(--grey);cursor:pointer}.article-coauthors-container::before{content:"";position:absolute;left:0;right:0;top:-16px;bottom:-16px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;z-index:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;cursor:pointer;opacity:0}.article-coauthors-container:hover::before{opacity:1}@media screen and (max-width:540px){.article-coauthors-container{font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-coauthors-container::before{-webkit-box-shadow:none;box-shadow:none;bottom:-30px;background:0 0}.article-coauthors-container strong{display:block;font-weight:semi-bold;margin-bottom:5px}}.article-coauthors-collapsed{display:-webkit-box;display:-ms-flexbox;display:flex}.article-coauthors-list{position:relative;height:25px;margin-right:15px;margin-left:15px}@media screen and (max-width:540px){.article-coauthors-list{display:none}}.article-coauthors-avatar{position:absolute;height:25px;width:25px;border-radius:50%;z-index:1;background:var(--grey);-webkit-box-shadow:0 0 0 2px var(--background-color);box-shadow:0 0 0 2px var(--background-color);-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;-o-transition:box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease;overflow:hidden;pointer-events:none}.article-coauthors-avatar img{width:100%}@media screen and (max-width:540px){.article-coauthors-avatar{display:none}}.article-coauthors-name-container{position:relative;max-width:260px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:600;cursor:pointer}@media screen and (max-width:1070px){.article-coauthors-name-container{max-width:120px}}@media screen and (max-width:540px){.article-coauthors-name-container{max-width:200px}}.article-coauthors-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-left:10px;margin-right:10px}@media screen and (max-width:540px){.article-coauthors-icon-container{position:absolute;right:0;bottom:0;top:10px;height:100%}}.article-coauthors-list-open{position:absolute;z-index:2;left:-21px;right:-21px;top:-19px;padding:21px;background:var(--card);-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;cursor:pointer;list-style-type:none;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-coauthors-list-open li::before{display:none}.article-icon-open-container{position:absolute;cursor:pointer;top:25px;right:10px}.article-coauthors-list-item-open{padding:0}.article-coauthors-list-item-open a{width:100%}.article-coauthors-list-item-open:not(:last-child){margin-bottom:10px}.article-coauthor-avatar-open{height:25px;width:25px;border-radius:50%;margin-right:15px;background:var(--grey);overflow:hidden;pointer-events:none}.article-coauthor-avatar-open img{width:100%}.article-coauthor-avatar-open .gatsby-image-wrapper>div{padding-bottom:100%!important;overflow:hidden}.article-author-name-open{position:relative;cursor:pointer;color:var(--secondary);font-weight:600}.post-content{padding:160px 0 35px}.footer-next-heading{display:block;font-size:1.6rem;position:relative;opacity:.25;margin-left:0;margin-right:0;margin-bottom:100px;min-width:100%;font-weight:400;color:var(--primary)}@media screen and (max-width:735px){.footer-next-heading{margin-bottom:60px}}.footer-next-heading::after{content:'';position:absolute;background:var(--grey);width:62%;max-width:100%;height:1px;right:0;top:50%}@media screen and (max-width:735px){.footer-next-heading::after{width:41.7%}}@media screen and (max-width:540px){.footer-next-heading::after{width:27.8%}}@media screen and (max-width:376px){.footer-next-heading::after{width:90px}}.footer-spacer{margin-bottom:65px}.author-hero{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:35px auto 110px}.author-hero-image{position:relative;z-index:1;height:164px;width:164px;margin-bottom:35px;border-radius:50%;overflow:hidden;border:2px solid var(background-color);-webkit-box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);box-shadow:0 15.619px 31.2381px rgba(0,0,0,.15);border:2px solid var(--card)}.author-hero-image img{width:100%}@media screen and (max-width:735px){.author-hero-image{width:146px;height:146px}}@media screen and (max-width:540px){.author-hero-image{width:136px;height:136px;margin-bottom:25px}}.author-heading{font-size:38px;font-family:var(--sanserif);color:var(--primary);margin-bottom:15px;font-weight:600;text-align:center}.author-subheading{margin:0 auto;max-width:450px;color:var(--grey);font-size:18px;font-family:var(--sanserif);line-height:1.4;text-align:center}@media screen and (max-width:540px){.author-subheading{font-size:14px}}.author-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px;width:100%}@media screen and (max-width:540px){.author-social{font-size:14px}}.authors-gradient{position:absolute;bottom:0;left:0;width:100%;height:590px;z-index:0;pointer-events:none;background:var(--gradient);-webkit-transition:var(--color-mode-transition);-o-transition:var(--color-mode-transition);transition:var(--color-mode-transition)}.pagination{z-index:100;margin:0;margin-top:95px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pagination:hover{cursor:pointer}.pagination a:hover{color:var(--primary)}.pagination .page-item{display:block;width:auto;height:auto;padding:0}.pagination .page-item .page-link{display:block;color:var(--grey);min-width:6rem}.pagination .page-item .page-next,.pagination .page-item .page-prev{color:var(--primary)}.pagination .page-item::before{display:none}.pagination .active .page-link{color:var(--primary)}:root{--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1)}@font-face{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-weight:400;font-style:normal}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;font-size:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:default;font-size:.625rem;line-height:1.4}body{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.6rem;margin:0;font-weight:400;height:100%}button,a{text-decoration:none;cursor:pointer}a:focus{outline:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}input,textarea,select,button{font-family:-apple-system,blinkmacsystemfont,san francisco,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.underline{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}code,kbd,pre,samp{font-family:monospace}fieldset,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:0 0}table{border-collapse:separate;border-spacing:0}audio:not([controls]){display:none}details{display:block}input:focus,input:active{outline:none}input[type=number]{width:auto}img.Image__Zoom~div{background:0 0!important}.Image__Small{width:100%;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__Small img{width:100%}.Image__medium{width:100%;margin-left:auto;margin-right:auto;margin-bottom:35px}.Image__medium img{width:100%}.Image__large{width:100%;margin-bottom:35px}.Image__large img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.author-alc-section{padding-left:0;padding-right:0}.icon-image path{fill:var(--primary)}img{max-width:100%;-webkit-animation-name:image-load-in;animation-name:image-load-in;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes image-load-in{0%{-webkit-filter:blur(8px);filter:blur(8px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json new file mode 100644 index 0000000..8a7596f --- /dev/null +++ b/resources/_gen/assets/scss/scss/global.scss_48b060fe05b0a273d182ef83c0605941.json @@ -0,0 +1 @@ +{"Target":"scss/global.min.febf67ca94390198daa11693993dfeaabba2e6affbd40f291ab5081feac1bddd.css","MediaType":"text/css","Data":{"Integrity":"sha256-/r9nypQ5AZjaoRaTmT3+qrui5q/71A8pGrUIH+rBvd0="}} \ No newline at end of file diff --git a/themes/novela b/themes/novela new file mode 160000 index 0000000..2fe4a8e --- /dev/null +++ b/themes/novela @@ -0,0 +1 @@ +Subproject commit 2fe4a8efef0fdc02525fc534fc8553f9a7f2693d