feat: refactor CSS to SCSS

Alexander Bilz

21.13.2022 be3218290dc63ba251bfd2fe4d4dccb2122f4bbe

feat: refactor CSS to SCSS 

Refactor CSS to SCSS

 .gitignore

@@ -5,3 +5,4 @@
.hugo_build.lock
/node_modules
.devcontainer
exampleSite/public/

 .prettierignore

@@ -1 +1,6 @@
contact.html
resources
exampleSite/public
exampleSite/resources
anatole.scss
anatole.rtl.scss

 assets/css/markupHighlight.css

@@ -66,7 +66,7 @@
  --chr-cpf-color: #75715e;
}

html[data-theme='dark'] {
body.theme--dark {
  /* Dark -> monokai */
  --chr-def-color: #f8f8f2;
  --chr-def-bg-color: #272822;

 assets/css/spinner.css

@@ -3,7 +3,7 @@
  --sk-color: #333;
}

html[data-theme='dark'] {
body.theme--dark {
  --sk-color: rgb(169, 169, 179);
}


 assets/css/style.css

File was deleted

 assets/css/style.rtl.css

File was deleted

 assets/js/anatole-header.js

@@ -1,18 +1,11 @@
document.addEventListener('DOMContentLoaded', function () {
  // Get all "navbar-burger" elements
  var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
  var nav = document.querySelector('nav');
  // Check if there are any navbar burgers
  if ($navbarBurgers.length > 0) {
    // Add a click event on each of them
    $navbarBurgers.forEach(function ($el) {
      $el.addEventListener('click', function () {
        var target = $el.dataset.target;
        var $target = document.getElementById(target);
        $el.classList.toggle('is-active');
        $target.classList.toggle('is-active');
        nav.classList.toggle('is-active');
document.addEventListener('DOMContentLoaded', () => {
  const navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
  const nav = document.querySelector('nav');
  if (navbarBurgers.length < 1) return;
  navbarBurgers.forEach((navbarBurger) => {
    navbarBurger.addEventListener('click', () => {
      navbarBurger.classList.toggle('nav--active');
      nav.classList.toggle('nav--active');
      });
    });
  }
});

 assets/js/anatole-theme-switcher.js

@@ -1,58 +1,53 @@
// initialize default value
function getTheme() {
  return localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
}
const getStoredThemeStyle = () => localStorage.getItem('theme');

function setTheme(style) {
  document.documentElement.setAttribute('data-theme', style);
const setThemeClass = (style) => {
  const body = document.body;
  const prevTheme = [...body.classList].find((c) => c.match(/theme--(light|dark)/));
  if (!prevTheme) return;
  body.classList.remove(prevTheme);
  body.classList.add(`theme--${style}`);
};

const setThemeStyle = (style) => {
  localStorage.setItem('theme', style);
  setThemeClass(style);
};

const switchTheme = () => {
  const currThemeStyle = getStoredThemeStyle();
  switch (currThemeStyle) {
    case 'light':
      setThemeStyle('dark');
      break;
    case 'dark':
      setThemeStyle('light');
      break;
    default:
      setThemeStyle('light');
      break;
}
};

function init() {
  // initialize default value
  const theme = getTheme();

  // check if a preferred color theme is set for users that have never been to our site
const initTheme = () => {
  const currThemeStyle = getStoredThemeStyle();
  if (currThemeStyle) {
    setThemeStyle(currThemeStyle);
    return;
  }
  const userPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
  if (theme === null) {
    if (userPrefersDark) {
      setTheme('dark');
    } else if (!document.documentElement.getAttribute('data-theme')) {
      setTheme('light');
    } else {
      setTheme(document.documentElement.getAttribute('data-theme'));
    }
  } else {
    // load a stored theme
    if (theme === 'light') {
      document.documentElement.setAttribute('data-theme', 'light');
    } else {
      document.documentElement.setAttribute('data-theme', 'dark');
    }
  }
}
  if (!userPrefersDark) return;
  setThemeStyle('dark');
};

// switch themes
function switchTheme() {
  const theme = getTheme();
  if (theme === 'light') {
    setTheme('dark');
  } else {
    setTheme('light');
  }
}

// Manual Switch
document.addEventListener(
  'DOMContentLoaded',
  function () {
    const themeSwitcher = document.querySelector('.theme-switch');
  () => {
    const themeSwitcher = document.querySelector('.themeswitch');
    themeSwitcher.addEventListener('click', switchTheme, false);
  },
  false,
);

// Automatic Switching
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', switchTheme, false);

init();
document.addEventListener('DOMContentLoaded', () => initTheme());

 assets/js/medium-zoom.js

@@ -504,4 +504,4 @@
  return mediumZoom;
});

mediumZoom(document.querySelectorAll('div.post-content img'));
mediumZoom(document.querySelectorAll('div.post__content img'));

 assets/scss/anatole.rtl.scss

New file
@@ -0,0 +1,4 @@
$content-ratio: {{ .Site.Params.contentratio | default 0.6 }};
$text-direction: "rtl";

@import 'main.scss';

 assets/scss/anatole.scss

New file
@@ -0,0 +1,4 @@
$content-ratio: {{ .Site.Params.contentratio | default 0.6 }};
$text-direction: "ltr";

@import 'main.scss';

 assets/scss/main.scss

New file
@@ -0,0 +1,27 @@
@import './modules/variables';
@import './modules/config';
@import './modules/color_theme';
@import './partials/hugo';
@import './partials/base';
@import './partials/layout/html';
@import './partials/layout/body';
@import './partials/layout/header';
@import './partials/layout/nav';
@import './partials/components/animated';
@import './partials/components/category';
@import './partials/components/tag';
@import './partials/components/wrapper';
@import './partials/components/sidebar';
@import './partials/components/footer';
@import './partials/components/pagination';
@import './partials/components/navbarburger';
@import './partials/components/comment';
@import './partials/components/languageswitch';
@import './partials/components/post';
@import './partials/components/alert';
@import './partials/components/portfolio';
@import './partials/components/page404';
@import './partials/components/archive';
@import './partials/vendors/mediumzoom';
@import './partials/vendors/contactform';
@import './partials/vendors/tableofcontents';

 assets/scss/modules/_color_theme.scss

New file
@@ -0,0 +1,46 @@
$themes: (
  light: (
    accent: $accent--lightmode,
    primary: $primary--lightmode,
    primary-light: $primary-light--lightmode,
    primary-lighter: $primary-lighter--lightmode,
    info: $info,
    shadow: $shadow--lightmode,
    border: 1px solid $primary-lighter--lightmode,
    alert: $alert,
  ),
  dark: (
    accent: $accent--darkmode,
    primary: $primary--darkmode,
    primary-light: $primary-light--darkmode,
    primary-lighter: $primary-lighter--darkmode,
    info: $info,
    shadow: $shadow--darkmode,
    border: 1px solid $primary-lighter--darkmode,
    alert: $alert,
  ),
);

$theme-map: ();

@mixin themed() {
  @each $theme, $map in $themes {
    .theme--#{$theme} & {
      @each $key, $submap in $map {
        $value: map-get(map-get($themes, $theme), '#{$key}');
        $theme-map: map-merge(
          $theme-map,
          (
            $key: $value,
          )
        ) !global;
      }
      @content;
      $theme-map: ();
    }
  }
}

@function t($key) {
  @return map-get($theme-map, $key);
}

 assets/scss/modules/_config.scss

New file
@@ -0,0 +1,39 @@
@mixin desktop {
  @media screen and (min-width: 961px) {
    @content;
  }
}

@mixin widescreen {
  @media screen and (min-width: 1921px) {
    @content;
  }
}

@mixin print {
  @media print {
    @content;
  }
}

@mixin desktop_and_print {
  @include desktop {
    @content;
  }

  @include print {
    @content;
  }
}

@mixin ltr {
  @if $text-direction == ltr {
    @content;
  }
}

@mixin rtl {
  @if $text-direction == rtl {
    @content;
  }
}

 assets/scss/modules/_variables.scss

New file
@@ -0,0 +1,23 @@
$accent--lightmode: #fff;
$primary--lightmode: #464646;
$primary-light--lightmode: #9f9f9f;
$primary-lighter--lightmode: #eeeeee;
$shadow--lightmode: 0 8px 16px rgba(10, 10, 10, 0.1);

$accent--darkmode: #152028;
$primary--darkmode: #eeeeee;
$primary-light--darkmode: #9f9f9f;
$primary-lighter--darkmode: #464646;
$shadow--darkmode: 0 8px 16px rgba(226, 226, 226, 0.1);

$alert: #ffc107;
$info: #0366d7;

$thumbnail-height: 15em;
$body-max-width: 1920px;

$sidebar-ratio: calc(1 - #{$content-ratio});
$content-max-width: calc(#{$body-max-width} * #{$content-ratio});
$sidebar-max-width: calc(#{$body-max-width} - #{$content-max-width});
$content-width: calc(#{$content-ratio} * 100%);
$sidebar-width: calc(#{$sidebar-ratio} * 100%);

 assets/scss/partials/_base.scss

New file
@@ -0,0 +1,13 @@
@charset "UTF-8";

* {
  @include ltr {
    font-family: 'PingHei', 'PingFang SC', 'Helvetica Neue', 'Work Sans', 'Hiragino Sans GB', sans-serif;
    font-size: 1.6rem;
  }

  @include rtl {
    font-family: 'Tajawal', sans-serif;
    font-size: 1.5rem;
  }
}

 assets/scss/partials/_hugo.scss

New file
@@ -0,0 +1,33 @@
a {
  text-decoration: none;

  @include themed() {
    color: t('primary');
  }

  &:hover {
    @include themed() {
      color: t('info');
    }
  }
}

blockquote {
  padding: 0 1em;

  @include themed() {
    color: t('primary');

    @include ltr {
      border-left: t('border');
    }

    @include rtl {
      border-right: t('border');
    }
  }
}

p {
  line-height: 1.9em;
}

 assets/scss/partials/components/_alert.scss

New file
@@ -0,0 +1,27 @@
.alert {
  padding: 1rem;
  border-style: solid;
  border-radius: 0.25rem;
  border-width: 2px;
  margin-top: 1rem;

  @include themed() {
    border-color: t('alert');
  }

  &__indicator {
    display: inline-block;
    border-radius: 9999px;
    padding: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    font-weight: 800;
    margin-right: 0.75rem;

    @include themed() {
      color: t('accent');
      background-color: t('alert');
    }
  }
}

 assets/scss/partials/components/_animated.scss

New file
@@ -0,0 +1,52 @@
.animated {
  transition: top 0.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);
    }
  }
}

 assets/scss/partials/components/_archive.scss

New file
@@ -0,0 +1,46 @@
.archive {
  margin: 30px;

  &__heading {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2.2em;

    @include themed() {
      color: t('primary');
    }
  }

  &__list {
    padding: 0;

    &-item {
      display: flex;
      justify-content: space-between;
      padding-bottom: 5px;
      list-style-type: none;
    }

    &-date {
      text-align: right;

      @include themed() {
        color: t('primary-light');
      }
    }

    &-title {
      display: inline-block;
      flex: 0.96;

      @include themed() {
        color: t('primary');
      }
      &:hover {
        @include themed() {
          color: t('info');
        }
      }
    }
  }
}

 assets/scss/partials/components/_category.scss

New file
@@ -0,0 +1,20 @@
.category {
  padding: 4px 6px;
  border-radius: 2px;
  display: inline-block;
  font-size: 1.4rem;

  @include themed() {
    border: t('border');
    background-color: t('primary-lighter');
    color: t('primary') !important;
  }

  @include ltr {
    margin: 5px 8px 5px 0;
  }

  @include rtl {
    margin: 5px 0 5px 8px;
  }
}

 assets/scss/partials/components/_comment.scss

New file
@@ -0,0 +1,6 @@
.comment {
  margin: 30px;
  .utterances {
    max-width: unset;
  }
}

 assets/scss/partials/components/_footer.scss

New file
@@ -0,0 +1,45 @@
.footer {
  $font-size-footer: 1.4rem;

  text-align: center;
  margin: 0 auto;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px;
  flex: 0;
  position: relative;

  &__list {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
  }

  &__item {
    font-size: $font-size-footer;

    &:not(:first-of-type)::before {
      content: '\00B7';
      padding: 4px;
    }

    a {
      font-size: $font-size-footer;
    }
  }

  &__sidebar {
    display: none;

    @include desktop_and_print {
      display: inline-block;
    }
  }

  &__base {
    @include desktop_and_print {
      display: none;
    }
  }
}

 assets/scss/partials/components/_languageswitch.scss

New file
@@ -0,0 +1,81 @@
.languageswitch {
  position: relative;

  &__label {
    cursor: pointer;
    white-space: nowrap;
  }

  &__list {
    display: none;
    list-style: none;
    padding: 0;
    position: relative;

    @include desktop {
      border-radius: 5px;
      position: absolute;
      top: 32px;

      @include themed() {
        background: t('primary-lighter');
        box-shadow: t('shadow');
      }
    }

    &-item {
      background: transparent;
      display: block;
      line-height: 1;
      bottom: 0;
      text-align: center;
      white-space: nowrap;
      padding-top: 24px;

      @include themed() {
        color: t('primary');
      }

      @include desktop {
        padding: 12px;
      }
    }
  }

  &__triangle {
    display: none;

    &::before {
      content: '';
      border-radius: 2px 0px 0px 0px;
      height: 14px;
      left: calc(50% / 2);
      overflow: hidden;
      position: absolute;
      transform: rotate(45deg) translateY(0px) translatex(10px);
      width: 14px;

      @include themed() {
        background: t('primary-lighter');
        box-shadow: t('shadow');
        border-color: t('primary-lighter');
      }
    }
  }

  &__picker {
    &:checked {
      ~ .languageswitch {
        &__list {
          display: block;
        }

        &__triangle {
          @include desktop {
            display: block;
          }
        }
      }
    }
  }
}

 assets/scss/partials/components/_navbarburger.scss

New file
@@ -0,0 +1,40 @@
.navbar-burger {
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto;

  &__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;

    @include themed() {
      background-color: t('primary');
    }

    &:nth-child(1) {
      top: calc(50% - 6px);
    }

    &:nth-child(2) {
      top: calc(50% - 1px);
    }

    &:nth-child(3) {
      top: calc(50% + 4px);
    }
  }

  @include desktop {
    display: none;
  }
}

 assets/scss/partials/components/_page404.scss

New file
@@ -0,0 +1,4 @@
.page_404 {
  text-align: center;
  padding-top: 50px;
}

 assets/scss/partials/components/_pagination.scss

New file
@@ -0,0 +1,23 @@
.pagination {
  margin: 30px;
  padding: 0px 0 56px 0;
  text-align: center;

  &__list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 13px;

    &-item {
      margin: 0 2px 0 2px;
      display: inline;
      line-height: 1;
      text-decoration: none;

      @include themed() {
        color: t('primary');
      }
    }
  }
}

 assets/scss/partials/components/_portfolio.scss

New file
@@ -0,0 +1,172 @@
.portfolio {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 48px;

  @include desktop_and_print {
    padding: 48px;
  }

  &::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 10%;
    bottom: 10%;
    right: 10%;
    background: transparent;
    border-radius: 0.5em;

    @include desktop_and_print {
      @include themed() {
        border: t('border');
      }
    }
  }

  &__title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2.6rem;
    line-height: 1;
    font-weight: 600;
  }

  &__image {
    max-width: 100%;
    min-width: 100%;
    box-shadow: t('shadow');
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    object-fit: cover;
    border-bottom: 0px;
    display: block;
    position: relative;

    &-wrapper {
      display: block;
      background-color: #fff;
      position: relative;
      overflow: hidden;

      &--right,
      &--left {
        margin-right: auto;
        margin-left: auto;
        width: calc(100% - 64px);
        padding: 32px 32px 0px 32px;
        max-width: inherit;

        @include themed() {
          background-color: t('accent');
        }

        @include desktop_and_print {
          width: 60%;
          object-fit: contain;
          max-width: none;
          border-radius: 0.5em;
          padding: 0;
        }
      }

      &--left {
        @include desktop_and_print {
          margin-right: auto;
          margin-left: 0;
        }
      }

      &--right {
        @include desktop_and_print {
          margin-right: 0;
          margin-left: auto;
        }
      }
    }
  }

  &__description {
    padding: 32px;
    position: relative;

    @include themed() {
      background-color: t('accent');
    }

    @include desktop_and_print {
      padding: 48px;
      border-radius: 0.5em;

      @include themed() {
        box-shadow: t('shadow');
      }
    }

    &--left,
    &--right {
      margin-top: -24px;

      @include themed() {
        border-bottom: t('border');
      }

      @include desktop_and_print {
        @include themed() {
          background: t('primary-lighter');
        }
        border-bottom: 0px;
        width: 60%;
        margin-top: -48px;
      }
    }

    &--right {
      @include desktop_and_print {
        margin-left: auto;
      }
    }
  }

  &__button {
    font-weight: 400;
    display: inline-block;
    position: relative;
    outline: 0;
    background: transparent;

    text-align: center;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    font-style: normal;
    border-radius: 999em;
    padding: 10px;

    @include themed() {
      border: 1px solid t('primary-light');
      color: t('info');
    }

    &:hover {
      display: inline-block;
      position: relative;
      outline: 0px;
      background: transparent;

      text-align: center;
      text-decoration: none;
      cursor: pointer;
      white-space: nowrap;
      font-weight: 400;
      font-style: normal;
      border-radius: 999em;
    }

    &-wrapper {
      padding-bottom: 1em;
    }
  }
}

 assets/scss/partials/components/_post.scss

New file
@@ -0,0 +1,219 @@
.post {
  margin: 30px;

  @include themed() {
    background-color: t('accent');
  }

  &__meta {
    display: flex;
    list-style: none;
    padding: 0;

    &-item {
      &:not(:last-child) {
        margin-right: 1.25rem;
      }
    }

    &-icon {
      @include ltr {
        margin-right: 2px;
      }

      @include rtl {
        margin-left: 2px;
      }
    }

    &-text {
      &:not(:last-child) {
        @include ltr {
          margin-right: 4px;
        }

        @include rtl {
          margin-left: 4px;
        }
      }
    }
  }

  &__thumbnail {
    width: 100%;
    height: $thumbnail-height;
    object-fit: cover;
    display: block;

    &-wrapper {
      border-radius: 2px;
      width: 100%;
      margin-bottom: 1em;
      overflow: hidden;
      transition: box-shadow 0.3s ease;

      @include themed() {
        box-shadow: t('shadow');
      }
    }
  }

  &__content {
    a {
      @include themed() {
        color: t('info');
      }
    }

    code {
      font-family: monospace;
      padding: 0 2px;

      @include themed() {
        background-color: t('primary-lighter');
        border: 1px solid t('primary-lighter');
        border-radius: 2px;
      }
    }

    pre {
      padding: 5px;
      overflow-x: auto;

      @include themed() {
        background-color: t('primary-lighter');
      }
    }

    h1 {
      $font-size-h1: 3.6rem;

      font-size: $font-size-h1;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1;

      a {
        font-size: $font-size-h1;

        @include themed() {
          color: t('primary');
        }
      }
    }

    h2 {
      $font-size-h2: 2.4rem;

      font-size: $font-size-h2;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1;

      a {
        font-size: $font-size-h2;

        @include themed() {
          color: t('primary');
        }
      }
    }

    h3 {
      $font-size-h3: 2rem;

      font-size: $font-size-h3;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      line-height: 1;

      a {
        font-size: $font-size-h3;

        @include themed() {
          color: t('primary');
        }
      }
    }

    ul,
    ol {
      line-height: 1.9em;
      font-weight: 400;
    }

    img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
    }

    figure {
      max-width: 100%;
      height: auto;
      margin: 0;
      text-align: center;

      &.big {
        max-width: 100vw;
      }

      &.right {
        @include desktop {
          max-width: 50%;

          @include ltr {
            float: right;
            margin-left: 1.5em;
          }

          @include rtl {
            float: left;
            margin-right: 1.5em;
          }
        }
      }

      &.left {
        @include desktop {
          max-width: 50%;

          @include ltr {
            float: left;
            margin-right: 1.5em;
          }

          @include rtl {
            float: right;
            margin-left: 1.5em;
          }
        }
      }
    }
  }

  &__footer {
    padding: 12px 0;

    @include themed() {
      border-bottom: t('border');
    }

    &-date {
      font-size: 1.4rem;

      @include ltr {
        margin-right: 10px;
        margin-left: 5px;
      }

      @include rtl {
        margin-left: 10px;
        margin-right: 5px;
      }
    }
  }
}

 assets/scss/partials/components/_sidebar.scss

New file
@@ -0,0 +1,74 @@
.sidebar {
  margin-top: 40px;

  @include desktop_and_print {
    z-index: 2;
    position: fixed;
    height: 100%;
    margin-top: 0;
    width: inherit;
    display: flex;
    flex-direction: column;

    @include themed() {
      @include ltr {
        margin-right: 4px;
        border-right: t('border');
      }

      @include rtl {
        margin-left: 4px;
        border-left: t('border');
      }
    }
  }

  &__content {
    @include desktop_and_print {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      justify-content: center;
    }
  }

  &__list {
    list-style: none;
    padding: 0;

    text-align: center;

    &-item {
      display: inline;
      padding: 0 4px;
      line-height: 0;
    }
  }

  &__introduction {
    top: 40%;
    text-align: center;

    &-description {
      margin: 0 1em;
    }

    &-profileimage {
      width: 127px;
      height: 127px;
      border-radius: 50%;
    }

    &-title {
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 2px;
      line-height: 1;
      margin: 1em;

      a {
        font-size: 3.2rem;
      }
    }
  }
}

 assets/scss/partials/components/_tag.scss

New file
@@ -0,0 +1,20 @@
.tag {
  display: inline-block;
  font-size: 1.4rem;

  @include themed() {
    color: t('primary-light');
  }

  @include ltr {
    margin: 5px 8px 5px 0;
  }

  @include rtl {
    margin: 5px 0 5px 8px;
  }

  &::before {
    content: '#';
  }
}

 assets/scss/partials/components/_themeswitch.scss

New file
@@ -0,0 +1,4 @@
.themeswitch {
  margin-top: -5px;
  font-size: 1.75rem;
}

 assets/scss/partials/components/_wrapper.scss

New file
@@ -0,0 +1,38 @@
.wrapper {
  display: flex;
  flex-direction: column;

  @include desktop {
    flex-direction: row;
  }

  @include widescreen {
    justify-content: center;
  }

  &__main {
    width: 100%;

    @include desktop_and_print {
      width: $content-width;
    }

    @include widescreen {
      width: calc(#{$content-ratio} * 80%);
    }
  }

  &__sidebar {
    width: 100%;
    padding: 16px 0;

    @include desktop_and_print {
      width: $sidebar-width;
      padding: 0;
    }

    @include widescreen {
      width: calc(#{$sidebar-ratio} * 80%);
    }
  }
}

 assets/scss/partials/layout/_body.scss

New file
@@ -0,0 +1,13 @@
.body {
  width: 100%;
  margin: 0 auto;
  // work around to style body
  &.theme--dark {
    color: $primary--darkmode;
    background-color: $accent--darkmode;
  }
  &.theme--light {
    color: $primary--lightmode;
    background-color: $accent--lightmode;
  }
}

 assets/scss/partials/layout/_header.scss

New file
@@ -0,0 +1,21 @@
.header {
  @include themed() {
    background-color: t('accent');
  }
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;

  @include desktop {
    position: sticky;

    @include themed() {
      border-bottom: t('border');
    }
  }

  @include print {
    display: none;
  }
}

 assets/scss/partials/layout/_html.scss

New file
@@ -0,0 +1,4 @@
.html {
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
}

 assets/scss/partials/layout/_nav.scss

New file
@@ -0,0 +1,73 @@
.nav {
  $py-desktop: 24px;

  display: none;

  @include desktop_and_print {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
  }

  &__list {
    margin: 0;
    list-style: none;
    padding: 0;
    width: 100%;

    @include themed() {
      background-color: t('primary-lighter');
    }

    @include desktop_and_print {
      display: flex;
      padding: $py-desktop 30px;

      @include themed() {
        background-color: t('accent');
      }

      &--end {
        flex-shrink: 1;
        justify-content: flex-end;
      }
    }

    &-item {
      padding: 16px 0;
      text-transform: uppercase;
      text-align: center;

      @include desktop {
        padding-top: 0;
        padding-bottom: 0;

        &:not(:last-child) {
          @include ltr {
            padding-right: 20px;
          }
          @include rtl {
            padding-left: 20px;
          }
        }
      }
    }
  }

  &__link {
    &--active {
      padding-bottom: $py-desktop;

      @include desktop {
        @include themed() {
          border-bottom: 1px solid t('primary');
        }
      }
    }
  }

  &--active {
    display: block;
  }
}

 assets/scss/partials/vendors/_contactform.scss

New file
@@ -0,0 +1,64 @@
/* (CONTACT) FORM */

.contact-form {
  margin-top: 30px;
}
.form-style {
  width: 100%;
}
.form-style ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.form-style ul li {
  @include themed() {
    background-color: t('accent');
    color: t('primary');
  }
  display: block;
  margin-bottom: 10px;
  min-height: 35px;
}
.form-style ul li .field-style {
  @include themed() {
    border: t('border');
    background-color: t('accent');
    color: t('primary');
  }
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

  padding: 8px;
  outline: none;
  font-family: inherit;
}
.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%;
}
/* (CONTACT) FORM END */

 assets/scss/partials/vendors/_mediumzoom.scss

New file
@@ -0,0 +1,37 @@
.medium-zoom-overlay {
  @include themed() {
    background: t('accent');
  }
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 300ms;
  will-change: opacity;
}

.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(0.2, 0, 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;
}

 assets/scss/partials/vendors/_tableofcontents.scss

New file
@@ -0,0 +1,23 @@
#TableOfContents {
  display: block;
  background: transparent;
}

#TableOfContents ul {
  list-style: none;
  line-height: 1.9em;
  margin: 0;
}

#TableOfContents > ul {
  padding-left: 0;
}

#TableOfContents li a {
  display: inherit;
  color: $info;
}

#TableOfContents li a:hover {
  display: inherit;
}

 exampleSite/config/_default/languages.toml

 exampleSite/content/english/post/markdown-syntax.md

