diff --git a/assets/scss/main.scss b/assets/scss/main.scss index ff403f39..2d5cc216 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -22,6 +22,7 @@ @import './partials/components/portfolio'; @import './partials/components/page404'; @import './partials/components/archive'; +@import './partials/components/notice'; @import './partials/vendors/mediumzoom'; @import './partials/vendors/contactform'; @import './partials/vendors/tableofcontents'; diff --git a/assets/scss/modules/_color_theme.scss b/assets/scss/modules/_color_theme.scss index 54858629..3490263a 100644 --- a/assets/scss/modules/_color_theme.scss +++ b/assets/scss/modules/_color_theme.scss @@ -8,6 +8,9 @@ $themes: ( shadow: $shadow--lightmode, border: 1px solid $primary-lighter--lightmode, alert: $alert, + notice-info: $notice-info--lightmode, + notice-update: $notice-update--lightmode, + notice-warning: $notice-warning--lightmode, ), dark: ( accent: $accent--darkmode, @@ -18,6 +21,9 @@ $themes: ( shadow: $shadow--darkmode, border: 1px solid $primary-lighter--darkmode, alert: $alert, + notice-info: $notice-info--darkmode, + notice-update: $notice-update--darkmode, + notice-warning: $notice-warning--darkmode, ), ); diff --git a/assets/scss/modules/_variables.scss b/assets/scss/modules/_variables.scss index 6b74842e..d909f1ea 100644 --- a/assets/scss/modules/_variables.scss +++ b/assets/scss/modules/_variables.scss @@ -13,6 +13,13 @@ $shadow--darkmode: 0 8px 16px rgba(226, 226, 226, 0.1); $alert: #ffc107; $info: #0366d7; +$notice-info--lightmode: rgb(239, 248, 255); +$notice-info--darkmode: rgb(28, 55, 87); +$notice-update--lightmode: rgb(227, 252, 236); +$notice-update--darkmode: rgb(21, 68, 38); +$notice-warning--lightmode: rgb(252, 235, 234); +$notice-warning--darkmode: rgb(119, 36, 32); + $thumbnail-height: 15em; $body-max-width: 1920px; diff --git a/assets/scss/partials/components/_notice.scss b/assets/scss/partials/components/_notice.scss new file mode 100644 index 00000000..547c2e46 --- /dev/null +++ b/assets/scss/partials/components/_notice.scss @@ -0,0 +1,51 @@ +.notice { + padding-left: 0; + padding-right: 0; + width: 100%; + @include themed() { + background-color: t('notice-info'); + } + + &--update { + @include themed() { + background-color: t('notice-update'); + } + } + &--warning { + @include themed() { + background-color: t('notice-warning'); + } + } + + &__title { + background-color: rgb(96, 134, 180); + float: right; + font-weight: 300; + letter-spacing: 0.025em; + margin-bottom: 0.25rem; + margin-left: 1rem; + padding-left: 1rem; + padding-right: 1rem; + @include themed() { + color: t('accent'); + } + + &--update { + background-color: rgb(81, 216, 138); + } + &--warning { + background-color: rgb(239, 87, 83); + } + } + + &__content { + margin-bottom: 1.5rem; + margin-left: auto; + margin-right: auto; + max-width: 100%; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 8px; + padding-bottom: 8px; + } +} diff --git a/exampleSite/content/english/post/notice-shortcode.md b/exampleSite/content/english/post/notice-shortcode.md new file mode 100644 index 00000000..f6506489 --- /dev/null +++ b/exampleSite/content/english/post/notice-shortcode.md @@ -0,0 +1,46 @@ +--- +title: 'The Notice Shortcode' +date: 2022-03-18T21:47:41+00:00 +draft: false +tags: + - demo + - shortcode +--- + +The notice shortcode supports three different types of disclaimers. These are as following: + +## Info Box + +``` +{{%/* notice info */%}} +Lorem Impsum.. +{{%/* /notice */%}} +``` + +{{< notice info >}} +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +{{< /notice >}} + +## Update Box + +``` +{{%/* notice update */%}} +Lorem Impsum.. +{{%/* /notice */%}} +``` + +{{< notice update >}} +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +{{< /notice >}} + +## Warning Box + +``` +{{%/* notice warning */%}} +Lorem Impsum.. +{{%/* /notice */%}} +``` + +{{< notice warning >}} +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +{{< /notice >}} diff --git a/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.content b/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.content index 9fe6cdaa..c40770f9 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.content +++ b/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.content @@ -1 +1 @@ -a{text-decoration:none}.theme--light a{color:#464646}.theme--dark a{color:#eee}.theme--light a:hover{color:#0366d7}.theme--dark a:hover{color:#0366d7}blockquote{padding:0 1em}.theme--light blockquote{color:#464646;border-right:1px solid #eee}.theme--dark blockquote{color:#eee;border-right:1px solid #464646}p{line-height:1.9em}*{font-family:tajawal,sans-serif;font-size:1.5rem}.html{-webkit-font-smoothing:antialiased;font-size:62.5%}.body{width:100%;margin:0 auto}.body.theme--dark{color:#eee;background-color:#152028}.body.theme--light{color:#464646;background-color:#fff}.header{width:100%;position:fixed;z-index:1;top:0}.theme--light .header{background-color:#fff}.theme--dark .header{background-color:#152028}@media screen and (min-width:961px){.header{position:sticky}.theme--light .header{border-bottom:1px solid #eee}.theme--dark .header{border-bottom:1px solid #464646}}@media print{.header{display:none}}.nav{display:none}@media screen and (min-width:961px){.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}@media print{.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}.nav__list{margin:0;list-style:none;padding:0;width:100%}.theme--light .nav__list{background-color:#eee}.theme--dark .nav__list{background-color:#464646}@media screen and (min-width:961px){.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}@media print{.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}.nav__list-item{padding:16px 0;text-transform:uppercase;text-align:center;white-space:nowrap}@media screen and (min-width:961px){.nav__list-item{padding-top:0;padding-bottom:0}.nav__list-item:not(:last-child){padding-left:20px}}.nav__link--active{padding-bottom:24px}@media screen and (min-width:961px){.theme--light .nav__link--active{border-bottom:1px solid #464646}.theme--dark .nav__link--active{border-bottom:1px solid #eee}}.nav--active{display:block}.animated{transition:top .8s linear;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px)}100%{-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}100%{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}.category{padding:4px 6px;border-radius:2px;display:inline-block;font-size:1.4rem;margin:5px 0 5px 8px}.theme--light .category{border:1px solid #eee;background-color:#eee;color:#464646!important}.theme--dark .category{border:1px solid #464646;background-color:#464646;color:#eee!important}.tag{display:inline-block;font-size:1.4rem;margin:5px 0 5px 8px}.theme--light .tag{color:#9f9f9f}.theme--dark .tag{color:#9f9f9f}.tag::before{content:'#'}.wrapper{display:flex;flex-direction:column}@media screen and (min-width:961px){.wrapper{flex-direction:row}}@media screen and (min-width:1921px){.wrapper{justify-content:center}}.wrapper__main{width:100%}@media screen and (min-width:961px){.wrapper__main{width:calc(.6 * 100%)}}@media print{.wrapper__main{width:calc(.6 * 100%)}}@media screen and (min-width:1921px){.wrapper__main{width:calc(.6 * 80%)}}.wrapper__sidebar{width:100%;padding:16px 0}@media screen and (min-width:961px){.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media print{.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media screen and (min-width:1921px){.wrapper__sidebar{width:calc(calc(1 - .6) * 80%)}}.sidebar{margin-top:40px}@media screen and (min-width:961px){.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-left:4px;border-left:1px solid #eee}.theme--dark .sidebar{margin-left:4px;border-left:1px solid #464646}}@media print{.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-left:4px;border-left:1px solid #eee}.theme--dark .sidebar{margin-left:4px;border-left:1px solid #464646}}@media screen and (min-width:961px){.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}@media print{.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}.sidebar__list{list-style:none;padding:0;text-align:center}.sidebar__list-item{display:inline;padding:0 4px;line-height:0}.sidebar__introduction{top:40%;text-align:center}.sidebar__introduction-description{margin:0 1em}.sidebar__introduction-profileimage{width:127px;height:127px;border-radius:50%}.sidebar__introduction-title{text-transform:uppercase;font-weight:700;letter-spacing:2px;line-height:1;margin:1em}.sidebar__introduction-title a{font-size:3.2rem}.footer{text-align:center;margin:0 auto;bottom:0;width:100%;padding-bottom:20px;flex:0;position:relative}.footer__list{list-style:none;padding:0;display:flex;justify-content:center}.footer__item{font-size:1.4rem}.footer__item:not(:first-of-type)::before{content:'\00B7';padding:4px}.footer__item a{font-size:1.4rem}.footer__sidebar{display:none}@media screen and (min-width:961px){.footer__sidebar{display:inline-block}}@media print{.footer__sidebar{display:inline-block}}@media screen and (min-width:961px){.footer__base{display:none}}@media print{.footer__base{display:none}}.pagination{margin:30px;padding:0 0 56px;text-align:center}.pagination__list{list-style:none;margin:0;padding:0;height:13px}.pagination__list-item{margin:0 2px;display:inline;line-height:1;text-decoration:none}.theme--light .pagination__list-item{color:#464646}.theme--dark .pagination__list-item{color:#eee}.navbar-burger{cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto;padding:6px}.navbar-burger__line{display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.theme--light .navbar-burger__line{background-color:#464646}.theme--dark .navbar-burger__line{background-color:#eee}.navbar-burger__line:nth-child(1){top:calc(50% - 6px)}.navbar-burger__line:nth-child(2){top:calc(50% - 1px)}.navbar-burger__line:nth-child(3){top:calc(50% + 4px)}@media screen and (min-width:961px){.navbar-burger{display:none}}.comment{margin:30px}.comment .utterances{max-width:unset}.languageswitch{position:relative}.languageswitch__label{cursor:pointer;white-space:nowrap}.languageswitch__list{display:none;list-style:none;padding:0;position:relative}@media screen and (min-width:961px){.languageswitch__list{border-radius:5px;position:absolute;top:32px}.theme--light .languageswitch__list{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .languageswitch__list{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1)}}.languageswitch__list-item{background:0 0;display:block;line-height:1;bottom:0;text-align:center;white-space:nowrap;padding-top:24px}.theme--light .languageswitch__list-item{color:#464646}.theme--dark .languageswitch__list-item{color:#eee}@media screen and (min-width:961px){.languageswitch__list-item{padding:12px}}.languageswitch__triangle{display:none}.languageswitch__triangle::before{content:'';border-radius:2px 0 0 0;height:14px;left:calc(50%/2);overflow:hidden;position:absolute;transform:rotate(45deg)translateY(0)translatex(10px);width:14px}.theme--light .languageswitch__triangle::before{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1);border-color:#eee}.theme--dark .languageswitch__triangle::before{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1);border-color:#464646}.languageswitch__picker:checked~.languageswitch__list{display:block}@media screen and (min-width:961px){.languageswitch__picker:checked~.languageswitch__triangle{display:block}}.post{margin:30px}.theme--light .post{background-color:#fff}.theme--dark .post{background-color:#152028}.post__meta{display:flex;list-style:none;padding:0}.post__meta-item:not(:last-child){margin-right:1.25rem}.post__meta-icon{margin-left:2px}.post__meta-text:not(:last-child){margin-left:4px}.post__thumbnail{width:100%;height:15em;object-fit:cover;display:block}.post__thumbnail-wrapper{border-radius:2px;width:100%;margin-bottom:1em;overflow:hidden;transition:box-shadow .3s ease}.theme--light .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(226,226,226,.1)}.theme--light .post__content a{color:#0366d7}.theme--dark .post__content a{color:#0366d7}.theme--light .post__content .chroma{background-color:#eee;display:block;border-bottom:1px solid #eee}.theme--dark .post__content .chroma{background-color:#464646;display:block;border-bottom:1px solid #464646}.post__content code{font-family:monospace;padding:0 2px}.theme--light .post__content code{background-color:#eee;border:1px solid #eee;border-radius:2px}.theme--dark .post__content code{background-color:#464646;border:1px solid #464646;border-radius:2px}.post__content pre{padding:5px;overflow-x:auto}.theme--light .post__content pre{background-color:#eee}.theme--dark .post__content pre{background-color:#464646}.post__content h1{font-size:3.6rem;letter-spacing:1px;line-height:1}.post__content h1 a{font-size:3.6rem}.theme--light .post__content h1 a{color:#464646}.theme--dark .post__content h1 a{color:#eee}.post__content h2{font-size:2.4rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h2 a{font-size:2.4rem}.theme--light .post__content h2 a{color:#464646}.theme--dark .post__content h2 a{color:#eee}.post__content h3{font-size:2rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h3 a{font-size:2rem}.theme--light .post__content h3 a{color:#464646}.theme--dark .post__content h3 a{color:#eee}.post__content ul,.post__content ol{line-height:1.9em;font-weight:400}.post__content img{display:block;margin-left:auto;margin-right:auto;max-width:100%}.post__content figure{max-width:100%;height:auto;margin:0 auto;text-align:center}.post__content figure.big{max-width:87.5%}.post__content figure.medium{max-width:75%}.post__content figure.small{max-width:50%}.post__content figure.tiny{max-width:25%}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:left;margin:0 1.5em 0 0}}@media screen and (min-width:961px){.post__content figure.left{max-width:50%;float:right;margin-left:1.5em}}.post__footer{padding:12px 0}.theme--light .post__footer{border-bottom:1px solid #eee}.theme--dark .post__footer{border-bottom:1px solid #464646}.post__footer-date{font-size:1.4rem;margin-left:10px;margin-right:5px}.alert{padding:1rem;border-style:solid;border-radius:.25rem;border-width:2px;margin-top:1rem}.theme--light .alert{border-color:#ffc107}.theme--dark .alert{border-color:#ffc107}.alert__indicator{display:inline-block;border-radius:9999px;padding:.5rem;width:2.5rem;height:2.5rem;text-align:center;font-weight:800;margin-right:.75rem}.theme--light .alert__indicator{color:#fff;background-color:#ffc107}.theme--dark .alert__indicator{color:#152028;background-color:#ffc107}.portfolio{position:relative;padding-left:0;padding-right:0;padding-bottom:0;padding-top:48px}@media screen and (min-width:961px){.portfolio{padding:48px}}@media print{.portfolio{padding:48px}}.portfolio::before{content:'';position:absolute;top:10%;left:10%;bottom:10%;right:10%;background:0 0;border-radius:.5em}@media screen and (min-width:961px){.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}@media print{.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}.portfolio__title{letter-spacing:1px;font-size:2.6rem;line-height:1;font-weight:600}.portfolio__image{max-width:100%;min-width:100%;box-shadow:0 8px 16px rgba(226,226,226,.1);overflow:hidden;transition:box-shadow .3s ease;object-fit:cover;border-bottom:0;display:block;position:relative}.portfolio__image-wrapper{display:block;background-color:#fff;position:relative;overflow:hidden}.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{margin-right:auto;margin-left:auto;width:calc(100% - 64px);padding:32px 32px 0;max-width:inherit}.theme--light .portfolio__image-wrapper--right,.theme--light .portfolio__image-wrapper--left{background-color:#fff}.theme--dark .portfolio__image-wrapper--right,.theme--dark .portfolio__image-wrapper--left{background-color:#152028}@media screen and (min-width:961px){.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media print{.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media print{.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}@media print{.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}.portfolio__description{padding:32px;position:relative}.theme--light .portfolio__description{background-color:#fff}.theme--dark .portfolio__description{background-color:#152028}@media screen and (min-width:961px){.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}@media print{.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}.portfolio__description--left,.portfolio__description--right{margin-top:-24px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{border-bottom:1px solid #eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{border-bottom:1px solid #464646}@media screen and (min-width:961px){.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media print{.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media screen and (min-width:961px){.portfolio__description--right{margin-left:auto}}@media print{.portfolio__description--right{margin-left:auto}}.portfolio__meta{display:flex;flex-wrap:wrap;list-style:none;padding:0;row-gap:.8rem}.portfolio__meta-item:not(:last-child){margin-right:1.25rem}.portfolio__button{font-weight:400;display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-style:normal;border-radius:999em;padding:10px}.theme--light .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.theme--dark .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.portfolio__button:hover{display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}.portfolio__button-wrapper{padding-bottom:1em}.page_404{text-align:center;padding-top:50px}.archive{margin:30px}.archive__heading{font-size:2.4rem;font-weight:600;line-height:2.2em}.theme--light .archive__heading{color:#464646}.theme--dark .archive__heading{color:#eee}.archive__list{padding:0}.archive__list-item{display:flex;justify-content:space-between;padding-bottom:5px;list-style-type:none}.archive__list-date{text-align:right}.theme--light .archive__list-date{color:#9f9f9f}.theme--dark .archive__list-date{color:#9f9f9f}.archive__list-title{display:inline-block;flex:.96;text-transform:uppercase}.theme--light .archive__list-title{color:#464646}.theme--dark .archive__list-title{color:#eee}.theme--light .archive__list-title:hover{color:#0366d7}.theme--dark .archive__list-title:hover{color:#0366d7}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 300ms;will-change:opacity}.theme--light .medium-zoom-overlay{background:#fff}.theme--dark .medium-zoom-overlay{background:#152028}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform 300ms cubic-bezier(.2,0,.2,1)!important;z-index:100}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}.contact-form{margin-top:30px}.form-style{width:100%}.form-style ul{padding:0;margin:0;list-style:none}.form-style ul li{display:block;margin-bottom:10px;min-height:35px}.theme--light .form-style ul li{background-color:#fff;color:#464646}.theme--dark .form-style ul li{background-color:#152028;color:#eee}.form-style ul li .field-style{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:8px;outline:none;font-family:inherit}.theme--light .form-style ul li .field-style{border:1px solid #eee;background-color:#fff;color:#464646}.theme--dark .form-style ul li .field-style{border:1px solid #464646;background-color:#152028;color:#eee}.form-style ul li .field-style:focus{box-shadow:0 0 5px;border:1px solid}.form-style ul li .field-split{width:49%}.form-style ul li .field-full{width:100%}.form-style ul li input.align-left{float:left}.form-style ul li input.align-right{float:right}.form-style ul li textarea{width:100%;height:auto}.form-style ul li input[type=button],.form-style ul li input[type=submit]{display:inline-block;cursor:pointer;text-decoration:none;width:100%}#TableOfContents{display:block;background:0 0}#TableOfContents ul{list-style:none;line-height:1.9em;margin:0}#TableOfContents>ul{padding-left:0}#TableOfContents li a{display:inherit;color:#0366d7}#TableOfContents li a:hover{display:inherit} \ No newline at end of file +a{text-decoration:none}.theme--light a{color:#464646}.theme--dark a{color:#eee}.theme--light a:hover{color:#0366d7}.theme--dark a:hover{color:#0366d7}blockquote{padding:0 1em}.theme--light blockquote{color:#464646;border-right:1px solid #eee}.theme--dark blockquote{color:#eee;border-right:1px solid #464646}p{line-height:1.9em}*{font-family:tajawal,sans-serif;font-size:1.5rem}.html{-webkit-font-smoothing:antialiased;font-size:62.5%}.body{width:100%;margin:0 auto}.body.theme--dark{color:#eee;background-color:#152028}.body.theme--light{color:#464646;background-color:#fff}.header{width:100%;position:fixed;z-index:1;top:0}.theme--light .header{background-color:#fff}.theme--dark .header{background-color:#152028}@media screen and (min-width:961px){.header{position:sticky}.theme--light .header{border-bottom:1px solid #eee}.theme--dark .header{border-bottom:1px solid #464646}}@media print{.header{display:none}}.nav{display:none}@media screen and (min-width:961px){.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}@media print{.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}.nav__list{margin:0;list-style:none;padding:0;width:100%}.theme--light .nav__list{background-color:#eee}.theme--dark .nav__list{background-color:#464646}@media screen and (min-width:961px){.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}@media print{.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}.nav__list-item{padding:16px 0;text-transform:uppercase;text-align:center;white-space:nowrap}@media screen and (min-width:961px){.nav__list-item{padding-top:0;padding-bottom:0}.nav__list-item:not(:last-child){padding-left:20px}}.nav__link--active{padding-bottom:24px}@media screen and (min-width:961px){.theme--light .nav__link--active{border-bottom:1px solid #464646}.theme--dark .nav__link--active{border-bottom:1px solid #eee}}.nav--active{display:block}.animated{transition:top .8s linear;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px)}100%{-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}100%{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}.category{padding:4px 6px;border-radius:2px;display:inline-block;font-size:1.4rem;margin:5px 0 5px 8px}.theme--light .category{border:1px solid #eee;background-color:#eee;color:#464646!important}.theme--dark .category{border:1px solid #464646;background-color:#464646;color:#eee!important}.tag{display:inline-block;font-size:1.4rem;margin:5px 0 5px 8px}.theme--light .tag{color:#9f9f9f}.theme--dark .tag{color:#9f9f9f}.tag::before{content:'#'}.wrapper{display:flex;flex-direction:column}@media screen and (min-width:961px){.wrapper{flex-direction:row}}@media screen and (min-width:1921px){.wrapper{justify-content:center}}.wrapper__main{width:100%}@media screen and (min-width:961px){.wrapper__main{width:calc(.6 * 100%)}}@media print{.wrapper__main{width:calc(.6 * 100%)}}@media screen and (min-width:1921px){.wrapper__main{width:calc(.6 * 80%)}}.wrapper__sidebar{width:100%;padding:16px 0}@media screen and (min-width:961px){.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media print{.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media screen and (min-width:1921px){.wrapper__sidebar{width:calc(calc(1 - .6) * 80%)}}.sidebar{margin-top:40px}@media screen and (min-width:961px){.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-left:4px;border-left:1px solid #eee}.theme--dark .sidebar{margin-left:4px;border-left:1px solid #464646}}@media print{.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-left:4px;border-left:1px solid #eee}.theme--dark .sidebar{margin-left:4px;border-left:1px solid #464646}}@media screen and (min-width:961px){.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}@media print{.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}.sidebar__list{list-style:none;padding:0;text-align:center}.sidebar__list-item{display:inline;padding:0 4px;line-height:0}.sidebar__introduction{top:40%;text-align:center}.sidebar__introduction-description{margin:0 1em}.sidebar__introduction-profileimage{width:127px;height:127px;border-radius:50%}.sidebar__introduction-title{text-transform:uppercase;font-weight:700;letter-spacing:2px;line-height:1;margin:1em}.sidebar__introduction-title a{font-size:3.2rem}.footer{text-align:center;margin:0 auto;bottom:0;width:100%;padding-bottom:20px;flex:0;position:relative}.footer__list{list-style:none;padding:0;display:flex;justify-content:center}.footer__item{font-size:1.4rem}.footer__item:not(:first-of-type)::before{content:'\00B7';padding:4px}.footer__item a{font-size:1.4rem}.footer__sidebar{display:none}@media screen and (min-width:961px){.footer__sidebar{display:inline-block}}@media print{.footer__sidebar{display:inline-block}}@media screen and (min-width:961px){.footer__base{display:none}}@media print{.footer__base{display:none}}.pagination{margin:30px;padding:0 0 56px;text-align:center}.pagination__list{list-style:none;margin:0;padding:0;height:13px}.pagination__list-item{margin:0 2px;display:inline;line-height:1;text-decoration:none}.theme--light .pagination__list-item{color:#464646}.theme--dark .pagination__list-item{color:#eee}.navbar-burger{cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto;padding:6px}.navbar-burger__line{display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.theme--light .navbar-burger__line{background-color:#464646}.theme--dark .navbar-burger__line{background-color:#eee}.navbar-burger__line:nth-child(1){top:calc(50% - 6px)}.navbar-burger__line:nth-child(2){top:calc(50% - 1px)}.navbar-burger__line:nth-child(3){top:calc(50% + 4px)}@media screen and (min-width:961px){.navbar-burger{display:none}}.comment{margin:30px}.comment .utterances{max-width:unset}.languageswitch{position:relative}.languageswitch__label{cursor:pointer;white-space:nowrap}.languageswitch__list{display:none;list-style:none;padding:0;position:relative}@media screen and (min-width:961px){.languageswitch__list{border-radius:5px;position:absolute;top:32px}.theme--light .languageswitch__list{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .languageswitch__list{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1)}}.languageswitch__list-item{background:0 0;display:block;line-height:1;bottom:0;text-align:center;white-space:nowrap;padding-top:24px}.theme--light .languageswitch__list-item{color:#464646}.theme--dark .languageswitch__list-item{color:#eee}@media screen and (min-width:961px){.languageswitch__list-item{padding:12px}}.languageswitch__triangle{display:none}.languageswitch__triangle::before{content:'';border-radius:2px 0 0 0;height:14px;left:calc(50%/2);overflow:hidden;position:absolute;transform:rotate(45deg)translateY(0)translatex(10px);width:14px}.theme--light .languageswitch__triangle::before{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1);border-color:#eee}.theme--dark .languageswitch__triangle::before{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1);border-color:#464646}.languageswitch__picker:checked~.languageswitch__list{display:block}@media screen and (min-width:961px){.languageswitch__picker:checked~.languageswitch__triangle{display:block}}.post{margin:30px}.theme--light .post{background-color:#fff}.theme--dark .post{background-color:#152028}.post__meta{display:flex;list-style:none;padding:0}.post__meta-item:not(:last-child){margin-right:1.25rem}.post__meta-icon{margin-left:2px}.post__meta-text:not(:last-child){margin-left:4px}.post__thumbnail{width:100%;height:15em;object-fit:cover;display:block}.post__thumbnail-wrapper{border-radius:2px;width:100%;margin-bottom:1em;overflow:hidden;transition:box-shadow .3s ease}.theme--light .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(226,226,226,.1)}.theme--light .post__content a{color:#0366d7}.theme--dark .post__content a{color:#0366d7}.theme--light .post__content .chroma{background-color:#eee;display:block;border-bottom:1px solid #eee}.theme--dark .post__content .chroma{background-color:#464646;display:block;border-bottom:1px solid #464646}.post__content code{font-family:monospace;padding:0 2px}.theme--light .post__content code{background-color:#eee;border:1px solid #eee;border-radius:2px}.theme--dark .post__content code{background-color:#464646;border:1px solid #464646;border-radius:2px}.post__content pre{padding:5px;overflow-x:auto}.theme--light .post__content pre{background-color:#eee}.theme--dark .post__content pre{background-color:#464646}.post__content h1{font-size:3.6rem;letter-spacing:1px;line-height:1}.post__content h1 a{font-size:3.6rem}.theme--light .post__content h1 a{color:#464646}.theme--dark .post__content h1 a{color:#eee}.post__content h2{font-size:2.4rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h2 a{font-size:2.4rem}.theme--light .post__content h2 a{color:#464646}.theme--dark .post__content h2 a{color:#eee}.post__content h3{font-size:2rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h3 a{font-size:2rem}.theme--light .post__content h3 a{color:#464646}.theme--dark .post__content h3 a{color:#eee}.post__content ul,.post__content ol{line-height:1.9em;font-weight:400}.post__content img{display:block;margin-left:auto;margin-right:auto;max-width:100%}.post__content figure{max-width:100%;height:auto;margin:0 auto;text-align:center}.post__content figure.big{max-width:87.5%}.post__content figure.medium{max-width:75%}.post__content figure.small{max-width:50%}.post__content figure.tiny{max-width:25%}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:left;margin:0 1.5em 0 0}}@media screen and (min-width:961px){.post__content figure.left{max-width:50%;float:right;margin-left:1.5em}}.post__footer{padding:12px 0}.theme--light .post__footer{border-bottom:1px solid #eee}.theme--dark .post__footer{border-bottom:1px solid #464646}.post__footer-date{font-size:1.4rem;margin-left:10px;margin-right:5px}.alert{padding:1rem;border-style:solid;border-radius:.25rem;border-width:2px;margin-top:1rem}.theme--light .alert{border-color:#ffc107}.theme--dark .alert{border-color:#ffc107}.alert__indicator{display:inline-block;border-radius:9999px;padding:.5rem;width:2.5rem;height:2.5rem;text-align:center;font-weight:800;margin-right:.75rem}.theme--light .alert__indicator{color:#fff;background-color:#ffc107}.theme--dark .alert__indicator{color:#152028;background-color:#ffc107}.portfolio{position:relative;padding-left:0;padding-right:0;padding-bottom:0;padding-top:48px}@media screen and (min-width:961px){.portfolio{padding:48px}}@media print{.portfolio{padding:48px}}.portfolio::before{content:'';position:absolute;top:10%;left:10%;bottom:10%;right:10%;background:0 0;border-radius:.5em}@media screen and (min-width:961px){.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}@media print{.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}.portfolio__title{letter-spacing:1px;font-size:2.6rem;line-height:1;font-weight:600}.portfolio__image{max-width:100%;min-width:100%;box-shadow:0 8px 16px rgba(226,226,226,.1);overflow:hidden;transition:box-shadow .3s ease;object-fit:cover;border-bottom:0;display:block;position:relative}.portfolio__image-wrapper{display:block;background-color:#fff;position:relative;overflow:hidden}.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{margin-right:auto;margin-left:auto;width:calc(100% - 64px);padding:32px 32px 0;max-width:inherit}.theme--light .portfolio__image-wrapper--right,.theme--light .portfolio__image-wrapper--left{background-color:#fff}.theme--dark .portfolio__image-wrapper--right,.theme--dark .portfolio__image-wrapper--left{background-color:#152028}@media screen and (min-width:961px){.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media print{.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media print{.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}@media print{.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}.portfolio__description{padding:32px;position:relative}.theme--light .portfolio__description{background-color:#fff}.theme--dark .portfolio__description{background-color:#152028}@media screen and (min-width:961px){.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}@media print{.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}.portfolio__description--left,.portfolio__description--right{margin-top:-24px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{border-bottom:1px solid #eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{border-bottom:1px solid #464646}@media screen and (min-width:961px){.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media print{.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media screen and (min-width:961px){.portfolio__description--right{margin-left:auto}}@media print{.portfolio__description--right{margin-left:auto}}.portfolio__meta{display:flex;flex-wrap:wrap;list-style:none;padding:0;row-gap:.8rem}.portfolio__meta-item:not(:last-child){margin-right:1.25rem}.portfolio__button{font-weight:400;display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-style:normal;border-radius:999em;padding:10px}.theme--light .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.theme--dark .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.portfolio__button:hover{display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}.portfolio__button-wrapper{padding-bottom:1em}.page_404{text-align:center;padding-top:50px}.archive{margin:30px}.archive__heading{font-size:2.4rem;font-weight:600;line-height:2.2em}.theme--light .archive__heading{color:#464646}.theme--dark .archive__heading{color:#eee}.archive__list{padding:0}.archive__list-item{display:flex;justify-content:space-between;padding-bottom:5px;list-style-type:none}.archive__list-date{text-align:right}.theme--light .archive__list-date{color:#9f9f9f}.theme--dark .archive__list-date{color:#9f9f9f}.archive__list-title{display:inline-block;flex:.96;text-transform:uppercase}.theme--light .archive__list-title{color:#464646}.theme--dark .archive__list-title{color:#eee}.theme--light .archive__list-title:hover{color:#0366d7}.theme--dark .archive__list-title:hover{color:#0366d7}.notice{padding-left:0;padding-right:0;width:100%}.theme--light .notice{background-color:#eff8ff}.theme--dark .notice{background-color:#1c3757}.theme--light .notice--update{background-color:#e3fcec}.theme--dark .notice--update{background-color:#154426}.theme--light .notice--warning{background-color:#fcebea}.theme--dark .notice--warning{background-color:#772420}.notice__title{background-color:#6086b4;float:right;font-weight:300;letter-spacing:.025em;margin-bottom:.25rem;margin-left:1rem;padding-left:1rem;padding-right:1rem}.theme--light .notice__title{color:#fff}.theme--dark .notice__title{color:#152028}.notice__title--update{background-color:#51d88a}.notice__title--warning{background-color:#ef5753}.notice__content{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:100%;padding-left:1rem;padding-right:1rem;padding-top:8px;padding-bottom:8px}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 300ms;will-change:opacity}.theme--light .medium-zoom-overlay{background:#fff}.theme--dark .medium-zoom-overlay{background:#152028}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform 300ms cubic-bezier(.2,0,.2,1)!important;z-index:100}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}.contact-form{margin-top:30px}.form-style{width:100%}.form-style ul{padding:0;margin:0;list-style:none}.form-style ul li{display:block;margin-bottom:10px;min-height:35px}.theme--light .form-style ul li{background-color:#fff;color:#464646}.theme--dark .form-style ul li{background-color:#152028;color:#eee}.form-style ul li .field-style{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:8px;outline:none;font-family:inherit}.theme--light .form-style ul li .field-style{border:1px solid #eee;background-color:#fff;color:#464646}.theme--dark .form-style ul li .field-style{border:1px solid #464646;background-color:#152028;color:#eee}.form-style ul li .field-style:focus{box-shadow:0 0 5px;border:1px solid}.form-style ul li .field-split{width:49%}.form-style ul li .field-full{width:100%}.form-style ul li input.align-left{float:left}.form-style ul li input.align-right{float:right}.form-style ul li textarea{width:100%;height:auto}.form-style ul li input[type=button],.form-style ul li input[type=submit]{display:inline-block;cursor:pointer;text-decoration:none;width:100%}#TableOfContents{display:block;background:0 0}#TableOfContents ul{list-style:none;line-height:1.9em;margin:0}#TableOfContents>ul{padding-left:0}#TableOfContents li a{display:inherit;color:#0366d7}#TableOfContents li a:hover{display:inherit} \ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.json b/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.json index 767425f3..2e573556 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.json +++ b/exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.json @@ -1 +1 @@ -{"Target":"scss/main.rtl.min.452d226cf794eb977023db629849a66f3dd5ec9a9ed987d4687be9d6fceb2768.css","MediaType":"text/css","Data":{"Integrity":"sha256-RS0ibPeU65dwI9timEmmbz3V7Jqe2YfUaHvp1vzrJ2g="}} \ No newline at end of file +{"Target":"scss/main.rtl.min.296ab228202f651f6706654142649ed3a0bc65eb9fc0fde6448b447d2b854e9a.css","MediaType":"text/css","Data":{"Integrity":"sha256-KWqyKCAvZR9nBmVBQmSe06C8ZeufwP3mRItEfSuFTpo="}} \ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.content b/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.content index 0a29347f..26650ec8 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.content +++ b/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.content @@ -1 +1 @@ -a{text-decoration:none}.theme--light a{color:#464646}.theme--dark a{color:#eee}.theme--light a:hover{color:#0366d7}.theme--dark a:hover{color:#0366d7}blockquote{padding:0 1em}.theme--light blockquote{color:#464646;border-left:1px solid #eee}.theme--dark blockquote{color:#eee;border-left:1px solid #464646}p{line-height:1.9em}*{font-family:pinghei,pingfang sc,helvetica neue,work sans,hiragino sans gb,sans-serif;font-size:1.6rem}.html{-webkit-font-smoothing:antialiased;font-size:62.5%}.body{width:100%;margin:0 auto}.body.theme--dark{color:#eee;background-color:#152028}.body.theme--light{color:#464646;background-color:#fff}.header{width:100%;position:fixed;z-index:1;top:0}.theme--light .header{background-color:#fff}.theme--dark .header{background-color:#152028}@media screen and (min-width:961px){.header{position:sticky}.theme--light .header{border-bottom:1px solid #eee}.theme--dark .header{border-bottom:1px solid #464646}}@media print{.header{display:none}}.nav{display:none}@media screen and (min-width:961px){.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}@media print{.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}.nav__list{margin:0;list-style:none;padding:0;width:100%}.theme--light .nav__list{background-color:#eee}.theme--dark .nav__list{background-color:#464646}@media screen and (min-width:961px){.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}@media print{.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}.nav__list-item{padding:16px 0;text-transform:uppercase;text-align:center;white-space:nowrap}@media screen and (min-width:961px){.nav__list-item{padding-top:0;padding-bottom:0}.nav__list-item:not(:last-child){padding-right:20px}}.nav__link--active{padding-bottom:24px}@media screen and (min-width:961px){.theme--light .nav__link--active{border-bottom:1px solid #464646}.theme--dark .nav__link--active{border-bottom:1px solid #eee}}.nav--active{display:block}.animated{transition:top .8s linear;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px)}100%{-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}100%{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}.category{padding:4px 6px;border-radius:2px;display:inline-block;font-size:1.4rem;margin:5px 8px 5px 0}.theme--light .category{border:1px solid #eee;background-color:#eee;color:#464646!important}.theme--dark .category{border:1px solid #464646;background-color:#464646;color:#eee!important}.tag{display:inline-block;font-size:1.4rem;margin:5px 8px 5px 0}.theme--light .tag{color:#9f9f9f}.theme--dark .tag{color:#9f9f9f}.tag::before{content:'#'}.wrapper{display:flex;flex-direction:column}@media screen and (min-width:961px){.wrapper{flex-direction:row}}@media screen and (min-width:1921px){.wrapper{justify-content:center}}.wrapper__main{width:100%}@media screen and (min-width:961px){.wrapper__main{width:calc(.6 * 100%)}}@media print{.wrapper__main{width:calc(.6 * 100%)}}@media screen and (min-width:1921px){.wrapper__main{width:calc(.6 * 80%)}}.wrapper__sidebar{width:100%;padding:16px 0}@media screen and (min-width:961px){.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media print{.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media screen and (min-width:1921px){.wrapper__sidebar{width:calc(calc(1 - .6) * 80%)}}.sidebar{margin-top:40px}@media screen and (min-width:961px){.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-right:4px;border-right:1px solid #eee}.theme--dark .sidebar{margin-right:4px;border-right:1px solid #464646}}@media print{.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-right:4px;border-right:1px solid #eee}.theme--dark .sidebar{margin-right:4px;border-right:1px solid #464646}}@media screen and (min-width:961px){.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}@media print{.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}.sidebar__list{list-style:none;padding:0;text-align:center}.sidebar__list-item{display:inline;padding:0 4px;line-height:0}.sidebar__introduction{top:40%;text-align:center}.sidebar__introduction-description{margin:0 1em}.sidebar__introduction-profileimage{width:127px;height:127px;border-radius:50%}.sidebar__introduction-title{text-transform:uppercase;font-weight:700;letter-spacing:2px;line-height:1;margin:1em}.sidebar__introduction-title a{font-size:3.2rem}.footer{text-align:center;margin:0 auto;bottom:0;width:100%;padding-bottom:20px;flex:0;position:relative}.footer__list{list-style:none;padding:0;display:flex;justify-content:center}.footer__item{font-size:1.4rem}.footer__item:not(:first-of-type)::before{content:'\00B7';padding:4px}.footer__item a{font-size:1.4rem}.footer__sidebar{display:none}@media screen and (min-width:961px){.footer__sidebar{display:inline-block}}@media print{.footer__sidebar{display:inline-block}}@media screen and (min-width:961px){.footer__base{display:none}}@media print{.footer__base{display:none}}.pagination{margin:30px;padding:0 0 56px;text-align:center}.pagination__list{list-style:none;margin:0;padding:0;height:13px}.pagination__list-item{margin:0 2px;display:inline;line-height:1;text-decoration:none}.theme--light .pagination__list-item{color:#464646}.theme--dark .pagination__list-item{color:#eee}.navbar-burger{cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto;padding:6px}.navbar-burger__line{display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.theme--light .navbar-burger__line{background-color:#464646}.theme--dark .navbar-burger__line{background-color:#eee}.navbar-burger__line:nth-child(1){top:calc(50% - 6px)}.navbar-burger__line:nth-child(2){top:calc(50% - 1px)}.navbar-burger__line:nth-child(3){top:calc(50% + 4px)}@media screen and (min-width:961px){.navbar-burger{display:none}}.comment{margin:30px}.comment .utterances{max-width:unset}.languageswitch{position:relative}.languageswitch__label{cursor:pointer;white-space:nowrap}.languageswitch__list{display:none;list-style:none;padding:0;position:relative}@media screen and (min-width:961px){.languageswitch__list{border-radius:5px;position:absolute;top:32px}.theme--light .languageswitch__list{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .languageswitch__list{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1)}}.languageswitch__list-item{background:0 0;display:block;line-height:1;bottom:0;text-align:center;white-space:nowrap;padding-top:24px}.theme--light .languageswitch__list-item{color:#464646}.theme--dark .languageswitch__list-item{color:#eee}@media screen and (min-width:961px){.languageswitch__list-item{padding:12px}}.languageswitch__triangle{display:none}.languageswitch__triangle::before{content:'';border-radius:2px 0 0 0;height:14px;left:calc(50%/2);overflow:hidden;position:absolute;transform:rotate(45deg)translateY(0)translatex(10px);width:14px}.theme--light .languageswitch__triangle::before{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1);border-color:#eee}.theme--dark .languageswitch__triangle::before{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1);border-color:#464646}.languageswitch__picker:checked~.languageswitch__list{display:block}@media screen and (min-width:961px){.languageswitch__picker:checked~.languageswitch__triangle{display:block}}.post{margin:30px}.theme--light .post{background-color:#fff}.theme--dark .post{background-color:#152028}.post__meta{display:flex;list-style:none;padding:0}.post__meta-item:not(:last-child){margin-right:1.25rem}.post__meta-icon{margin-right:2px}.post__meta-text:not(:last-child){margin-right:4px}.post__thumbnail{width:100%;height:15em;object-fit:cover;display:block}.post__thumbnail-wrapper{border-radius:2px;width:100%;margin-bottom:1em;overflow:hidden;transition:box-shadow .3s ease}.theme--light .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(226,226,226,.1)}.theme--light .post__content a{color:#0366d7}.theme--dark .post__content a{color:#0366d7}.theme--light .post__content .chroma{background-color:#eee;display:block;border-bottom:1px solid #eee}.theme--dark .post__content .chroma{background-color:#464646;display:block;border-bottom:1px solid #464646}.post__content code{font-family:monospace;padding:0 2px}.theme--light .post__content code{background-color:#eee;border:1px solid #eee;border-radius:2px}.theme--dark .post__content code{background-color:#464646;border:1px solid #464646;border-radius:2px}.post__content pre{padding:5px;overflow-x:auto}.theme--light .post__content pre{background-color:#eee}.theme--dark .post__content pre{background-color:#464646}.post__content h1{font-size:3.6rem;letter-spacing:1px;line-height:1}.post__content h1 a{font-size:3.6rem}.theme--light .post__content h1 a{color:#464646}.theme--dark .post__content h1 a{color:#eee}.post__content h2{font-size:2.4rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h2 a{font-size:2.4rem}.theme--light .post__content h2 a{color:#464646}.theme--dark .post__content h2 a{color:#eee}.post__content h3{font-size:2rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h3 a{font-size:2rem}.theme--light .post__content h3 a{color:#464646}.theme--dark .post__content h3 a{color:#eee}.post__content ul,.post__content ol{line-height:1.9em;font-weight:400}.post__content img{display:block;margin-left:auto;margin-right:auto;max-width:100%}.post__content figure{max-width:100%;height:auto;margin:0 auto;text-align:center}.post__content figure.big{max-width:87.5%}.post__content figure.medium{max-width:75%}.post__content figure.small{max-width:50%}.post__content figure.tiny{max-width:25%}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:right;margin:0 0 0 1.5em}}@media screen and (min-width:961px){.post__content figure.left{max-width:50%;float:left;margin-right:1.5em}}.post__footer{padding:12px 0}.theme--light .post__footer{border-bottom:1px solid #eee}.theme--dark .post__footer{border-bottom:1px solid #464646}.post__footer-date{font-size:1.4rem;margin-right:10px;margin-left:5px}.alert{padding:1rem;border-style:solid;border-radius:.25rem;border-width:2px;margin-top:1rem}.theme--light .alert{border-color:#ffc107}.theme--dark .alert{border-color:#ffc107}.alert__indicator{display:inline-block;border-radius:9999px;padding:.5rem;width:2.5rem;height:2.5rem;text-align:center;font-weight:800;margin-right:.75rem}.theme--light .alert__indicator{color:#fff;background-color:#ffc107}.theme--dark .alert__indicator{color:#152028;background-color:#ffc107}.portfolio{position:relative;padding-left:0;padding-right:0;padding-bottom:0;padding-top:48px}@media screen and (min-width:961px){.portfolio{padding:48px}}@media print{.portfolio{padding:48px}}.portfolio::before{content:'';position:absolute;top:10%;left:10%;bottom:10%;right:10%;background:0 0;border-radius:.5em}@media screen and (min-width:961px){.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}@media print{.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}.portfolio__title{letter-spacing:1px;font-size:2.6rem;line-height:1;font-weight:600}.portfolio__image{max-width:100%;min-width:100%;box-shadow:0 8px 16px rgba(226,226,226,.1);overflow:hidden;transition:box-shadow .3s ease;object-fit:cover;border-bottom:0;display:block;position:relative}.portfolio__image-wrapper{display:block;background-color:#fff;position:relative;overflow:hidden}.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{margin-right:auto;margin-left:auto;width:calc(100% - 64px);padding:32px 32px 0;max-width:inherit}.theme--light .portfolio__image-wrapper--right,.theme--light .portfolio__image-wrapper--left{background-color:#fff}.theme--dark .portfolio__image-wrapper--right,.theme--dark .portfolio__image-wrapper--left{background-color:#152028}@media screen and (min-width:961px){.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media print{.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media print{.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}@media print{.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}.portfolio__description{padding:32px;position:relative}.theme--light .portfolio__description{background-color:#fff}.theme--dark .portfolio__description{background-color:#152028}@media screen and (min-width:961px){.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}@media print{.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}.portfolio__description--left,.portfolio__description--right{margin-top:-24px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{border-bottom:1px solid #eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{border-bottom:1px solid #464646}@media screen and (min-width:961px){.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media print{.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media screen and (min-width:961px){.portfolio__description--right{margin-left:auto}}@media print{.portfolio__description--right{margin-left:auto}}.portfolio__meta{display:flex;flex-wrap:wrap;list-style:none;padding:0;row-gap:.8rem}.portfolio__meta-item:not(:last-child){margin-right:1.25rem}.portfolio__button{font-weight:400;display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-style:normal;border-radius:999em;padding:10px}.theme--light .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.theme--dark .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.portfolio__button:hover{display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}.portfolio__button-wrapper{padding-bottom:1em}.page_404{text-align:center;padding-top:50px}.archive{margin:30px}.archive__heading{font-size:2.4rem;font-weight:600;line-height:2.2em}.theme--light .archive__heading{color:#464646}.theme--dark .archive__heading{color:#eee}.archive__list{padding:0}.archive__list-item{display:flex;justify-content:space-between;padding-bottom:5px;list-style-type:none}.archive__list-date{text-align:right}.theme--light .archive__list-date{color:#9f9f9f}.theme--dark .archive__list-date{color:#9f9f9f}.archive__list-title{display:inline-block;flex:.96;text-transform:uppercase}.theme--light .archive__list-title{color:#464646}.theme--dark .archive__list-title{color:#eee}.theme--light .archive__list-title:hover{color:#0366d7}.theme--dark .archive__list-title:hover{color:#0366d7}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 300ms;will-change:opacity}.theme--light .medium-zoom-overlay{background:#fff}.theme--dark .medium-zoom-overlay{background:#152028}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform 300ms cubic-bezier(.2,0,.2,1)!important;z-index:100}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}.contact-form{margin-top:30px}.form-style{width:100%}.form-style ul{padding:0;margin:0;list-style:none}.form-style ul li{display:block;margin-bottom:10px;min-height:35px}.theme--light .form-style ul li{background-color:#fff;color:#464646}.theme--dark .form-style ul li{background-color:#152028;color:#eee}.form-style ul li .field-style{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:8px;outline:none;font-family:inherit}.theme--light .form-style ul li .field-style{border:1px solid #eee;background-color:#fff;color:#464646}.theme--dark .form-style ul li .field-style{border:1px solid #464646;background-color:#152028;color:#eee}.form-style ul li .field-style:focus{box-shadow:0 0 5px;border:1px solid}.form-style ul li .field-split{width:49%}.form-style ul li .field-full{width:100%}.form-style ul li input.align-left{float:left}.form-style ul li input.align-right{float:right}.form-style ul li textarea{width:100%;height:auto}.form-style ul li input[type=button],.form-style ul li input[type=submit]{display:inline-block;cursor:pointer;text-decoration:none;width:100%}#TableOfContents{display:block;background:0 0}#TableOfContents ul{list-style:none;line-height:1.9em;margin:0}#TableOfContents>ul{padding-left:0}#TableOfContents li a{display:inherit;color:#0366d7}#TableOfContents li a:hover{display:inherit} \ No newline at end of file +a{text-decoration:none}.theme--light a{color:#464646}.theme--dark a{color:#eee}.theme--light a:hover{color:#0366d7}.theme--dark a:hover{color:#0366d7}blockquote{padding:0 1em}.theme--light blockquote{color:#464646;border-left:1px solid #eee}.theme--dark blockquote{color:#eee;border-left:1px solid #464646}p{line-height:1.9em}*{font-family:pinghei,pingfang sc,helvetica neue,work sans,hiragino sans gb,sans-serif;font-size:1.6rem}.html{-webkit-font-smoothing:antialiased;font-size:62.5%}.body{width:100%;margin:0 auto}.body.theme--dark{color:#eee;background-color:#152028}.body.theme--light{color:#464646;background-color:#fff}.header{width:100%;position:fixed;z-index:1;top:0}.theme--light .header{background-color:#fff}.theme--dark .header{background-color:#152028}@media screen and (min-width:961px){.header{position:sticky}.theme--light .header{border-bottom:1px solid #eee}.theme--dark .header{border-bottom:1px solid #464646}}@media print{.header{display:none}}.nav{display:none}@media screen and (min-width:961px){.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}@media print{.nav{display:flex;justify-content:space-between;align-items:center;box-shadow:none}}.nav__list{margin:0;list-style:none;padding:0;width:100%}.theme--light .nav__list{background-color:#eee}.theme--dark .nav__list{background-color:#464646}@media screen and (min-width:961px){.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}@media print{.nav__list{display:flex;padding:24px 30px}.theme--light .nav__list{background-color:#fff}.theme--dark .nav__list{background-color:#152028}.nav__list--end{flex-shrink:1;justify-content:flex-end}}.nav__list-item{padding:16px 0;text-transform:uppercase;text-align:center;white-space:nowrap}@media screen and (min-width:961px){.nav__list-item{padding-top:0;padding-bottom:0}.nav__list-item:not(:last-child){padding-right:20px}}.nav__link--active{padding-bottom:24px}@media screen and (min-width:961px){.theme--light .nav__link--active{border-bottom:1px solid #464646}.theme--dark .nav__link--active{border-bottom:1px solid #eee}}.nav--active{display:block}.animated{transition:top .8s linear;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px)}100%{-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}100%{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}.category{padding:4px 6px;border-radius:2px;display:inline-block;font-size:1.4rem;margin:5px 8px 5px 0}.theme--light .category{border:1px solid #eee;background-color:#eee;color:#464646!important}.theme--dark .category{border:1px solid #464646;background-color:#464646;color:#eee!important}.tag{display:inline-block;font-size:1.4rem;margin:5px 8px 5px 0}.theme--light .tag{color:#9f9f9f}.theme--dark .tag{color:#9f9f9f}.tag::before{content:'#'}.wrapper{display:flex;flex-direction:column}@media screen and (min-width:961px){.wrapper{flex-direction:row}}@media screen and (min-width:1921px){.wrapper{justify-content:center}}.wrapper__main{width:100%}@media screen and (min-width:961px){.wrapper__main{width:calc(.6 * 100%)}}@media print{.wrapper__main{width:calc(.6 * 100%)}}@media screen and (min-width:1921px){.wrapper__main{width:calc(.6 * 80%)}}.wrapper__sidebar{width:100%;padding:16px 0}@media screen and (min-width:961px){.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media print{.wrapper__sidebar{width:calc(calc(1 - .6) * 100%);padding:0}}@media screen and (min-width:1921px){.wrapper__sidebar{width:calc(calc(1 - .6) * 80%)}}.sidebar{margin-top:40px}@media screen and (min-width:961px){.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-right:4px;border-right:1px solid #eee}.theme--dark .sidebar{margin-right:4px;border-right:1px solid #464646}}@media print{.sidebar{z-index:2;position:fixed;height:100%;margin-top:0;width:inherit;display:flex;flex-direction:column}.theme--light .sidebar{margin-right:4px;border-right:1px solid #eee}.theme--dark .sidebar{margin-right:4px;border-right:1px solid #464646}}@media screen and (min-width:961px){.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}@media print{.sidebar__content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}}.sidebar__list{list-style:none;padding:0;text-align:center}.sidebar__list-item{display:inline;padding:0 4px;line-height:0}.sidebar__introduction{top:40%;text-align:center}.sidebar__introduction-description{margin:0 1em}.sidebar__introduction-profileimage{width:127px;height:127px;border-radius:50%}.sidebar__introduction-title{text-transform:uppercase;font-weight:700;letter-spacing:2px;line-height:1;margin:1em}.sidebar__introduction-title a{font-size:3.2rem}.footer{text-align:center;margin:0 auto;bottom:0;width:100%;padding-bottom:20px;flex:0;position:relative}.footer__list{list-style:none;padding:0;display:flex;justify-content:center}.footer__item{font-size:1.4rem}.footer__item:not(:first-of-type)::before{content:'\00B7';padding:4px}.footer__item a{font-size:1.4rem}.footer__sidebar{display:none}@media screen and (min-width:961px){.footer__sidebar{display:inline-block}}@media print{.footer__sidebar{display:inline-block}}@media screen and (min-width:961px){.footer__base{display:none}}@media print{.footer__base{display:none}}.pagination{margin:30px;padding:0 0 56px;text-align:center}.pagination__list{list-style:none;margin:0;padding:0;height:13px}.pagination__list-item{margin:0 2px;display:inline;line-height:1;text-decoration:none}.theme--light .pagination__list-item{color:#464646}.theme--dark .pagination__list-item{color:#eee}.navbar-burger{cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto;padding:6px}.navbar-burger__line{display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.theme--light .navbar-burger__line{background-color:#464646}.theme--dark .navbar-burger__line{background-color:#eee}.navbar-burger__line:nth-child(1){top:calc(50% - 6px)}.navbar-burger__line:nth-child(2){top:calc(50% - 1px)}.navbar-burger__line:nth-child(3){top:calc(50% + 4px)}@media screen and (min-width:961px){.navbar-burger{display:none}}.comment{margin:30px}.comment .utterances{max-width:unset}.languageswitch{position:relative}.languageswitch__label{cursor:pointer;white-space:nowrap}.languageswitch__list{display:none;list-style:none;padding:0;position:relative}@media screen and (min-width:961px){.languageswitch__list{border-radius:5px;position:absolute;top:32px}.theme--light .languageswitch__list{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .languageswitch__list{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1)}}.languageswitch__list-item{background:0 0;display:block;line-height:1;bottom:0;text-align:center;white-space:nowrap;padding-top:24px}.theme--light .languageswitch__list-item{color:#464646}.theme--dark .languageswitch__list-item{color:#eee}@media screen and (min-width:961px){.languageswitch__list-item{padding:12px}}.languageswitch__triangle{display:none}.languageswitch__triangle::before{content:'';border-radius:2px 0 0 0;height:14px;left:calc(50%/2);overflow:hidden;position:absolute;transform:rotate(45deg)translateY(0)translatex(10px);width:14px}.theme--light .languageswitch__triangle::before{background:#eee;box-shadow:0 8px 16px rgba(10,10,10,.1);border-color:#eee}.theme--dark .languageswitch__triangle::before{background:#464646;box-shadow:0 8px 16px rgba(226,226,226,.1);border-color:#464646}.languageswitch__picker:checked~.languageswitch__list{display:block}@media screen and (min-width:961px){.languageswitch__picker:checked~.languageswitch__triangle{display:block}}.post{margin:30px}.theme--light .post{background-color:#fff}.theme--dark .post{background-color:#152028}.post__meta{display:flex;list-style:none;padding:0}.post__meta-item:not(:last-child){margin-right:1.25rem}.post__meta-icon{margin-right:2px}.post__meta-text:not(:last-child){margin-right:4px}.post__thumbnail{width:100%;height:15em;object-fit:cover;display:block}.post__thumbnail-wrapper{border-radius:2px;width:100%;margin-bottom:1em;overflow:hidden;transition:box-shadow .3s ease}.theme--light .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .post__thumbnail-wrapper{box-shadow:0 8px 16px rgba(226,226,226,.1)}.theme--light .post__content a{color:#0366d7}.theme--dark .post__content a{color:#0366d7}.theme--light .post__content .chroma{background-color:#eee;display:block;border-bottom:1px solid #eee}.theme--dark .post__content .chroma{background-color:#464646;display:block;border-bottom:1px solid #464646}.post__content code{font-family:monospace;padding:0 2px}.theme--light .post__content code{background-color:#eee;border:1px solid #eee;border-radius:2px}.theme--dark .post__content code{background-color:#464646;border:1px solid #464646;border-radius:2px}.post__content pre{padding:5px;overflow-x:auto}.theme--light .post__content pre{background-color:#eee}.theme--dark .post__content pre{background-color:#464646}.post__content h1{font-size:3.6rem;letter-spacing:1px;line-height:1}.post__content h1 a{font-size:3.6rem}.theme--light .post__content h1 a{color:#464646}.theme--dark .post__content h1 a{color:#eee}.post__content h2{font-size:2.4rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h2 a{font-size:2.4rem}.theme--light .post__content h2 a{color:#464646}.theme--dark .post__content h2 a{color:#eee}.post__content h3{font-size:2rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h3 a{font-size:2rem}.theme--light .post__content h3 a{color:#464646}.theme--dark .post__content h3 a{color:#eee}.post__content ul,.post__content ol{line-height:1.9em;font-weight:400}.post__content img{display:block;margin-left:auto;margin-right:auto;max-width:100%}.post__content figure{max-width:100%;height:auto;margin:0 auto;text-align:center}.post__content figure.big{max-width:87.5%}.post__content figure.medium{max-width:75%}.post__content figure.small{max-width:50%}.post__content figure.tiny{max-width:25%}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:right;margin:0 0 0 1.5em}}@media screen and (min-width:961px){.post__content figure.left{max-width:50%;float:left;margin-right:1.5em}}.post__footer{padding:12px 0}.theme--light .post__footer{border-bottom:1px solid #eee}.theme--dark .post__footer{border-bottom:1px solid #464646}.post__footer-date{font-size:1.4rem;margin-right:10px;margin-left:5px}.alert{padding:1rem;border-style:solid;border-radius:.25rem;border-width:2px;margin-top:1rem}.theme--light .alert{border-color:#ffc107}.theme--dark .alert{border-color:#ffc107}.alert__indicator{display:inline-block;border-radius:9999px;padding:.5rem;width:2.5rem;height:2.5rem;text-align:center;font-weight:800;margin-right:.75rem}.theme--light .alert__indicator{color:#fff;background-color:#ffc107}.theme--dark .alert__indicator{color:#152028;background-color:#ffc107}.portfolio{position:relative;padding-left:0;padding-right:0;padding-bottom:0;padding-top:48px}@media screen and (min-width:961px){.portfolio{padding:48px}}@media print{.portfolio{padding:48px}}.portfolio::before{content:'';position:absolute;top:10%;left:10%;bottom:10%;right:10%;background:0 0;border-radius:.5em}@media screen and (min-width:961px){.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}@media print{.theme--light .portfolio::before{border:1px solid #eee}.theme--dark .portfolio::before{border:1px solid #464646}}.portfolio__title{letter-spacing:1px;font-size:2.6rem;line-height:1;font-weight:600}.portfolio__image{max-width:100%;min-width:100%;box-shadow:0 8px 16px rgba(226,226,226,.1);overflow:hidden;transition:box-shadow .3s ease;object-fit:cover;border-bottom:0;display:block;position:relative}.portfolio__image-wrapper{display:block;background-color:#fff;position:relative;overflow:hidden}.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{margin-right:auto;margin-left:auto;width:calc(100% - 64px);padding:32px 32px 0;max-width:inherit}.theme--light .portfolio__image-wrapper--right,.theme--light .portfolio__image-wrapper--left{background-color:#fff}.theme--dark .portfolio__image-wrapper--right,.theme--dark .portfolio__image-wrapper--left{background-color:#152028}@media screen and (min-width:961px){.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media print{.portfolio__image-wrapper--right,.portfolio__image-wrapper--left{width:60%;object-fit:contain;max-width:none;border-radius:.5em;padding:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media print{.portfolio__image-wrapper--left{margin-right:auto;margin-left:0}}@media screen and (min-width:961px){.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}@media print{.portfolio__image-wrapper--right{margin-right:0;margin-left:auto}}.portfolio__description{padding:32px;position:relative}.theme--light .portfolio__description{background-color:#fff}.theme--dark .portfolio__description{background-color:#152028}@media screen and (min-width:961px){.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}@media print{.portfolio__description{padding:48px;border-radius:.5em}.theme--light .portfolio__description{box-shadow:0 8px 16px rgba(10,10,10,.1)}.theme--dark .portfolio__description{box-shadow:0 8px 16px rgba(226,226,226,.1)}}.portfolio__description--left,.portfolio__description--right{margin-top:-24px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{border-bottom:1px solid #eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{border-bottom:1px solid #464646}@media screen and (min-width:961px){.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media print{.portfolio__description--left,.portfolio__description--right{border-bottom:0;width:60%;margin-top:-48px}.theme--light .portfolio__description--left,.theme--light .portfolio__description--right{background:#eee}.theme--dark .portfolio__description--left,.theme--dark .portfolio__description--right{background:#464646}}@media screen and (min-width:961px){.portfolio__description--right{margin-left:auto}}@media print{.portfolio__description--right{margin-left:auto}}.portfolio__meta{display:flex;flex-wrap:wrap;list-style:none;padding:0;row-gap:.8rem}.portfolio__meta-item:not(:last-child){margin-right:1.25rem}.portfolio__button{font-weight:400;display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-style:normal;border-radius:999em;padding:10px}.theme--light .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.theme--dark .portfolio__button{border:1px solid #9f9f9f;color:#0366d7}.portfolio__button:hover{display:inline-block;position:relative;outline:0;background:0 0;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;font-weight:400;font-style:normal;border-radius:999em}.portfolio__button-wrapper{padding-bottom:1em}.page_404{text-align:center;padding-top:50px}.archive{margin:30px}.archive__heading{font-size:2.4rem;font-weight:600;line-height:2.2em}.theme--light .archive__heading{color:#464646}.theme--dark .archive__heading{color:#eee}.archive__list{padding:0}.archive__list-item{display:flex;justify-content:space-between;padding-bottom:5px;list-style-type:none}.archive__list-date{text-align:right}.theme--light .archive__list-date{color:#9f9f9f}.theme--dark .archive__list-date{color:#9f9f9f}.archive__list-title{display:inline-block;flex:.96;text-transform:uppercase}.theme--light .archive__list-title{color:#464646}.theme--dark .archive__list-title{color:#eee}.theme--light .archive__list-title:hover{color:#0366d7}.theme--dark .archive__list-title:hover{color:#0366d7}.notice{padding-left:0;padding-right:0;width:100%}.theme--light .notice{background-color:#eff8ff}.theme--dark .notice{background-color:#1c3757}.theme--light .notice--update{background-color:#e3fcec}.theme--dark .notice--update{background-color:#154426}.theme--light .notice--warning{background-color:#fcebea}.theme--dark .notice--warning{background-color:#772420}.notice__title{background-color:#6086b4;float:right;font-weight:300;letter-spacing:.025em;margin-bottom:.25rem;margin-left:1rem;padding-left:1rem;padding-right:1rem}.theme--light .notice__title{color:#fff}.theme--dark .notice__title{color:#152028}.notice__title--update{background-color:#51d88a}.notice__title--warning{background-color:#ef5753}.notice__content{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:100%;padding-left:1rem;padding-right:1rem;padding-top:8px;padding-bottom:8px}.medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 300ms;will-change:opacity}.theme--light .medium-zoom-overlay{background:#fff}.theme--dark .medium-zoom-overlay{background:#152028}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform 300ms cubic-bezier(.2,0,.2,1)!important;z-index:100}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}.contact-form{margin-top:30px}.form-style{width:100%}.form-style ul{padding:0;margin:0;list-style:none}.form-style ul li{display:block;margin-bottom:10px;min-height:35px}.theme--light .form-style ul li{background-color:#fff;color:#464646}.theme--dark .form-style ul li{background-color:#152028;color:#eee}.form-style ul li .field-style{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:8px;outline:none;font-family:inherit}.theme--light .form-style ul li .field-style{border:1px solid #eee;background-color:#fff;color:#464646}.theme--dark .form-style ul li .field-style{border:1px solid #464646;background-color:#152028;color:#eee}.form-style ul li .field-style:focus{box-shadow:0 0 5px;border:1px solid}.form-style ul li .field-split{width:49%}.form-style ul li .field-full{width:100%}.form-style ul li input.align-left{float:left}.form-style ul li input.align-right{float:right}.form-style ul li textarea{width:100%;height:auto}.form-style ul li input[type=button],.form-style ul li input[type=submit]{display:inline-block;cursor:pointer;text-decoration:none;width:100%}#TableOfContents{display:block;background:0 0}#TableOfContents ul{list-style:none;line-height:1.9em;margin:0}#TableOfContents>ul{padding-left:0}#TableOfContents li a{display:inherit;color:#0366d7}#TableOfContents li a:hover{display:inherit} \ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.json b/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.json index ba6d112e..cf4de6b2 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.json +++ b/exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.json @@ -1 +1 @@ -{"Target":"scss/main.min.dd48129ac8fa8b31b5a5a0d72c50c389e3b176809b8dbd7ccdc0ef3c325d78f9.css","MediaType":"text/css","Data":{"Integrity":"sha256-3UgSmsj6izG1paDXLFDDieOxdoCbjb18zcDvPDJdePk="}} \ No newline at end of file +{"Target":"scss/main.min.5e97de8b79598e6a57c13b2c70465b6990ec2d66a77a928c7b2dc0b8aa828191.css","MediaType":"text/css","Data":{"Integrity":"sha256-Xpfei3lZjmpXwTsscEZbaZDsLWanepKMey3AuKqCgZE="}} \ No newline at end of file diff --git a/i18n/ar.toml b/i18n/ar.toml index be30c2bc..f501e8da 100644 --- a/i18n/ar.toml +++ b/i18n/ar.toml @@ -34,4 +34,13 @@ other = "الاسم" other = "البريد الالكتروني" [message] -other = "الرسالة" \ No newline at end of file +other = "الرسالة" + +[warning] +other = "تحذير" + +[info] +other = "حول" + +[update] +other = "تحديث" \ No newline at end of file diff --git a/i18n/de.toml b/i18n/de.toml index f70e2b28..9c3d0f5c 100644 --- a/i18n/de.toml +++ b/i18n/de.toml @@ -37,4 +37,13 @@ other = "Name" other = "E-Mail Adresse" [message] -other = "Nachricht" \ No newline at end of file +other = "Nachricht" + +[warning] +other = "Warnung" + +[info] +other = "Info" + +[update] +other = "Aktualisierung" \ No newline at end of file diff --git a/i18n/dk.toml b/i18n/dk.toml index 8561f4e2..7344ad35 100644 --- a/i18n/dk.toml +++ b/i18n/dk.toml @@ -33,4 +33,13 @@ other = "Navn" other = "e-mail-adresse" [message] -other = "besked" \ No newline at end of file +other = "besked" + +[warning] +other = "Advarsel" + +[info] +other = "Om" + +[update] +other = "Opdatering" \ No newline at end of file diff --git a/i18n/en.toml b/i18n/en.toml index fedc54cc..db4901fb 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -38,3 +38,12 @@ other = "Email" [message] other = "Message" + +[warning] +other = "Warning" + +[info] +other = "Info" + +[update] +other = "Update" \ No newline at end of file diff --git a/i18n/es.toml b/i18n/es.toml index a1a8abe9..a7a9c384 100644 --- a/i18n/es.toml +++ b/i18n/es.toml @@ -33,4 +33,13 @@ other = "Nombre" other = "Correo electrónico" [message] -other = "Mensaje" \ No newline at end of file +other = "Mensaje" + +[warning] +other = "Advertencia" + +[info] +other = "Acerca de" + +[update] +other = "Actualizar" \ No newline at end of file diff --git a/i18n/fa.toml b/i18n/fa.toml index 06b4fc0d..3521ae0e 100644 --- a/i18n/fa.toml +++ b/i18n/fa.toml @@ -33,4 +33,13 @@ other = "نام" other = "پست الکترونیک" [message] -other = "پیام" \ No newline at end of file +other = "پیام" + +[warning] +other = "هشدار" + +[info] +other = "درباره" + +[update] +other = "به روز رسانی" \ No newline at end of file diff --git a/i18n/fi.toml b/i18n/fi.toml index 5b1bfc64..ef654aae 100644 --- a/i18n/fi.toml +++ b/i18n/fi.toml @@ -33,4 +33,13 @@ other = "Nimi" other = "Sähköposti" [message] -other = "Viesti" \ No newline at end of file +other = "Viesti" + +[warning] +other = "Varoitus" + +[info] +other = "Tietoja" + +[update] +other = "Päivitys" \ No newline at end of file diff --git a/i18n/fr.toml b/i18n/fr.toml index f8a2a30c..e254da06 100644 --- a/i18n/fr.toml +++ b/i18n/fr.toml @@ -33,4 +33,13 @@ other = "Nom" other = "Email" [message] -other = "Message" \ No newline at end of file +other = "Message" + +[warning] +other = "Attention" + +[info] +other = "À propos" + +[update] +other = "mettre à jour" \ No newline at end of file diff --git a/i18n/it.toml b/i18n/it.toml index b5c1bc05..4a7ca0c9 100644 --- a/i18n/it.toml +++ b/i18n/it.toml @@ -33,4 +33,13 @@ other = "Nome" other = "Email" [message] -other = "Messaggio" \ No newline at end of file +other = "Messaggio" + +[warning] +other = "Avviso" + +[info] +other = "Informazioni" + +[update] +other = "Aggiorna" \ No newline at end of file diff --git a/i18n/ja.toml b/i18n/ja.toml index efaa23dd..d6d8d895 100644 --- a/i18n/ja.toml +++ b/i18n/ja.toml @@ -33,4 +33,13 @@ other = "お名前" other = "メールアドレス" [message] -other = "メッセージ" \ No newline at end of file +other = "メッセージ" + +[warning] +other = "警告" + +[info] +other = "概要" + +[update] +other = "更新" \ No newline at end of file diff --git a/i18n/ko.toml b/i18n/ko.toml index 6001e16d..312ab0ab 100644 --- a/i18n/ko.toml +++ b/i18n/ko.toml @@ -38,3 +38,12 @@ other = "이메일" [message] other = "메시지" + +[warning] +other = "경고" + +[info] +other = "경고" + +[update] +other = "업데이트" \ No newline at end of file diff --git a/i18n/pt-PT.toml b/i18n/pt-PT.toml index 95d48b6d..9f9854be 100644 --- a/i18n/pt-PT.toml +++ b/i18n/pt-PT.toml @@ -37,4 +37,13 @@ other = "Nome" other = "Email" [message] -other = "Mensagem" +other = "Mensagem" + +[warning] +other = "Aviso" + +[info] +other = "Sobre" + +[update] +other = "Atualizar" diff --git a/i18n/pt-br.toml b/i18n/pt-br.toml index deee9e35..6e56dcef 100644 --- a/i18n/pt-br.toml +++ b/i18n/pt-br.toml @@ -33,4 +33,13 @@ other = "Nome" other = "Email" [message] -other = "Mensagem" \ No newline at end of file +other = "Mensagem" + +[warning] +other = "Aviso" + +[info] +other = "Sobre" + +[update] +other = "Atualizar" \ No newline at end of file diff --git a/i18n/zh-cn.toml b/i18n/zh-cn.toml index 1f05270c..a7030127 100755 --- a/i18n/zh-cn.toml +++ b/i18n/zh-cn.toml @@ -33,4 +33,13 @@ other = "姓名" other = "电子邮件" [message] -other = "信息" \ No newline at end of file +other = "信息" + +[warning] +other = "警告" + +[info] +other = "关于" + +[update] +other = "更新" \ No newline at end of file diff --git a/i18n/zh-tw.toml b/i18n/zh-tw.toml index cee65209..ecfe358b 100644 --- a/i18n/zh-tw.toml +++ b/i18n/zh-tw.toml @@ -33,4 +33,13 @@ other = "名稱" other = "電子郵件" [message] -other = "消息" \ No newline at end of file +other = "消息" + +[warning] +other = "警告" + +[info] +other = "關於" + +[update] +other = "關於" \ No newline at end of file diff --git a/layouts/shortcodes/notice.html b/layouts/shortcodes/notice.html new file mode 100644 index 00000000..126d4744 --- /dev/null +++ b/layouts/shortcodes/notice.html @@ -0,0 +1,27 @@ +{{/* Available notice types: warning, info, update */}} +{{- $noticeType := .Get 0 -}} +