aboutsummaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/_sass/_layout.scss17
-rw-r--r--assets/_sass/base/_fonts.scss306
-rw-r--r--assets/_sass/base/_mixins.scss64
-rw-r--r--assets/_sass/components/_post.scss20
-rw-r--r--assets/_sass/main.scss1
-rw-r--r--assets/_sass/partials/_burger-menu.scss14
-rw-r--r--assets/css/styles.css398
-rw-r--r--assets/fonts/LICENSE.bebas93
-rw-r--r--assets/fonts/LICENSE.pt44
9 files changed, 776 insertions, 181 deletions
diff --git a/assets/_sass/_layout.scss b/assets/_sass/_layout.scss
index 0c2a1b7..9c1dd0a 100644
--- a/assets/_sass/_layout.scss
+++ b/assets/_sass/_layout.scss
@@ -12,12 +12,12 @@
border-radius: 0 0 5px 5px;
text-decoration: none;
- @include transition(background .2s ease);
+ transition: background .2s ease;
&:before { position: absolute; top: 0; left: -150%; content: ""; width: 50%; height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
- @include skew(-45deg, 0);
+ transform: skew(-45deg, 0);
}
&:hover {
background: var(--main-color-hover);
@@ -48,7 +48,7 @@
}
.site-navigation {
- @include flexbox();
+ display: flex;
@include justify-content();
@include align-items();
@include flex-flow(row wrap);
@@ -63,7 +63,7 @@
text-decoration: none;
color: var(--grey-555);
padding: 0 0 2px;
- @include transition(color .2s ease);
+ transition: color .2s ease;
cursor: pointer;
&:before {
@@ -74,7 +74,8 @@
width: 0%;
border-bottom: 2px solid var(--grey-222);
- @include transition(width .18s ease, opacity .18s ease); content: "";
+ transition: width .18s ease, opacity .18s ease;
+ content: "";
}
&:hover, &.active { color: var(--grey-222);
@@ -96,7 +97,7 @@
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
.site-header-wrapper {
- @include flexbox();
+ display: flex;
@include align-items();
@include justify-content();
@include flex-flow(row wrap);
@@ -129,8 +130,8 @@
@include justify-content(flex-start);
@include flex-flow(column nowrap);
gap: 20px 0;
- @include translate(0, -100%);
- @include transition(transform .25s ease-in-out);
+ transform: translate(0, -100%);
+ transition: transform .25s ease-in-out;
padding: 100px 20px 0;
background: rgba(255, 255, 255, .9);
z-index: 10;
diff --git a/assets/_sass/base/_fonts.scss b/assets/_sass/base/_fonts.scss
new file mode 100644
index 0000000..56be318
--- /dev/null
+++ b/assets/_sass/base/_fonts.scss
@@ -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/_sass/base/_mixins.scss b/assets/_sass/base/_mixins.scss
index 7541d12..47c3cc3 100644
--- a/assets/_sass/base/_mixins.scss
+++ b/assets/_sass/base/_mixins.scss
@@ -1,19 +1,3 @@
-@mixin transition($transitions...) {
- transition: $transitions;
- -moz-transition: $transitions;
- -webkit-transition: $transitions;
- -o-transition: $transitions;
-}
-
-@mixin no-select {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
@mixin placeholder {
&.placeholder { @content }
&:-ms-input-placeholder { @content }
@@ -22,54 +6,6 @@
&::-webkit-input-placeholder { @content }
}
-@mixin translate($val1, $val2) {
- -webkit-transform: translate(#{$val1}, #{$val2});
- -moz-transform: translate(#{$val1}, #{$val2});
- -ms-transform: translate(#{$val1}, #{$val2});
- -o-transform: translate(#{$val1}, #{$val2});
- transform: translate(#{$val1}, #{$val2});
-}
-
-@mixin skew($x, $y) {
- -webkit-transform: skew(#{$x}, #{$y});
- -moz-transform: skew(#{$x}, #{$y});
- -ms-transform: skew(#{$x}, #{$y});
- -o-transform: skew(#{$x}, #{$y});
- transform: skew(#{$x}, #{$y});
-}
-
-@mixin scale($val) {
- -webkit-transform: scale(#{$val});
- -moz-transform: scale(#{$val});
- -ms-transform: scale(#{$val});
- -o-transform: scale(#{$val});
- transform: scale(#{$val});
-}
-
-@mixin rotate($deg) {
- -webkit-transform: rotate(#{$deg});
- -moz-transform: rotate(#{$deg});
- -ms-transform: rotate(#{$deg});
- -o-transform: rotate(#{$deg});
- transform: rotate(#{$deg});
-}
-
-@mixin flexbox() {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
-}
-
-@mixin inline-flex() {
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -moz-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
-}
-
@mixin flex($grow: 1, $shrink: 1, $basis: auto) {
-webkit-flex: $grow $shrink $basis;
-moz-flex: $grow $shrink $basis;
diff --git a/assets/_sass/components/_post.scss b/assets/_sass/components/_post.scss
index 5eed7cb..46a31e3 100644
--- a/assets/_sass/components/_post.scss
+++ b/assets/_sass/components/_post.scss
@@ -109,7 +109,7 @@
}
.post-categories {
position: relative;
- @include flexbox();
+ display: flex;
@include justify-content(flex-end);
gap: 5px;
margin: 8px 0 0;
@@ -289,14 +289,14 @@
}
.post-footer {
- @include flexbox();
+ display: flex;
@include justify-content(space-between);
@include align-items(flex-start);
gap: 0 20px;
margin: 50px 0 0;
.post-tags {
- @include flexbox();
+ display: flex;
@include flex-flow(row wrap);
@include flex(9, 1, auto);
gap: 0 20px;
@@ -310,7 +310,7 @@
font-family: 'PT Sans', sans-serif;
color: var(--grey-ccc);
text-decoration: none;
- @include transition(all .15s ease);
+ transition: all .15s ease;
&:hover {
color: var(--grey-555);
}
@@ -342,7 +342,7 @@
letter-spacing: .1em;
color: var(--grey-aaa);
cursor: pointer;
- @include transition(margin .2s ease);
+ transition: margin .2s ease;
}
ul {
position: absolute;
@@ -350,11 +350,11 @@
left: 100%;
width: 100%;
height: 100%;
- @include flexbox();
+ display: flex;
list-style: none;
margin: 0;
padding: 0;
- @include transition(left .2s ease);
+ transition: left .2s ease;
li {
@include flex(1, 0, auto);
@@ -364,7 +364,7 @@
border-left: 1px solid var(--grey-ddd);
}
a {
- @include flexbox();
+ display: flex;
@include align-items();
@include justify-content();
height: 100%;
@@ -396,7 +396,7 @@
margin: 0 0 15px;
}
.post-author {
- @include flexbox();
+ display: flex;
@include align-items();
@include flex-flow(row wrap);
gap: 15px;
@@ -417,7 +417,7 @@
.author-title { display: none; }
}
.post-meta {
- @include flexbox();
+ display: flex;
@include flex-flow(row wrap);
margin: 0;
margin-left: auto;
diff --git a/assets/_sass/main.scss b/assets/_sass/main.scss
index a20dba4..cc1bc5e 100644
--- a/assets/_sass/main.scss
+++ b/assets/_sass/main.scss
@@ -1,6 +1,7 @@
@import 'base/vars';
@import 'base/mixins';
@import 'base/reset';
+@import 'base/fonts';
@import 'base/syntax';
@import 'base/animations';
@import 'base/helpers';
diff --git a/assets/_sass/partials/_burger-menu.scss b/assets/_sass/partials/_burger-menu.scss
index 2bea84c..73a5b4d 100644
--- a/assets/_sass/partials/_burger-menu.scss
+++ b/assets/_sass/partials/_burger-menu.scss
@@ -3,18 +3,18 @@
&:checked {
& ~ .site-navigation {
- @include translate(0, 0);
+ transform: translate(0, 0);
}
& ~ .toggleBurgerWrapper {
span {
background: transparent;
&:before {
top: 0;
- @include rotate(135deg);
+ transform: rotate(135deg);
}
&:after {
top: 0;
- @include rotate(-135deg);
+ transform: rotate(-135deg);
}
}
}
@@ -30,7 +30,7 @@
height: 30px;
cursor: pointer;
z-index: 100;
- @include no-select();
+ user-select: none;
span {
position: absolute;
@@ -39,8 +39,8 @@
width: 100%;
background: var(--grey-222);
- @include transition(all .3s ease);
- @include translate(0, -50%);
+ transition: all .3s ease;
+ transform: translate(0, -50%);
&:before,
&:after {
@@ -50,7 +50,7 @@
background: var(--grey-222);
content: "";
- @include transition(all .3s ease);
+ transition: all .3s ease;
}
&:before {
top: -6px;
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 258be18..ec03937 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -69,6 +69,312 @@ svg {
padding: 80px 0 0;
}
}
+/* 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;
+}
.highlight {
background: var(--grey-fa);
border: 1px solid var(--grey-ccc);
@@ -338,9 +644,6 @@ svg {
border-radius: 0 0 5px 5px;
text-decoration: none;
transition: background 0.2s ease;
- -moz-transition: background 0.2s ease;
- -webkit-transition: background 0.2s ease;
- -o-transition: background 0.2s ease;
}
.site-header .site-header-wrapper:before {
position: absolute;
@@ -351,10 +654,6 @@ svg {
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
- -webkit-transform: skew(-45deg, 0);
- -moz-transform: skew(-45deg, 0);
- -ms-transform: skew(-45deg, 0);
- -o-transform: skew(-45deg, 0);
transform: skew(-45deg, 0);
}
.site-header .site-header-wrapper:hover {
@@ -386,10 +685,6 @@ svg {
}
.site-navigation {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
@@ -411,9 +706,6 @@ svg {
color: var(--grey-555);
padding: 0 0 2px;
transition: color 0.2s ease;
- -moz-transition: color 0.2s ease;
- -webkit-transition: color 0.2s ease;
- -o-transition: color 0.2s ease;
cursor: pointer;
}
.site-navigation a:before, .site-navigation span:before {
@@ -424,9 +716,6 @@ svg {
width: 0%;
border-bottom: 2px solid var(--grey-222);
transition: width 0.18s ease, opacity 0.18s ease;
- -moz-transition: width 0.18s ease, opacity 0.18s ease;
- -webkit-transition: width 0.18s ease, opacity 0.18s ease;
- -o-transition: width 0.18s ease, opacity 0.18s ease;
content: "";
}
.site-navigation a:hover, .site-navigation a.active, .site-navigation span:hover, .site-navigation span.active {
@@ -448,10 +737,6 @@ svg {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.site-header .site-header-wrapper {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
@@ -491,15 +776,8 @@ svg {
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
gap: 20px 0;
- -webkit-transform: translate(0, -100%);
- -moz-transform: translate(0, -100%);
- -ms-transform: translate(0, -100%);
- -o-transform: translate(0, -100%);
transform: translate(0, -100%);
transition: transform 0.25s ease-in-out;
- -moz-transition: transform 0.25s ease-in-out;
- -webkit-transition: transform 0.25s ease-in-out;
- -o-transition: transform 0.25s ease-in-out;
padding: 100px 20px 0;
background: rgba(255, 255, 255, 0.9);
z-index: 10;
@@ -641,10 +919,6 @@ svg {
}
.post .post-author .post-meta .post-categories {
position: relative;
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
@@ -801,10 +1075,6 @@ svg {
color: var(--grey-555);
}
.post .post-footer {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
@@ -814,10 +1084,6 @@ svg {
margin: 50px 0 0;
}
.post .post-footer .post-tags {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
@@ -838,9 +1104,6 @@ svg {
color: var(--grey-ccc);
text-decoration: none;
transition: all 0.15s ease;
- -moz-transition: all 0.15s ease;
- -webkit-transition: all 0.15s ease;
- -o-transition: all 0.15s ease;
}
.post .post-footer .post-tags li a:hover {
color: var(--grey-555);
@@ -872,9 +1135,6 @@ svg {
color: var(--grey-aaa);
cursor: pointer;
transition: margin 0.2s ease;
- -moz-transition: margin 0.2s ease;
- -webkit-transition: margin 0.2s ease;
- -o-transition: margin 0.2s ease;
}
.post .post-footer .post-share ul {
position: absolute;
@@ -882,18 +1142,11 @@ svg {
left: 100%;
width: 100%;
height: 100%;
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
list-style: none;
margin: 0;
padding: 0;
transition: left 0.2s ease;
- -moz-transition: left 0.2s ease;
- -webkit-transition: left 0.2s ease;
- -o-transition: left 0.2s ease;
}
.post .post-footer .post-share ul li {
-webkit-flex: 1 0 auto;
@@ -906,10 +1159,6 @@ svg {
border-left: 1px solid var(--grey-ddd);
}
.post .post-footer .post-share ul li a {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
@@ -936,10 +1185,6 @@ svg {
margin: 0 0 15px;
}
.post .post-author {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
@@ -966,10 +1211,6 @@ svg {
display: none;
}
.post .post-author .post-meta {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
@@ -1213,10 +1454,6 @@ svg {
display: none;
}
.toggleBurger:checked ~ .site-navigation {
- -webkit-transform: translate(0, 0);
- -moz-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
- -o-transform: translate(0, 0);
transform: translate(0, 0);
}
.toggleBurger:checked ~ .toggleBurgerWrapper span {
@@ -1224,18 +1461,10 @@ svg {
}
.toggleBurger:checked ~ .toggleBurgerWrapper span:before {
top: 0;
- -webkit-transform: rotate(135deg);
- -moz-transform: rotate(135deg);
- -ms-transform: rotate(135deg);
- -o-transform: rotate(135deg);
transform: rotate(135deg);
}
.toggleBurger:checked ~ .toggleBurgerWrapper span:after {
top: 0;
- -webkit-transform: rotate(-135deg);
- -moz-transform: rotate(-135deg);
- -ms-transform: rotate(-135deg);
- -o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@@ -1248,11 +1477,6 @@ svg {
height: 30px;
cursor: pointer;
z-index: 100;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
user-select: none;
}
.toggleBurgerWrapper span {
@@ -1262,13 +1486,6 @@ svg {
width: 100%;
background: var(--grey-222);
transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -webkit-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- -webkit-transform: translate(0, -50%);
- -moz-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- -o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.toggleBurgerWrapper span:before, .toggleBurgerWrapper span:after {
@@ -1278,9 +1495,6 @@ svg {
background: var(--grey-222);
content: "";
transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -webkit-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
}
.toggleBurgerWrapper span:before {
top: -6px;
diff --git a/assets/fonts/LICENSE.bebas b/assets/fonts/LICENSE.bebas
new file mode 100644
index 0000000..da95714
--- /dev/null
+++ b/assets/fonts/LICENSE.bebas
@@ -0,0 +1,93 @@
+Copyright © 2010 by Dharma Type.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/assets/fonts/LICENSE.pt b/assets/fonts/LICENSE.pt
new file mode 100644
index 0000000..8357965
--- /dev/null
+++ b/assets/fonts/LICENSE.pt
@@ -0,0 +1,44 @@
+ParaType Free Font Licensing Agreement
+
+Copyright (c) 2009, ParaType Ltd. All Rights Reserved.
+
+LICENSING AGREEMENT
+for the fonts with Original Name: PT Sans, PT Serif, PT Mono
+Version 1.3 - January 20, 2012
+
+GRANT OF LICENSE
+ParaType Ltd grants you the right to use, copy, modify the fonts and
+distribute modified and unmodified copies of the fonts by any means,
+including placing on Web servers for free downloading, embedding in
+documents and Web pages, bundling with commercial and non commercial
+products, if it does not conflict with the conditions listed below:
+
+- You may bundle the fonts with commercial software, but you may not
+sell the fonts by themselves. They are free.
+
+- You may distribute the fonts in modified or unmodified versions only
+together with this Licensing Agreement and with above copyright notice.
+You have no right to modify the text of Licensing Agreement. It can be
+placed in a separate text file or inserted into the font file, but it
+must be easily viewed by users.
+
+- You may not distribute modified version of the font under the Original
+name or a combination of Original name with any other words without
+explicit written permission from ParaType.
+
+TERMINATION & TERRITORY
+This license has no limits on time and territory, but it becomes null
+and void if any of the above conditions are not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL
+PARATYPE BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING
+ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT
+OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS
+IN THE FONT SOFTWARE.
+
+ParaType Ltd