@@ -92,10 +92,10 @@

#### Code block indented with four spaces

    <!doctype html>
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
        <meta charset="utf-8" />
      <title>Example HTML5 Document</title>
    </head>
    <body>
@@ -107,10 +107,10 @@

{{< highlight html >}}

<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
    <meta charset="utf-8" />
  <title>Example HTML5 Document</title>
</head>
<body>

 exampleSite/content/english/post/series-part-2.md

@@ -14,4 +14,4 @@
When you created a series, you'll probably want to link to the full set of blogposts.  
In this example we used `series-setup` as our series name.

This means we can now go to `http://localhost:1313/series/series-setup/` to see all the blog posts of this serie.
This means we can now go to [http://localhost:1313/series/series-setup/](http://localhost:1313/series/series-setup/) to see all the blog posts of this serie.

 exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.content

New file
@@ -0,0 +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}@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}.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}.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;text-transform:uppercase;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;text-transform:uppercase;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;text-transform:uppercase;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;text-align:center}.post__content figure.big{max-width:100vw}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:left;margin-right:1.5em}}@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{text-transform:uppercase;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__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}.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}

 exampleSite/resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.json

New file
@@ -0,0 +1 @@
{"Target":"scss/main.rtl.min.79afeb76fb7090c6dd3ff92152f75d08176cddfa5665720c8ce158111570612c.css","MediaType":"text/css","Data":{"Integrity":"sha256-ea/rdvtwkMbdP/khUvddCBds3fpWZXIMjOFYERVwYSw="}}

 exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.content

