Convert preprocesser files to plain CSSHEADmaster

5 files changed, 686 insertions, 0 deletions

diff --git a/assets/css/base/animations.css b/assets/css/base/animations.css
new file mode 100644
index 0000000..9bbe938
--- /dev/null
+++ b/assets/css/base/animations.css
@@ -0,0 +1,46 @@
+@keyframes headerShine {
+  100% {
+    left: 150%;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
diff --git a/assets/css/base/fonts.css b/assets/css/base/fonts.css
new file mode 100644
index 0000000..56be318
--- /dev/null
+++ b/assets/css/base/fonts.css
@@ -0,0 +1,306 @@
+/* latin-ext */
+@font-face {
+  font-family: 'Bebas Neue';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/BebasNeue-Regular.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Bebas Neue';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/BebasNeue-Regular.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansitalic.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansitalic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansitalic.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansitalic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbolditalic.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbolditalic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbolditalic.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbolditalic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsans.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsans.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsans.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptsans.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbold.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbold.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbold.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptsansbold.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifitalic.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifitalic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifitalic.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifitalic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifbolditalic.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifitalic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifitalic.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifitalic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserif.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserif.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserif.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/assets/fonts/ptserif.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifbold.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifbold.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifbold.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/assets/fonts/ptserifbold.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/assets/css/base/reset.css b/assets/css/base/reset.css
new file mode 100644
index 0000000..8e0f0f3
--- /dev/null
+++ b/assets/css/base/reset.css
@@ -0,0 +1,34 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: 'PT Serif', serif;
+  font-size: 18px;
+  line-height: 30px;
+  color: var(--grey-555);
+  background: var(--body-bg);
+}
+
+header,
+nav,
+section,
+main,
+article,
+aside,
+figure,
+footer,
+iframe,
+object,
+svg {
+  display: block;
+  margin: 0;
+}
+
+@media screen and (max-width: 800px) {
+  body {
+    padding: 80px 0 0;
+  }
+}
diff --git a/assets/css/base/syntax.css b/assets/css/base/syntax.css
new file mode 100644
index 0000000..00d491f
--- /dev/null
+++ b/assets/css/base/syntax.css
@@ -0,0 +1,259 @@
+.highlight {
+  background: var(--grey-fa);
+  border: 1px solid var(--grey-ccc);
+  padding: 30px;
+}
+.highlight .lineno {
+  padding: 0 15px 0 0;
+}
+/* Comment */
+.highlight .c {
+  color: #998;
+  font-style: italic
+}
+/* Error */
+.highlight .err {
+  color: #a61717;
+  background-color: #e3d2d2
+}
+/* Keyword */
+.highlight .k {
+  font-weight: bold
+}
+/* Operator */
+.highlight .o {
+  font-weight: bold
+}
+/* Comment.Multiline */
+.highlight .cm {
+  color: #998;
+  font-style: italic
+}
+/* Comment.Preproc */
+.highlight .cp {
+  color: #999;
+  font-weight: bold
+}
+/* Comment.Single */
+.highlight .c1 {
+  color: #998;
+  font-style: italic
+}
+/* Comment.Special */
+.highlight .cs {
+  color: #999;
+  font-weight: bold;
+  font-style: italic
+}
+/* Generic.Deleted */
+.highlight .gd {
+  color: #000;
+  background-color: #fdd
+}
+/* Generic.Deleted.Specific */
+.highlight .gd .x {
+  color: #000;
+  background-color: #faa
+}
+/* Generic.Emph */
+.highlight .ge {
+  font-style: italic
+}
+/* Generic.Error */
+.highlight .gr {
+  color: #a00
+}
+/* Generic.Heading */
+.highlight .gh    {
+  color: #999
+}
+/* Generic.Inserted */
+.highlight .gi    {
+  color: #000;
+  background-color: #dfd
+}
+/* Generic.Inserted.Specific */
+.highlight .gi .x {
+  color: #000;
+  background-color: #afa
+}
+/* Generic.Output */
+.highlight .go    {
+  color: #888
+}
+/* Generic.Prompt */
+.highlight .gp    {
+  color: #555
+}
+/* Generic.Strong */
+.highlight .gs    {
+  font-weight: bold
+}
+/* Generic.Subheading */
+.highlight .gu    {
+  color: #aaa
+}
+/* Generic.Traceback */
+.highlight .gt    {
+  color: #a00
+}
+/* Keyword.Constant */
+.highlight .kc    {
+  font-weight: bold
+}
+/* Keyword.Declaration */
+.highlight .kd    {
+  font-weight: bold
+}
+/* Keyword.Pseudo */
+.highlight .kp    {
+  font-weight: bold
+}
+/* Keyword.Reserved */
+.highlight .kr    {
+  font-weight: bold
+}
+/* Keyword.Type */
+.highlight .kt    {
+  color: #458;
+  font-weight: bold
+}
+/* Literal.Number */
+.highlight .m     {
+  color: #099
+}
+/* Literal.String */
+.highlight .s     {
+  color: #d14
+}
+/* Name.Attribute */
+.highlight .na    {
+  color: #008080
+}
+/* Name.Builtin */
+.highlight .nb    {
+  color: #0086B3
+}
+/* Name.Class */
+.highlight .nc    {
+  color: #458;
+  font-weight: bold
+}
+/* Name.Constant */
+.highlight .no    {
+  color: #008080
+}
+/* Name.Entity */
+.highlight .ni    {
+  color: #800080
+}
+/* Name.Exception */
+.highlight .ne    {
+  color: #900;
+  font-weight: bold
+}
+/* Name.Function */
+.highlight .nf    {
+  color: #900;
+  font-weight: bold
+}
+/* Name.Namespace */
+.highlight .nn    {
+  color: #555
+}
+/* Name.Tag */
+.highlight .nt    {
+  color: #000080
+}
+/* Name.Variable */
+.highlight .nv    {
+  color: #008080
+}
+/* Operator.Word */
+.highlight .ow    {
+  font-weight: bold
+}
+/* Text.Whitespace */
+.highlight .w     {
+  color: #bbb
+}
+/* Literal.Number.Float */
+.highlight .mf    {
+  color: #099
+}
+/* Literal.Number.Hex */
+.highlight .mh    {
+  color: #099
+}
+/* Literal.Number.Integer */
+.highlight .mi    {
+  color: #099
+}
+/* Literal.Number.Oct */
+.highlight .mo    {
+  color: #099
+}
+/* Literal.String.Backtick */
+.highlight .sb    {
+  color: #d14
+}
+/* Literal.String.Char */
+.highlight .sc    {
+  color: #d14
+}
+/* Literal.String.Doc */
+.highlight .sd    {
+  color: #d14
+}
+/* Literal.String.Double */
+.highlight .s2    {
+  color: #d14
+}
+/* Literal.String.Escape */
+.highlight .se    {
+  color: #d14
+}
+/* Literal.String.Heredoc */
+.highlight .sh    {
+  color: #d14
+}
+/* Literal.String.Interpol */
+.highlight .si    {
+  color: #d14
+}
+/* Literal.String.Other */
+.highlight .sx    {
+  color: #d14
+}
+/* Literal.String.Regex */
+.highlight .sr    {
+  color: #009926
+}
+/* Literal.String.Single */
+.highlight .s1    {
+  color: #d14
+}
+/* Literal.String.Symbol */
+.highlight .ss    {
+  color: #990073
+}
+/* Name.Builtin.Pseudo */
+.highlight .bp    {
+  color: #999
+}
+/* Name.Variable.Class */
+.highlight .vc    {
+  color: #008080
+}
+/* Name.Variable.Global */
+.highlight .vg    {
+  color: #008080
+}
+/* Name.Variable.Instance */
+.highlight .vi    {
+  color: #008080
+}
+/* Literal.Number.Integer.Long */
+.highlight .il    {
+  color: #099
+}
diff --git a/assets/css/base/vars.css b/assets/css/base/vars.css
new file mode 100644
index 0000000..06d5b8d
--- /dev/null
+++ b/assets/css/base/vars.css
@@ -0,0 +1,41 @@
+:root, [data-theme="light"] {
+  --body-bg: #fafafa;
+
+  --main-color: #639f93;
+  --main-color-hover: #5b9287;
+
+  --form-success-bg: #d0f1cc;
+  --form-success-text: #597755;
+  --form-error-bg: #f1cccc;
+  --form-error-text: #775555;
+
+  --grey-222: #222;
+  --grey-555: #555;
+  --grey-aaa: #aaa;
+  --grey-ccc: #ccc;
+  --grey-ddd: #ddd;
+  --grey-eee: #eee;
+  --grey-fc:  #fcfcfc;
+  --grey-fa:  #fafafa;
+}
+
+[data-theme="dark"] {
+  --body-bg: #050505;
+
+  --main-color: #639f93;
+  --main-color-hover: #5b9287;
+
+  --form-success-bg: #d0f1cc;
+  --form-success-text: #597755;
+  --form-error-bg: #f1cccc;
+  --form-error-text: #775555;
+
+  --grey-222: #ddd;
+  --grey-555: #ddd;
+  --grey-aaa: #777;
+  --grey-ccc: #666;
+  --grey-ddd: #666;
+  --grey-eee: #222;
+  --grey-fc:  #fcfcfc;
+  --grey-fa:  #151515;
+}