diff --git a/static/fonts/Lora/Lora-Bold.eot b/static/fonts/Lora/Lora-Bold.eot
new file mode 100644
index 00000000..5955a4a0
Binary files /dev/null and b/static/fonts/Lora/Lora-Bold.eot differ
diff --git a/static/fonts/Lora/Lora-Bold.ttf b/static/fonts/Lora/Lora-Bold.ttf
new file mode 100644
index 00000000..fffb5c58
Binary files /dev/null and b/static/fonts/Lora/Lora-Bold.ttf differ
diff --git a/static/fonts/Lora/Lora-Bold.woff b/static/fonts/Lora/Lora-Bold.woff
new file mode 100644
index 00000000..db3d6e81
Binary files /dev/null and b/static/fonts/Lora/Lora-Bold.woff differ
diff --git a/static/fonts/Lora/Lora-Bold.woff2 b/static/fonts/Lora/Lora-Bold.woff2
new file mode 100644
index 00000000..d3ee4351
Binary files /dev/null and b/static/fonts/Lora/Lora-Bold.woff2 differ
diff --git a/static/fonts/Lora/Lora-BoldItalic.eot b/static/fonts/Lora/Lora-BoldItalic.eot
new file mode 100644
index 00000000..95fed21a
Binary files /dev/null and b/static/fonts/Lora/Lora-BoldItalic.eot differ
diff --git a/static/fonts/Lora/Lora-BoldItalic.ttf b/static/fonts/Lora/Lora-BoldItalic.ttf
new file mode 100644
index 00000000..881a5e5f
Binary files /dev/null and b/static/fonts/Lora/Lora-BoldItalic.ttf differ
diff --git a/static/fonts/Lora/Lora-BoldItalic.woff b/static/fonts/Lora/Lora-BoldItalic.woff
new file mode 100644
index 00000000..b15c8686
Binary files /dev/null and b/static/fonts/Lora/Lora-BoldItalic.woff differ
diff --git a/static/fonts/Lora/Lora-BoldItalic.woff2 b/static/fonts/Lora/Lora-BoldItalic.woff2
new file mode 100644
index 00000000..797d3b46
Binary files /dev/null and b/static/fonts/Lora/Lora-BoldItalic.woff2 differ
diff --git a/static/fonts/Lora/Lora-Italic.eot b/static/fonts/Lora/Lora-Italic.eot
new file mode 100644
index 00000000..68539704
Binary files /dev/null and b/static/fonts/Lora/Lora-Italic.eot differ
diff --git a/static/fonts/Lora/Lora-Italic.ttf b/static/fonts/Lora/Lora-Italic.ttf
new file mode 100644
index 00000000..2c635503
Binary files /dev/null and b/static/fonts/Lora/Lora-Italic.ttf differ
diff --git a/static/fonts/Lora/Lora-Italic.woff b/static/fonts/Lora/Lora-Italic.woff
new file mode 100644
index 00000000..058fd118
Binary files /dev/null and b/static/fonts/Lora/Lora-Italic.woff differ
diff --git a/static/fonts/Lora/Lora-Italic.woff2 b/static/fonts/Lora/Lora-Italic.woff2
new file mode 100644
index 00000000..d01bab1a
Binary files /dev/null and b/static/fonts/Lora/Lora-Italic.woff2 differ
diff --git a/static/fonts/Lora/Lora-Regular.eot b/static/fonts/Lora/Lora-Regular.eot
new file mode 100644
index 00000000..526f0df5
Binary files /dev/null and b/static/fonts/Lora/Lora-Regular.eot differ
diff --git a/static/fonts/Lora/Lora-Regular.ttf b/static/fonts/Lora/Lora-Regular.ttf
new file mode 100644
index 00000000..760d1ca3
Binary files /dev/null and b/static/fonts/Lora/Lora-Regular.ttf differ
diff --git a/static/fonts/Lora/Lora-Regular.woff b/static/fonts/Lora/Lora-Regular.woff
new file mode 100644
index 00000000..279bd7f5
Binary files /dev/null and b/static/fonts/Lora/Lora-Regular.woff differ
diff --git a/static/fonts/Lora/Lora-Regular.woff2 b/static/fonts/Lora/Lora-Regular.woff2
new file mode 100644
index 00000000..ad4fb0a3
Binary files /dev/null and b/static/fonts/Lora/Lora-Regular.woff2 differ
diff --git a/static/fonts/Lora/Lora.css b/static/fonts/Lora/Lora.css
new file mode 100644
index 00000000..51bab42b
--- /dev/null
+++ b/static/fonts/Lora/Lora.css
@@ -0,0 +1,40 @@
+@font-face {
+ font-family: 'Lora';
+ src: url('Lora-Regular.eot');
+ src: url('Lora-Regular.eot?#iefix') format('embedded-opentype'),
+ url('Lora-Regular.woff2') format('woff2'),
+ url('Lora-Regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Lora';
+ src: url('Lora-Italic.eot');
+ src: url('Lora-Italic.eot?#iefix') format('embedded-opentype'),
+ url('Lora-Italic.woff2') format('woff2'),
+ url('Lora-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Lora';
+ src: url('Lora-Bold.eot');
+ src: url('Lora-Bold.eot?#iefix') format('embedded-opentype'),
+ url('Lora-Bold.woff2') format('woff2'),
+ url('Lora-Bold.woff') format('woff');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Lora';
+ src: url('Lora-BoldItalic.eot');
+ src: url('Lora-BoldItalic.eot?#iefix') format('embedded-opentype'),
+ url('Lora-BoldItalic.woff2') format('woff2'),
+ url('Lora-BoldItalic.woff') format('woff');
+ font-weight: bold;
+ font-style: italic;
+}
+
diff --git a/static/fonts/Lora/OFL.txt b/static/fonts/Lora/OFL.txt
new file mode 100644
index 00000000..0f6fdb15
--- /dev/null
+++ b/static/fonts/Lora/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2011 The Lora Project Authors (https://github.com/cyrealtype/Lora-Cyrillic), with Reserved Font Name "Lora".
+
+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/static/fonts/Playfair_Display/OFL.txt b/static/fonts/Playfair_Display/OFL.txt
new file mode 100644
index 00000000..9a30d7e1
--- /dev/null
+++ b/static/fonts/Playfair_Display/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2017 The Playfair Display Project Authors (https://github.com/clauseggers/Playfair-Display), with Reserved Font Name "Playfair Display".
+
+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/static/fonts/Playfair_Display/PlayfairDisplay-Black.eot b/static/fonts/Playfair_Display/PlayfairDisplay-Black.eot
new file mode 100644
index 00000000..b6cee0ed
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Black.eot differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Black.ttf b/static/fonts/Playfair_Display/PlayfairDisplay-Black.ttf
new file mode 100644
index 00000000..fec2ac81
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Black.ttf differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Black.woff b/static/fonts/Playfair_Display/PlayfairDisplay-Black.woff
new file mode 100644
index 00000000..9144c096
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Black.woff differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Black.woff2 b/static/fonts/Playfair_Display/PlayfairDisplay-Black.woff2
new file mode 100644
index 00000000..9d23c213
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Black.woff2 differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.eot b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.eot
new file mode 100644
index 00000000..db76f291
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.eot differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.ttf b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.ttf
new file mode 100644
index 00000000..8e95d1d1
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.ttf differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.woff b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.woff
new file mode 100644
index 00000000..3aa85b5c
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.woff differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.woff2 b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.woff2
new file mode 100644
index 00000000..42d4cf67
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BlackItalic.woff2 differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Bold.eot b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.eot
new file mode 100644
index 00000000..2c99270f
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.eot differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Bold.ttf b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.ttf
new file mode 100644
index 00000000..93a59cf7
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.ttf differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Bold.woff b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.woff
new file mode 100644
index 00000000..1d0aa234
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.woff differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Bold.woff2 b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.woff2
new file mode 100644
index 00000000..870d7010
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Bold.woff2 differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.eot b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.eot
new file mode 100644
index 00000000..fb25f94a
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.eot differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.ttf b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.ttf
new file mode 100644
index 00000000..3d2fbde0
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.ttf differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.woff b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.woff
new file mode 100644
index 00000000..2cf9e745
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.woff differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.woff2 b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.woff2
new file mode 100644
index 00000000..ee18db41
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-BoldItalic.woff2 differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Italic.eot b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.eot
new file mode 100644
index 00000000..2d73a1f2
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.eot differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Italic.ttf b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.ttf
new file mode 100644
index 00000000..aa65a5f1
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.ttf differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Italic.woff b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.woff
new file mode 100644
index 00000000..c6bbbbdf
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.woff differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Italic.woff2 b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.woff2
new file mode 100644
index 00000000..a50ed090
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Italic.woff2 differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Regular.eot b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.eot
new file mode 100644
index 00000000..fdc561e2
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.eot differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Regular.ttf b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.ttf
new file mode 100644
index 00000000..8468e687
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.ttf differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Regular.woff b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.woff
new file mode 100644
index 00000000..4bb34273
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.woff differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay-Regular.woff2 b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.woff2
new file mode 100644
index 00000000..04e356bf
Binary files /dev/null and b/static/fonts/Playfair_Display/PlayfairDisplay-Regular.woff2 differ
diff --git a/static/fonts/Playfair_Display/PlayfairDisplay.css b/static/fonts/Playfair_Display/PlayfairDisplay.css
new file mode 100644
index 00000000..50f6e16f
--- /dev/null
+++ b/static/fonts/Playfair_Display/PlayfairDisplay.css
@@ -0,0 +1,60 @@
+@font-face {
+ font-family: 'Playfair Display';
+ src: url('PlayfairDisplay-Bold.eot');
+ src: url('PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
+ url('PlayfairDisplay-Bold.woff2') format('woff2'),
+ url('PlayfairDisplay-Bold.woff') format('woff');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Playfair Display';
+ src: url('PlayfairDisplay-Black.eot');
+ src: url('PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
+ url('PlayfairDisplay-Black.woff2') format('woff2'),
+ url('PlayfairDisplay-Black.woff') format('woff');
+ font-weight: 900;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Playfair Display';
+ src: url('PlayfairDisplay-BoldItalic.eot');
+ src: url('PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
+ url('PlayfairDisplay-BoldItalic.woff2') format('woff2'),
+ url('PlayfairDisplay-BoldItalic.woff') format('woff');
+ font-weight: bold;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Playfair Display';
+ src: url('PlayfairDisplay-BlackItalic.eot');
+ src: url('PlayfairDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
+ url('PlayfairDisplay-BlackItalic.woff2') format('woff2'),
+ url('PlayfairDisplay-BlackItalic.woff') format('woff');
+ font-weight: 900;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Playfair Display';
+ src: url('PlayfairDisplay-Italic.eot');
+ src: url('PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),
+ url('PlayfairDisplay-Italic.woff2') format('woff2'),
+ url('PlayfairDisplay-Italic.woff') format('woff');
+ font-weight: normal;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Playfair Display';
+ src: url('PlayfairDisplay-Regular.eot');
+ src: url('PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
+ url('PlayfairDisplay-Regular.woff2') format('woff2'),
+ url('PlayfairDisplay-Regular.woff') format('woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
diff --git a/static/main.css b/static/main.css
index 14ce4daa..e5818217 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,5 +1,6 @@
@import url('/static/fonts/Route159/Route159.css');
-@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Playfair+Display:400,400i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');
+@import url('/static/fonts/Lora/Lora.css');
+@import url('/static/fonts/Playfair_Display/PlayfairDisplay.css');
/*
* == Global ==
@@ -30,7 +31,7 @@ header
display: flex;
align-content: center;
justify-content: space-between;
- padding: 4em 2em 2em;
+ background: #ECECEC;
}
header #menu
@@ -44,6 +45,14 @@ header nav
flex-direction: row;
align-items: center;
}
+header nav hr
+{
+ height: 100%;
+ width: 0.2em;
+ background: #7765E3;
+ border: none;
+ transform: skewX(-15deg);
+}
header nav a
{
display: block;
@@ -52,11 +61,9 @@ header nav a
}
header nav a.title
{
- margin: 0 0 0 -1em;
- padding: 0;
- width: calc(20vw);
+ margin: 0;
+ padding: 0.5em 2em;
font-size: 1.75em;
- border-right: solid #7765E3 0.1em;
text-align: center;
}
@@ -114,7 +121,7 @@ main .article-info .author a
main article
{
max-width: 40rem;
- margin: auto;
+ margin: 2.5em auto;
font-family: "Lora", serif;
font-size: 1.2em;
line-height: 1.7em;
@@ -320,7 +327,7 @@ textarea
padding: 1em;
box-sizing: border-box;
- background: #F4F4F4;
+ background: #ECECEC;
color: #242424;
border: none;
resize: vertical;
@@ -437,7 +444,12 @@ form.new-post input[type="submit"]
background: #E3E3E3;
}
.list .card
-{ min-height: 0; }
+{ /* TODO */
+ background: 0;
+ margin: 0;
+ padding: 0;
+ min-height: 0;
+}
/* ~ Card content ~ */
@@ -505,6 +517,21 @@ form.new-post input[type="submit"]
flex-direction: column;
}
+ body > main > *
+ {
+ padding: 0 5%;
+ }
+ main .article-meta > *
+ { margin: 0 5%; }
+
+ main .article-meta > p
+ {
+ margin: 2em 5%;
+ font-size: 0.9em;
+ }
+ main .article-meta .comments > *
+ { margin-left: 5%; margin-right: 5%; }
+
.card
{
min-width: 80%;
diff --git a/templates/base.html.tera b/templates/base.html.tera
index 419f45d1..6d843110 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -12,6 +12,7 @@