New file
@@ -0,0 +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}@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}.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}.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;text-transform:uppercase;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;text-transform:uppercase;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;text-transform:uppercase;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;text-align:center}.post__content figure.big{max-width:100vw}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:right;margin-left: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{text-transform:uppercase;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__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}.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}

 exampleSite/resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.json

New file
@@ -0,0 +1 @@
{"Target":"scss/main.min.701fd2854a758b1d755397addb7c7ad9c94f550c78a1265670472d42bc80cb11.css","MediaType":"text/css","Data":{"Integrity":"sha256-cB/ShUp1ix11U5et23x62clPVQx4oSZWcEctQryAyxE="}}

 images/screenshot.png

 images/screenshot_dark.png

 images/tn.png

 layouts/_default/baseof.html

@@ -3,20 +3,25 @@
  dir="{{ .Site.Language.LanguageDirection | default "ltr" }}"
  lang="{{- site.Language.Lang -}}"
  data-theme="{{- .Site.Params.displayMode -}}"
  class="html"
>
  {{- partial "head.html" . -}}
  <body>
    <header>{{ partial "navbar.html" . }}</header>
  <body
    {{ if eq .Params.displayMode "dark" }}
      class="body theme--dark"

    {{ else }}
      class="body theme--light"

    {{ end }}
  >
    <div class="wrapper">
      <aside>
      <aside class="wrapper__sidebar">
        {{- partial "sidebar.html" . -}}
      </aside>
      <main>
        <div class="autopagerize_page_element">
          <div class="content">
      <main class="wrapper__main">
        <header class="header">{{ partial "navbar.html" . }}</header>
            {{- block "main" . }}{{- end }}
          </div>
        </div>
      </main>
    </div>


 layouts/_default/list.html

@@ -8,17 +8,14 @@

    {{ end }}"
  >
    <ul class="list-with-title">
      {{ range .Data.Pages.GroupByDate "2006" }}
        <div class="listing-title">{{ .Key }}</div>
      <div class="archive__heading">{{ .Key }}</div>
        {{ range .Pages }}
          <ul class="listing">
            <div class="listing-item">
              <div class="listing-post">
                <a href="{{ .RelPermalink }}" title="{{ .Title }}">{{ .Title }}</a>
                <div class="post-time">
                  <span class="date"
                    >{{ if isset .Site.Params "listdateformat" }}
        <ul class="archive__list">
          <li class="archive__list-item">
            <a class="archive__list-title" href="{{ .RelPermalink }}" title="{{ .Title }}">{{ .Title }}</a>
            <div class="archive__list-date">
              {{ if isset .Site.Params "listdateformat" }}
                      {{ .Date.Format .Site.Params.listDateFormat }}


@@ -26,18 +23,15 @@
                      {{ .Date.Format "Jan 2" }}


                    {{ end }}</span
                  >
              {{ end }}
                </div>
              </div>
            </div>
          </li>
          </ul>

        {{ end }}


      {{ end }}
    </ul>
  </div>

{{ end }}

 layouts/_default/single.html

@@ -8,17 +8,19 @@

    {{ end }}"
  >
    <div class="post-content">
      {{ if .Params.thumbnail }}
        <img class="post-thumbnail" src="{{ .Params.thumbnail | relURL }}" alt="Thumbnail image" />
      <div class="post__thumbnail-wrapper">
        <img class="post__thumbnail" src="{{ .Params.thumbnail | relURL }}" alt="Thumbnail image" />
      </div>

      {{ end }}
      <div class="post-title">
    <div class="post__content">
        <h1>{{ .Title }}</h1>
        {{ if or (eq .Type "post") (eq .Type .Site.Params.postSectionName) }}
          <div class="info">
            <em class="fas fa-calendar-day"></em>
            <span class="date"
        <ul class="post__meta">
          <li class="post__meta-item">
            <em class="fas fa-calendar-day post__meta-icon"></em>
            <span class="post__meta-text"
              >{{ if isset .Site.Params "singledateformat" }}
                {{ .Date.Format .Site.Params.singleDateFormat }}

@@ -27,14 +29,16 @@
                {{ .Date.Format "Mon, Jan 2, 2006" }}


              {{ end }}</span
            >
            <em class="fas fa-stopwatch"></em>
            <span class="reading-time">{{ i18n "reading_time" .ReadingTime }}</span>
          </div>
              {{ end }}
            </span>
          </li>
          <li class="post__meta-item">
            <em class="fas fa-stopwatch post__meta-icon"></em>
            <span class="post__meta-text">{{ i18n "reading_time" .ReadingTime }}</span>
          </li>
        </ul>

        {{ end }}
      </div>

      {{- partial "expirationnote.html" . -}}

@@ -59,8 +63,7 @@

      {{- end -}}
    </div>
    <div class="post-footer">
      <div class="info">
    <div class="post__footer">
        {{ with .Page.Params.Categories }}
          {{ partial "taxonomy/categories.html" . }}

@@ -73,32 +76,31 @@

        {{ end }}
      </div>
    </div>

    {{ if and (or (eq .Type "post") (eq .Type .Site.Params.postSectionName)) (ne .Page.Params.disableComments true) }}
      {{- if .Site.DisqusShortname -}}
        <div id="fb_comments_container">
        <div id="comment">
          <h2>{{ i18n "comments" }}</h2>
          {{ template "_internal/disqus.html" . }}
        </div>

      {{- end -}}
      {{- if .Site.Params.utterances.repo -}}
        <div id="fb_comments_container">
        <div id="comment">
          <h2>{{ i18n "comments" }}</h2>
          {{ partial "comments/utterances.html" . }}
        </div>

      {{- end -}}
      {{- if .Site.Params.CommentoURL -}}
        <div id="fb_comments_container">
        <div id="comment">
          <h2>{{ i18n "comments" }}</h2>
          {{ partial "comments/commento.html" . }}
        </div>

      {{- end -}}
      {{- if .Site.Params.gitalk.repo -}}
        <div id="fb_comments_container">
        <div id="comment">
          <h2>{{ i18n "comments" }}</h2>
          {{ partial "comments/gitalk.html" . }}
        </div>

 layouts/index.html

@@ -8,7 +8,7 @@

    {{ end }}"
  >
    <div class="post-title post-content">
    <div class="post__content">
      {{ .Content }}
    </div>

@@ -30,7 +30,7 @@

      {{ end }}"
    >
      <div class="post-title post-content">
      <div class="post__content">
        <h2>{{ .Params.mainSectionsTitle }}</h2>
      </div>
    </div>
@@ -49,18 +49,15 @@
      {{ end }}"
    >
      {{ if .Params.thumbnail }}
        <div class="post-thumbnail">
        <div class="post__thumbnail-wrapper">
          <a href="{{ .RelPermalink }}">
            <img src="{{ .Params.thumbnail | relURL }}" alt="Thumbnail image" loading="lazy" />
            <img class="post__thumbnail" src="{{ .Params.thumbnail | relURL }}" alt="Thumbnail image" loading="lazy" />
          </a>
        </div>

      {{ end }}
      <div class="post-title">
      <div class="post__content">
        <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
      </div>
      <div class="post-content">
        <div class="p_part">
          <p>
            {{ if .Site.Params.fullPostContent }}
              {{ .Content }}
@@ -74,18 +71,15 @@
          </p>
          <!-- add read more -->
          {{- if and (.Truncated) (.Site.Params.readMore) -}}
            <a href="{{ .RelPermalink }}" class="read_more">{{ i18n "read_more" }}</a>
          <a href="{{ .RelPermalink }}">{{ i18n "read_more" }}</a>

          {{- end -}}
        </div>
      </div>

      <!--  -->
      <div class="post-footer">
        <div class="meta">
          <div class="info">
      <div class="post__footer">
            <em class="fas fa-calendar-day"></em>
            <span class="date"
        <span class="post__footer-date"
              >{{ if isset .Site.Params "indexdateformat" }}
                {{ .Date.Format .Site.Params.indexDateFormat }}

@@ -109,8 +103,6 @@
            {{ end }}
          </div>
        </div>
      </div>
    </div>

  {{ end }}
  <div class="pagination">

 layouts/partials/expirationnote.html

@@ -16,7 +16,7 @@

  {{- if and (gt $ageDays $duration) (ne $duration 0) -}}
    <div class="alert">
      <div id="indicator">!</div>
      <div class="alert__indicator">!</div>
      {{ i18n "old_content_warning" (dict "Count" $duration) }}
    </div>


 layouts/partials/footer.html

@@ -1,5 +1,4 @@
<footer class="footer footer--{{ .footerClassModifier }}">
  <div class="by_farbox">
<footer class="footer footer__{{ .footerClassModifier }}">
    <ul class="footer__list">
      <li class="footer__item">
        &copy;
@@ -16,6 +15,7 @@
      {{ range .context.Site.Menus.footer }}
        <li class="footer__item">
          <a
          class="link"
            href="{{ .URL }}"
            {{ if strings.HasPrefix .URL "http" }}
              target="_blank" rel="noopener noreferrer"
@@ -29,7 +29,6 @@

      {{ end }}
    </ul>
  </div>
</footer>
{{- partial "medium-zoom.html" .context -}}
{{- partial "math.html" .context -}}

 layouts/partials/head.html

@@ -45,25 +45,10 @@

  {{- end -}}


  <!-- CSS -->
  {{ $templateStyle := resources.Get "css/style.css" }}
  {{ $style := $templateStyle  | resources.ExecuteAsTemplate "css/main.css" . | resources.Minify | resources.Fingerprint }}
  <link
    rel="stylesheet"
    href="{{ $style.RelPermalink }}"
    integrity="{{ $style.Data.Integrity }}"
    crossorigin="anonymous"
    type="text/css"
  />
  {{ if eq .Site.Language.LanguageDirection "rtl" }}
    <!-- Arabic font -->
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Tajawal:300,500,700&display=swap&subset=arabic"
    />
    {{ $templateStyle := resources.Get "css/style.rtl.css" }}
    {{ $style := $templateStyle  | resources.ExecuteAsTemplate "css/main.rtl.css" . | resources.Minify | resources.Fingerprint }}
  {{ $sassTemplate := resources.Get "scss/anatole.rtl.scss" }}
  {{ $style := $sassTemplate | resources.ExecuteAsTemplate "scss/main.rtl.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint }}
    <link
      rel="stylesheet"
      href="{{ $style.RelPermalink }}"
@@ -71,8 +56,18 @@
      crossorigin="anonymous"
      type="text/css"
    />

  {{ else }}
  {{ $sassTemplate := resources.Get "scss/anatole.scss" }}
  {{ $style := $sassTemplate | resources.ExecuteAsTemplate "scss/main.scss" . | resources.ToCSS | resources.Minify | resources.Fingerprint }}
  <link
  rel="stylesheet"
  href="{{ $style.RelPermalink }}"
  integrity="{{ $style.Data.Integrity }}"
  crossorigin="anonymous"
  type="text/css"
/>
  {{ end }}

  {{ $markupHighlightStyle := resources.Get "css/markupHighlight.css" | resources.Minify | resources.Fingerprint }}
  <link
    rel="stylesheet"

 layouts/partials/navbar.html

@@ -1,5 +1,5 @@
<div
  class="page-top {{ with .Site.Params.doNotLoadAnimations }}
  class="{{ with .Site.Params.doNotLoadAnimations }}
    .

  {{ else }}
@@ -8,20 +8,19 @@
  {{ end }}"
>
  <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
    <span aria-hidden="true"></span>
    <span aria-hidden="true"></span>
    <span aria-hidden="true"></span>
    <span aria-hidden="true" class="navbar-burger__line"></span>
    <span aria-hidden="true" class="navbar-burger__line"></span>
    <span aria-hidden="true" class="navbar-burger__line"></span>
  </a>
  <nav>
  <nav class="nav">
    <ul class="nav__list" id="navMenu">
      <div class="nav__links">
        {{ $url := .RelPermalink }}
        {{ range .Site.Menus.main }}
          {{ $active := eq $url .URL }}
          <li>
        <li class="nav__list-item">
            <a
              {{ if $active }}
                class="current"
              class="nav__link--active"

              {{ end }}
              href="{{ .URL }}"
@@ -35,21 +34,25 @@
          </li>

        {{ end }}
      </div>
      <ul>
    </ul>
    <ul class="nav__list nav__list--end">
        {{ if and .IsTranslated .Site.IsMultiLingual }}
          <li>
            <ul class="sl-nav" aria-label="Language switcher">
              <li>
                <input type="checkbox" id="languagepicker" aria-label="switch language" hidden />
                <label for="languagepicker">{{ .Site.Language.LanguageName }}</label>
                <label for="languagepicker"><i class="fa fa-angle-down" aria-hidden="true"></i></label>
                <div class="triangle"></div>

                <ul class="dropdown">
        <li class="nav__list-item">
          <div class="languageswitch">
            <input
              class="languageswitch__picker"
              type="checkbox"
              id="languagepicker"
              aria-label="switch language"
              hidden
            />
            <label class="languageswitch__label" for="languagepicker"
              >{{ .Site.Language.LanguageName }} <i class="fa fa-angle-down" aria-hidden="true"></i
            ></label>
            <div class="languageswitch__triangle"></div>
            <ul class="languageswitch__list">
                  {{ range $.Translations }}

                    <li>
                <li class="languageswitch__list-item">
                      <a href="{{ .RelPermalink }}" title="{{ .Language.LanguageName }}"
                        ><span
                          {{ if eq . $.Site.Language }}
@@ -58,26 +61,26 @@
                          {{ end }}
                          aria-label="{{ i18n "ariaLanguage" }}{{ .Language.LanguageName }}"
                          >{{ .Language.LanguageName }}</span
                        ></a
                      >
                    </li>

                  {{ end }}
                </ul>
              </li>
            </ul>
          </li>

        {{ end }}
        {{ if not .Site.Params.disableThemeSwitcher }}
          <li>
            <a class="theme-switch" title="Switch Theme">
              <i class="fas fa-adjust fa-fw" aria-hidden="true"></i>
            </a>
          </li>

        {{ end }}
      </ul>
          </div>
        </li>

      {{ end }}
      {{ if not .Site.Params.disableThemeSwitcher }}
        <li class="nav__list-item">
          <div class="themeswitch">
            <a title="Switch Theme">
              <i class="fas fa-adjust fa-fw" aria-hidden="true"></i>
            </a>
          </div>
        </li>

      {{ end }}
    </ul>
  </nav>
</div>

 layouts/partials/pagination.html

@@ -1,9 +1,9 @@
{{ if gt .Paginator.TotalPages 1 }}
  <ul class="pagination">
  <ul class="pagination__list">
    {{ $.Scratch.Set "hasPrevDots" false }}
    {{ $.Scratch.Set "hasNextDots" false }}
    {{ if .Paginator.HasPrev }}
      <li class="page-item">
      <li class="pagination__list-item">
        <a class="page-link" href="{{ .Paginator.Prev.URL }}">
          <i class="fa fa-angle-left" aria-label="Previous"></i>
        </a>
@@ -12,14 +12,14 @@
    {{ end }}
    {{ range .Paginator.Pagers }}
      {{ if eq . $.Paginator }}
        <li class="page-item">
        <li class="pagination__list-item">
          <span class="page-link current">
            {{- .PageNumber -}}
          </span>
        </li>

      {{ else if or (or (eq . $.Paginator.First) (eq . $.Paginator.Prev)) (or  (eq . $.Paginator.Next) (eq . $.Paginator.Last )) }}
        <li class="page-item">
        <li class="pagination__list-item">
          <a class="page-link" href="{{ .URL }}">
            {{- .PageNumber -}}
          </a>
@@ -42,7 +42,7 @@

    {{ end }}
    {{ if .Paginator.HasNext }}
      <li class="page-item">
      <li class="pagination__list-item">
        <a class="page-link" href="{{ .Paginator.Next.URL }}">
          <i class="fa fa-angle-right" aria-label="Next"></i>
        </a>

 layouts/partials/sidebar.html

@@ -8,18 +8,22 @@
  {{ end }}"
>
  <div class="sidebar__content">
    <div class="logo-title">
      <div class="title">
        <img src="{{ .Site.Params.profilePicture | relURL }}" alt="profile picture" />
        <h3 title=""><a href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Params.Title }}</a></h3>
        <div class="description">
    <div class="sidebar__introduction">
      <img
        class="sidebar__introduction-profileimage"
        src="{{ .Site.Params.profilePicture | relURL }}"
        alt="profile picture"
      />
      <h1 class="sidebar__introduction-title">
        <a href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Params.Title }}</a>
      </h1>
      <div class="sidebar__introduction-description">
          <p>{{ replace .Site.Params.description "\n" "<br />" | safeHTML }}</p>
        </div>
      </div>
    </div>
    <ul class="social-links">
    <ul class="sidebar__list">
      {{ range $item := .Site.Params.socialIcons }}
        <li>
        <li class="sidebar__list-item">
          <a href="{{ $item.url }}" rel="me" aria-label="{{ $item.title }}" title="{{ $item.title }}">
            <i class="{{ $item.icon }} fa-2x" aria-hidden="true"></i>
          </a>

 layouts/partials/taxonomy/template.html

@@ -2,7 +2,7 @@
{{- $linkBase := .linkBase -}}


<span class="separator">
<span>
  {{- range $index, $el := .items -}}
    <!-- Replace certain special characters with their URL encoded counterparts -->
    {{- $item := replace . "#" "%23" -}}

 layouts/portfolio/list.html

@@ -1,5 +1,4 @@
{{ define "main" }}

  {{ range $index, $elemen:= .Site.Data.portfolio.portfolioitems }}
    <div
      class="post {{ with .Site.Params.doNotLoadAnimations }}
@@ -10,35 +9,31 @@

      {{ end }}"
    >
      <div class="post-content">
        <div class="post-title">
          <h2>{{ .title }}</h2>
        </div>

      <h2 class="portfolio__title">{{ .title }}</h2>
        {{ range $i, $p := .portfolioitem }}
          <div class="box-wrapper">
        <div class="portfolio">
            {{ if .image }}
              <div
                class="box-image {{ if (modBool $i 2) }}
                  box-image--right
              class="portfolio__image-wrapper {{ if (modBool $i 2) }}
                portfolio__image-wrapper--right

                {{ else }}
                  box-image--left
                portfolio__image-wrapper--left

                {{ end }}"
              >
                <a href="{{ .link | safeURL }}" target="_blank" rel="noopener">
                  <img src="{{ .image | relURL }}" alt="{{ .name | markdownify }}" />
                <img class="portfolio__image" src="{{ .image | relURL }}" alt="{{ .name | markdownify }}" />
                </a>
              </div>

            {{ end }}
            <div
              class="box {{ if (modBool $i 2) }}
                box--left
            class="portfolio__description {{ if (modBool $i 2) }}
              portfolio__description--left

              {{ else }}
                box--right
              portfolio__description--right

              {{ end }}"
            >
@@ -76,8 +71,8 @@
              {{ end }}
              <p>{{ .description | markdownify }}</p>
              {{ if .link }}
                <div class="cta">
                  <a class="btn" href="{{ .link | safeURL }}" target="_blank" rel="noopener">Visit Site</a>
              <div class="portfolio__button-wrapper">
                <a class="portfolio__button" href="{{ .link | safeURL }}" target="_blank" rel="noopener">Visit Site</a>
                </div>

              {{ end }}
@@ -92,7 +87,6 @@

        {{ end }}
      </div>
    </div>

  {{ end }}


 package-lock.json

@@ -4,6 +4,130 @@
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
    "balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
      "dev": true
    },
    "brace-expansion": {
      "version": "1.1.11",
      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
      "dev": true,
      "requires": {
        "balanced-match": "^1.0.0",
        "concat-map": "0.0.1"
      }
    },
    "concat-map": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
      "dev": true
    },
    "fs.realpath": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
      "dev": true
    },
    "function-bind": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
      "dev": true
    },
    "glob": {
      "version": "7.2.0",
      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
      "dev": true,
      "requires": {
        "fs.realpath": "^1.0.0",
        "inflight": "^1.0.4",
        "inherits": "2",
        "minimatch": "^3.0.4",
        "once": "^1.3.0",
        "path-is-absolute": "^1.0.0"
      }
    },
    "has": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
      "dev": true,
      "requires": {
        "function-bind": "^1.1.1"
      }
    },
    "inflight": {
      "version": "1.0.6",
      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
      "dev": true,
      "requires": {
        "once": "^1.3.0",
        "wrappy": "1"
      }
    },
    "inherits": {
      "version": "2.0.4",
      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
      "dev": true
    },
    "interpret": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
      "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
      "dev": true
    },
    "is-core-module": {
      "version": "2.8.1",
      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.1.tgz",
      "integrity": "sha512-SdNCUs284hr40hFTFP6l0IfZ/RSrMXF3qgoRHd3/79unUTvrFO/JoXwkGm+5J/Oe3E/b5GsnG330uUNgRpu1PA==",
      "dev": true,
      "requires": {
        "has": "^1.0.3"
      }
    },
    "minimatch": {
      "version": "3.1.2",
      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
      "dev": true,
      "requires": {
        "brace-expansion": "^1.1.7"
      }
    },
    "minimist": {
      "version": "1.2.5",
      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
      "dev": true
    },
    "once": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
      "dev": true,
      "requires": {
        "wrappy": "1"
      }
    },
    "path-is-absolute": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
      "dev": true
    },
    "path-parse": {
      "version": "1.0.7",
      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
      "dev": true
    },
    "prettier": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.2.1.tgz",
@@ -19,11 +143,64 @@
        "ulid": "^2.3.0"
      }
    },
    "rechoir": {
      "version": "0.6.2",
      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz",
      "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=",
      "dev": true,
      "requires": {
        "resolve": "^1.1.6"
      }
    },
    "resolve": {
      "version": "1.22.0",
      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz",
      "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==",
      "dev": true,
      "requires": {
        "is-core-module": "^2.8.1",
        "path-parse": "^1.0.7",
        "supports-preserve-symlinks-flag": "^1.0.0"
      }
    },
    "shelljs": {
      "version": "0.8.5",
      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.5.tgz",
      "integrity": "sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==",
      "dev": true,
      "requires": {
        "glob": "^7.0.0",
        "interpret": "^1.0.0",
        "rechoir": "^0.6.2"
      }
    },
    "shx": {
      "version": "0.3.4",
      "resolved": "https://registry.npmjs.org/shx/-/shx-0.3.4.tgz",
      "integrity": "sha512-N6A9MLVqjxZYcVn8hLmtneQWIJtp8IKzMP4eMnx+nqkvXoqinUPCbUFLp2UcWTEIUONhlk0ewxr/jaVGlc+J+g==",
      "dev": true,
      "requires": {
        "minimist": "^1.2.3",
        "shelljs": "^0.8.5"
      }
    },
    "supports-preserve-symlinks-flag": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
      "dev": true
    },
    "ulid": {
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/ulid/-/ulid-2.3.0.tgz",
      "integrity": "sha512-keqHubrlpvT6G2wH0OEfSW4mquYRcbe/J8NMmveoQOjUqmo+hXtO+ORCpWhdbZ7k72UtY61BL7haGxW6enBnjw==",
      "dev": true
    },
    "wrappy": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
      "dev": true
    }
  }
}

 package.json

@@ -3,6 +3,8 @@
  "version": "1.1.0",
  "description": "Anatole is a beautiful minimalist two-column hugo theme based on farbox-theme-Anatole.",
  "scripts": {
    "build": "hugo --themesDir=../.. --source=exampleSite && shx rm -rf ./resources && shx cp -r ./exampleSite/resources ./resources && shx echo Done building resources.",
    "dev": "hugo serve --themesDir=../.. --source=exampleSite",
    "prettier": "npx prettier --write ."
  },
  "repository": {
@@ -24,6 +26,7 @@
  "dependencies": {},
  "devDependencies": {
    "prettier": "~2.2.1",
    "prettier-plugin-go-template": "^0.0.11-beta.13"
    "prettier-plugin-go-template": "^0.0.11-beta.13",
    "shx": "^0.3.4"
  }
}

 resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.content

New file
@@ -0,0 +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}@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}.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}.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;text-transform:uppercase;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;text-transform:uppercase;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;text-transform:uppercase;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;text-align:center}.post__content figure.big{max-width:100vw}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:left;margin-right:1.5em}}@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{text-transform:uppercase;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__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}.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}

 resources/_gen/assets/scss/scss/anatole.rtl.scss_97af51e696731e38130ed73ef4f4756e.json

New file
@@ -0,0 +1 @@
{"Target":"scss/main.rtl.min.79afeb76fb7090c6dd3ff92152f75d08176cddfa5665720c8ce158111570612c.css","MediaType":"text/css","Data":{"Integrity":"sha256-ea/rdvtwkMbdP/khUvddCBds3fpWZXIMjOFYERVwYSw="}}

 resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.content

New file
@@ -0,0 +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}@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}.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}.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;text-transform:uppercase;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;text-transform:uppercase;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;text-transform:uppercase;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;text-align:center}.post__content figure.big{max-width:100vw}@media screen and (min-width:961px){.post__content figure.right{max-width:50%;float:right;margin-left: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{text-transform:uppercase;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__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}.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}

 resources/_gen/assets/scss/scss/anatole.scss_dcc8b7002348ef29d44bd1c4b6ae0aca.json

New file
@@ -0,0 +1 @@
{"Target":"scss/main.min.701fd2854a758b1d755397addb7c7ad9c94f550c78a1265670472d42bc80cb11.css","MediaType":"text/css","Data":{"Integrity":"sha256-cB/ShUp1ix11U5et23x62clPVQx4oSZWcEctQryAyxE="}}