diff --git a/assets/css/main.css b/assets/css/main.css index 108f1a0..9f0e70b 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,3 +1,3 @@ -body{margin:0;font-family:'Alegreya Sans', "Verdana", "Arial", sans-serif;min-width:300px;overflow-x:hidden}div.site-wrap{background-color:#fff}h1,h2,h3,h4{margin-bottom:18px;margin-top:1em;font-family:'Crimson Text', serif}main h1:first-child,main div.container:first-child{margin-top:0}h5{margin-bottom:8px}h6{margin-bottom:5px}p{margin-top:0;line-height:1.5em}a{color:#2dac01}a:active,a:hover,a:focus{color:#207901}main p a{text-decoration:underline}main p a:visited{color:#999}blockquote{font-size:1.4em;border-left:4px solid #dddddd;padding:0 15px;color:#777777}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}code{padding:0 5px;white-space:nowrap;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px}pre{background-color:#f8f8f8;border:1px solid #cccccc;font-size:14px;line-height:19px;overflow:auto;padding:6px 10px;border-radius:3px}pre code{margin:0;padding:0;white-space:pre;border:none;background:transparent}main div.container{margin-top:10px}@media (min-width: 992px){main div.container{max-width:940px}}header a{display:inline-block}header img{width:75px;height:75px;margin-top:4px;float:left}.nav-trigger{display:none}nav{box-sizing:border-box}nav ul.nav{margin:0;padding-left:0}nav ul.nav a{text-decoration:none;color:inherit}nav ul.nav li{list-style-type:none}nav ul.nav a:hover,nav ul.nav a:focus{text-decoration:none}@media (min-width: 576px){nav{float:right}nav ul.nav a{float:left;text-align:center;font-size:18px;font-weight:300;margin:30px 7px 1px}nav ul.nav a:hover,nav ul.nav a:focus,nav ul.nav a.active{border-bottom:1px solid #2dac01}nav ul.nav a.section{font-weight:500}}@media (min-width: 768px){nav ul.nav a{margin:30px 9px 1px}}nav.mobile{width:200px;height:100%;position:fixed;right:-200px;z-index:0}.site-wrap{position:relative;left:0;z-index:1}@media (max-width: 575px){label[for="nav-trigger"]{position:absolute;right:15px;top:24px;z-index:2;padding:.5rem .75rem;font-size:1.25rem;line-height:1;font-family:inherit;font-weight:300;color:#373a3c;background-color:#fff}nav.mobile{background-color:#424242}nav.mobile ul.mobileNav{color:#fff;padding:1rem 1rem;padding-top:28px}nav.mobile ul.mobileNav li{margin-bottom:0.4em}nav.mobile ul.mobileNav li a{font-size:20px;font-weight:300}nav.mobile ul.mobileNav li a.active{color:#2dac01;font-weight:700}nav.mobile ul.mobileNav ul>li{margin-bottom:0.2em}.nav-trigger:checked+label{right:215px}.nav-trigger:checked ~ .site-wrap{left:-200px;box-shadow:0 0 5px 5px rgba(0,0,0,0.5)}.nav-trigger:checked ~ nav.mobile{right:0}.nav-trigger+label,nav.mobile{transition:right 0.2s;-webkit-transition:right 0.2s;-moz-transition:right 0.2s;-o-transition:right 0.2s}.site-wrap{transition:left 0.2s;-webkit-transition:left 0.2s;-moz-transition:left 0.2s;-o-transition:left 0.2s}}footer{margin-top:25px;padding-top:15px;padding-bottom:10px;height:70px;min-width:inherit;background-color:#bebebe;color:#000}footer p{margin-bottom:0}@media (max-width: 575px){footer{text-align:center}footer p{margin-bottom:10px}}footer i.fa{color:#000;font-size:1.4rem;padding-right:0.2em}footer a>svg{height:1.4rem;width:1.4rem;position:relative;top:0.18rem}footer a>svg image{height:1.4rem;width:1.4rem}footer img{height:1.4rem;padding-right:0.2em}@media (max-width: 575px){footer{height:175px}}@media (min-width: 576px){main{min-height:calc(100vh - 87px - 70px - 25px)}}@media (max-width: 575px){main{min-height:calc(100vh - 87px - 25px)}}.columns{margin-right:-15px;margin-left:-15px}.columns:before{display:table;content:" "}.columns:after{clear:both;display:table;content:" "}.column{padding-right:15px;padding-left:15px;display:block;float:left;position:relative;min-height:1px}.columns-1 .column{width:100%}.columns-2 .column{width:50%}@media (max-width: 600px){.columns-2 .column{width:100%}}.columns-3 .column{width:33.33%}@media (max-width: 600px){.columns-3 .column{width:100%}}.columns-4 .column{width:25%}@media (max-width: 1200px){.columns-4 .column{width:50%}}@media (max-width: 600px){.columns-4 .column{width:100%}}.columns-5 .column{width:20%}.visible-xxs{display:none !important}@media (max-width: 575px){.col-xxs-12{float:none;width:100%;position:relative;left:0;right:0;min-height:1px;padding-right:15px;padding-left:15px}.hidden-xxs{display:none !important}.visible-xxs{display:block !important}}.html5player{width:100%;height:auto;background-color:black}div.video-container{position:relative;width:100%;height:auto;max-width:100%;padding-bottom:53%;padding-top:30px;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.columns ul{padding-left:25px} +@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:100;src:local("Alegreya Sans Thin"),local("AlegreyaSans-Thin"),url("../fonts/alegreya-sans-v8-latin-100.woff2") format("woff2"),url("../fonts/alegreya-sans-v8-latin-100.woff") format("woff")}@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:300;src:local("Alegreya Sans Light"),local("AlegreyaSans-Light"),url("../fonts/alegreya-sans-v8-latin-300.woff2") format("woff2"),url("../fonts/alegreya-sans-v8-latin-300.woff") format("woff")}@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:400;src:url("../fonts/alegreya-sans-v8-latin-regular.woff2") format("woff2"),url("../fonts/alegreya-sans-v8-latin-regular.woff") format("woff")}@font-face{font-family:'Alegreya Sans';font-style:italic;font-weight:400;src:local("Alegreya Sans Italic"),local("AlegreyaSans-Italic"),url("../fonts/alegreya-sans-v8-latin-italic.woff2") format("woff2"),url("../fonts/alegreya-sans-v8-latin-italic.woff") format("woff")}@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:500;src:local("Alegreya Sans Medium"),local("AlegreyaSans-Medium"),url("../fonts/alegreya-sans-v8-latin-500.woff2") format("woff2"),url("../fonts/alegreya-sans-v8-latin-500.woff") format("woff")}@font-face{font-family:'Alegreya Sans';font-style:italic;font-weight:500;src:local("Alegreya Sans Medium Italic"),local("AlegreyaSans-MediumItalic"),url("../fonts/alegreya-sans-v8-latin-500italic.woff2") format("woff2"),url("../fonts/alegreya-sans-v8-latin-500italic.woff") format("woff")}@font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:700;src:local("Alegreya Sans Bold"),local("AlegreyaSans-Bold"),url("../fonts/alegreya-sans-v8-latin-700.woff2") format("woff2"),url("../fonts/alegreya-sans-v8-latin-700.woff") format("woff")}@font-face{font-family:'Crimson Text';font-style:normal;font-weight:400;src:url("../fonts/crimson-text-v8-latin-regular.woff2") format("woff2"),url("../fonts/crimson-text-v8-latin-regular.woff") format("woff")}@font-face{font-family:'Crimson Text';font-style:normal;font-weight:700;src:url("../fonts/crimson-text-v8-latin-700.woff2") format("woff2"),url("../fonts/crimson-text-v8-latin-700.woff") format("woff")}body{margin:0;font-family:'Alegreya Sans', "Verdana", "Arial", sans-serif;min-width:300px;overflow-x:hidden}div.site-wrap{background-color:#fff}h1,h2,h3,h4{margin-bottom:18px;margin-top:1em;font-family:'Crimson Text', serif}main h1:first-child,main div.container:first-child{margin-top:0}h5{margin-bottom:8px}h6{margin-bottom:5px}p{margin-top:0;line-height:1.5em}a{color:#2dac01}a:active,a:hover,a:focus{color:#207901}main p a{text-decoration:underline}main p a:visited{color:#999}blockquote{font-size:1.4em;border-left:4px solid #dddddd;padding:0 15px;color:#777777}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}code{padding:0 5px;white-space:nowrap;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px}pre{background-color:#f8f8f8;border:1px solid #cccccc;font-size:14px;line-height:19px;overflow:auto;padding:6px 10px;border-radius:3px}pre code{margin:0;padding:0;white-space:pre;border:none;background:transparent}main div.container{margin-top:10px}@media (min-width: 992px){main div.container{max-width:940px}}header a{display:inline-block}header img{width:75px;height:75px;margin-top:4px;float:left}.nav-trigger{display:none}nav{box-sizing:border-box}nav ul.nav{margin:0;padding-left:0}nav ul.nav a{text-decoration:none;color:inherit}nav ul.nav li{list-style-type:none}nav ul.nav a:hover,nav ul.nav a:focus{text-decoration:none}@media (min-width: 576px){nav{float:right}nav ul.nav a{float:left;text-align:center;font-size:18px;font-weight:300;margin:30px 7px 1px}nav ul.nav a:hover,nav ul.nav a:focus,nav ul.nav a.active{border-bottom:1px solid #2dac01}nav ul.nav a.section{font-weight:500}}@media (min-width: 768px){nav ul.nav a{margin:30px 9px 1px}}nav.mobile{width:200px;height:100%;position:fixed;right:-200px;z-index:0}.site-wrap{position:relative;left:0;z-index:1}@media (max-width: 575px){label[for="nav-trigger"]{position:absolute;right:15px;top:24px;z-index:2;padding:.5rem .75rem;font-size:1.25rem;line-height:1;font-family:inherit;font-weight:300;color:#373a3c;background-color:#fff}nav.mobile{background-color:#424242}nav.mobile ul.mobileNav{color:#fff;padding:1rem 1rem;padding-top:28px}nav.mobile ul.mobileNav li{margin-bottom:0.4em}nav.mobile ul.mobileNav li a{font-size:20px;font-weight:300}nav.mobile ul.mobileNav li a.active{color:#2dac01;font-weight:700}nav.mobile ul.mobileNav ul>li{margin-bottom:0.2em}.nav-trigger:checked+label{right:215px}.nav-trigger:checked ~ .site-wrap{left:-200px;box-shadow:0 0 5px 5px rgba(0,0,0,0.5)}.nav-trigger:checked ~ nav.mobile{right:0}.nav-trigger+label,nav.mobile{transition:right 0.2s;-webkit-transition:right 0.2s;-moz-transition:right 0.2s;-o-transition:right 0.2s}.site-wrap{transition:left 0.2s;-webkit-transition:left 0.2s;-moz-transition:left 0.2s;-o-transition:left 0.2s}}footer{margin-top:25px;padding-top:15px;padding-bottom:10px;height:70px;min-width:inherit;background-color:#bebebe;color:#000}footer p{margin-bottom:0}@media (max-width: 575px){footer{text-align:center}footer p{margin-bottom:10px}}footer i.fa{color:#000;font-size:1.4rem;padding-right:0.2em}footer a>svg{height:1.4rem;width:1.4rem;position:relative;top:0.18rem}footer a>svg image{height:1.4rem;width:1.4rem}footer img{height:1.4rem;padding-right:0.2em}@media (max-width: 575px){footer{height:175px}}@media (min-width: 576px){main{min-height:calc(100vh - 87px - 70px - 25px)}}@media (max-width: 575px){main{min-height:calc(100vh - 87px - 25px)}}.columns{margin-right:-15px;margin-left:-15px}.columns:before{display:table;content:" "}.columns:after{clear:both;display:table;content:" "}.column{padding-right:15px;padding-left:15px;display:block;float:left;position:relative;min-height:1px}.columns-1 .column{width:100%}.columns-2 .column{width:50%}@media (max-width: 600px){.columns-2 .column{width:100%}}.columns-3 .column{width:33.33%}@media (max-width: 600px){.columns-3 .column{width:100%}}.columns-4 .column{width:25%}@media (max-width: 1200px){.columns-4 .column{width:50%}}@media (max-width: 600px){.columns-4 .column{width:100%}}.columns-5 .column{width:20%}.visible-xxs{display:none !important}@media (max-width: 575px){.col-xxs-12{float:none;width:100%;position:relative;left:0;right:0;min-height:1px;padding-right:15px;padding-left:15px}.hidden-xxs{display:none !important}.visible-xxs{display:block !important}}.html5player{width:100%;height:auto;background-color:black}div.video-container{position:relative;width:100%;height:auto;max-width:100%;padding-bottom:53%;padding-top:30px;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.columns ul{padding-left:25px} /*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/assets/css/main.css.map b/assets/css/main.css.map index 8eb9f9f..aaa0210 100644 Binary files a/assets/css/main.css.map and b/assets/css/main.css.map differ diff --git a/assets/css/templates/home.css b/assets/css/templates/home.css index 73083d0..f14f675 100644 --- a/assets/css/templates/home.css +++ b/assets/css/templates/home.css @@ -1,3 +1,3 @@ -main{padding-top:14vh}main div.home{text-align:center}main div.home div.logo{font-family:'Boon-Logo', "Verdana", "Arial", sans-serif;font-size:24.5px;line-height:1.2em;font-weight:300;width:11em;margin:0 auto}main div.home div.logo span{color:#2dac01;font-weight:400}main div.home div.logo span.firstname{padding-left:0.1em;padding-right:0.56em}main div.home div.logo span.surname{letter-spacing:-0.036em}main div.home p{margin-top:0.5em;font-size:14px;letter-spacing:-0.02em}@media (max-width: 575px){main{padding-top:10vh}} +@font-face{src:url("../../fonts/boon_logo-300.woff") format("woff");font-family:"Boon-Logo";font-style:normal;font-weight:300}@font-face{src:url("../../fonts/boon_logo-400.woff") format("woff");font-family:"Boon-Logo";font-style:normal;font-weight:400}main{padding-top:14vh}main div.home{text-align:center}main div.home div.logo{font-family:'Boon-Logo', "Verdana", "Arial", sans-serif;font-size:24.5px;line-height:1.2em;font-weight:300;width:11em;margin:0 auto}main div.home div.logo span{color:#2dac01;font-weight:400}main div.home div.logo span.firstname{padding-left:0.1em;padding-right:0.56em}main div.home div.logo span.surname{letter-spacing:-0.036em}main div.home p{margin-top:0.5em;font-size:15px;letter-spacing:-0.02em}@media (max-width: 575px){main{padding-top:10vh}} /*# sourceMappingURL=home.css.map */ \ No newline at end of file diff --git a/assets/css/templates/home.css.map b/assets/css/templates/home.css.map index 768f34f..11b67b1 100644 Binary files a/assets/css/templates/home.css.map and b/assets/css/templates/home.css.map differ diff --git a/assets/fonts/alegreya-sans-v8-latin-100.woff b/assets/fonts/alegreya-sans-v8-latin-100.woff new file mode 100644 index 0000000..8f380f5 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-100.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-100.woff2 b/assets/fonts/alegreya-sans-v8-latin-100.woff2 new file mode 100644 index 0000000..4dbd307 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-100.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-100italic.woff b/assets/fonts/alegreya-sans-v8-latin-100italic.woff new file mode 100644 index 0000000..efe20fb Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-100italic.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-100italic.woff2 b/assets/fonts/alegreya-sans-v8-latin-100italic.woff2 new file mode 100644 index 0000000..4bbb467 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-100italic.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-300.woff b/assets/fonts/alegreya-sans-v8-latin-300.woff new file mode 100644 index 0000000..900a004 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-300.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-300.woff2 b/assets/fonts/alegreya-sans-v8-latin-300.woff2 new file mode 100644 index 0000000..5affdd8 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-300.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-300italic.woff b/assets/fonts/alegreya-sans-v8-latin-300italic.woff new file mode 100644 index 0000000..6f2ebcb Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-300italic.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-300italic.woff2 b/assets/fonts/alegreya-sans-v8-latin-300italic.woff2 new file mode 100644 index 0000000..d493306 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-300italic.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-500.woff b/assets/fonts/alegreya-sans-v8-latin-500.woff new file mode 100644 index 0000000..248a702 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-500.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-500.woff2 b/assets/fonts/alegreya-sans-v8-latin-500.woff2 new file mode 100644 index 0000000..3a42214 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-500.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-500italic.woff b/assets/fonts/alegreya-sans-v8-latin-500italic.woff new file mode 100644 index 0000000..34921b5 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-500italic.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-500italic.woff2 b/assets/fonts/alegreya-sans-v8-latin-500italic.woff2 new file mode 100644 index 0000000..ee82c34 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-500italic.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-700.woff b/assets/fonts/alegreya-sans-v8-latin-700.woff new file mode 100644 index 0000000..5ff1cd4 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-700.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-700.woff2 b/assets/fonts/alegreya-sans-v8-latin-700.woff2 new file mode 100644 index 0000000..93c0167 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-700.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-700italic.woff b/assets/fonts/alegreya-sans-v8-latin-700italic.woff new file mode 100644 index 0000000..1e78fd7 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-700italic.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-700italic.woff2 b/assets/fonts/alegreya-sans-v8-latin-700italic.woff2 new file mode 100644 index 0000000..72bb34a Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-700italic.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-800.woff b/assets/fonts/alegreya-sans-v8-latin-800.woff new file mode 100644 index 0000000..c29fe34 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-800.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-800.woff2 b/assets/fonts/alegreya-sans-v8-latin-800.woff2 new file mode 100644 index 0000000..edcdbb0 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-800.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-800italic.woff b/assets/fonts/alegreya-sans-v8-latin-800italic.woff new file mode 100644 index 0000000..8094df9 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-800italic.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-800italic.woff2 b/assets/fonts/alegreya-sans-v8-latin-800italic.woff2 new file mode 100644 index 0000000..299712f Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-800italic.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-900.woff b/assets/fonts/alegreya-sans-v8-latin-900.woff new file mode 100644 index 0000000..32977b0 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-900.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-900.woff2 b/assets/fonts/alegreya-sans-v8-latin-900.woff2 new file mode 100644 index 0000000..6c879b4 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-900.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-900italic.woff b/assets/fonts/alegreya-sans-v8-latin-900italic.woff new file mode 100644 index 0000000..50a6f73 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-900italic.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-900italic.woff2 b/assets/fonts/alegreya-sans-v8-latin-900italic.woff2 new file mode 100644 index 0000000..4f02e40 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-900italic.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-italic.woff b/assets/fonts/alegreya-sans-v8-latin-italic.woff new file mode 100644 index 0000000..089fe56 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-italic.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-italic.woff2 b/assets/fonts/alegreya-sans-v8-latin-italic.woff2 new file mode 100644 index 0000000..91cdc51 Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-italic.woff2 differ diff --git a/assets/fonts/alegreya-sans-v8-latin-regular.woff b/assets/fonts/alegreya-sans-v8-latin-regular.woff new file mode 100644 index 0000000..38c3e6d Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-regular.woff differ diff --git a/assets/fonts/alegreya-sans-v8-latin-regular.woff2 b/assets/fonts/alegreya-sans-v8-latin-regular.woff2 new file mode 100644 index 0000000..07fe46d Binary files /dev/null and b/assets/fonts/alegreya-sans-v8-latin-regular.woff2 differ diff --git a/assets/fonts/crimson-text-v8-latin-600.woff b/assets/fonts/crimson-text-v8-latin-600.woff new file mode 100644 index 0000000..71adfed Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-600.woff differ diff --git a/assets/fonts/crimson-text-v8-latin-600.woff2 b/assets/fonts/crimson-text-v8-latin-600.woff2 new file mode 100644 index 0000000..b13d592 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-600.woff2 differ diff --git a/assets/fonts/crimson-text-v8-latin-600italic.woff b/assets/fonts/crimson-text-v8-latin-600italic.woff new file mode 100644 index 0000000..b06b3b7 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-600italic.woff differ diff --git a/assets/fonts/crimson-text-v8-latin-600italic.woff2 b/assets/fonts/crimson-text-v8-latin-600italic.woff2 new file mode 100644 index 0000000..acdf6f6 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-600italic.woff2 differ diff --git a/assets/fonts/crimson-text-v8-latin-700.woff b/assets/fonts/crimson-text-v8-latin-700.woff new file mode 100644 index 0000000..63bfc7d Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-700.woff differ diff --git a/assets/fonts/crimson-text-v8-latin-700.woff2 b/assets/fonts/crimson-text-v8-latin-700.woff2 new file mode 100644 index 0000000..12e67e9 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-700.woff2 differ diff --git a/assets/fonts/crimson-text-v8-latin-700italic.woff b/assets/fonts/crimson-text-v8-latin-700italic.woff new file mode 100644 index 0000000..cdf5547 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-700italic.woff differ diff --git a/assets/fonts/crimson-text-v8-latin-700italic.woff2 b/assets/fonts/crimson-text-v8-latin-700italic.woff2 new file mode 100644 index 0000000..cb7d404 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-700italic.woff2 differ diff --git a/assets/fonts/crimson-text-v8-latin-italic.woff b/assets/fonts/crimson-text-v8-latin-italic.woff new file mode 100644 index 0000000..92cd01d Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-italic.woff differ diff --git a/assets/fonts/crimson-text-v8-latin-italic.woff2 b/assets/fonts/crimson-text-v8-latin-italic.woff2 new file mode 100644 index 0000000..b174e00 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-italic.woff2 differ diff --git a/assets/fonts/crimson-text-v8-latin-regular.woff b/assets/fonts/crimson-text-v8-latin-regular.woff new file mode 100644 index 0000000..67a7781 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-regular.woff differ diff --git a/assets/fonts/crimson-text-v8-latin-regular.woff2 b/assets/fonts/crimson-text-v8-latin-regular.woff2 new file mode 100644 index 0000000..34a5dc8 Binary files /dev/null and b/assets/fonts/crimson-text-v8-latin-regular.woff2 differ diff --git a/assets/fonts/crimson-text-v8-latin.css b/assets/fonts/crimson-text-v8-latin.css new file mode 100644 index 0000000..7855e4c --- /dev/null +++ b/assets/fonts/crimson-text-v8-latin.css @@ -0,0 +1,54 @@ +/* crimson-text-regular - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: normal; + font-weight: 400; + src: local('Crimson Text Regular'), local('CrimsonText-Regular'), + url('../fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* crimson-text-italic - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: italic; + font-weight: 400; + src: local('Crimson Text Italic'), local('CrimsonText-Italic'), + url('../fonts/crimson-text-v8-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* crimson-text-600 - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: normal; + font-weight: 600; + src: local('Crimson Text SemiBold'), local('CrimsonText-SemiBold'), + url('../fonts/crimson-text-v8-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* crimson-text-600italic - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: italic; + font-weight: 600; + src: local('Crimson Text SemiBold Italic'), local('CrimsonText-SemiBoldItalic'), + url('../fonts/crimson-text-v8-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* crimson-text-700 - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: normal; + font-weight: 700; + src: local('Crimson Text Bold'), local('CrimsonText-Bold'), + url('../fonts/crimson-text-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* crimson-text-700italic - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: italic; + font-weight: 700; + src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'), + url('../fonts/crimson-text-v8-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} diff --git a/assets/scss/_fonts.scss b/assets/scss/_fonts.scss new file mode 100644 index 0000000..683e277 --- /dev/null +++ b/assets/scss/_fonts.scss @@ -0,0 +1,83 @@ +/* alegreya-sans-100 - latin */ +@font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 100; + src: local('Alegreya Sans Thin'), local('AlegreyaSans-Thin'), + url('../fonts/alegreya-sans-v8-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/alegreya-sans-v8-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* alegreya-sans-300 - latin */ +@font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 300; + src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'), + url('../fonts/alegreya-sans-v8-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/alegreya-sans-v8-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* alegreya-sans-regular - latin */ +@font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 400; + src: /*local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'),*/ + url('../fonts/alegreya-sans-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/alegreya-sans-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* alegreya-sans-italic - latin */ +@font-face { + font-family: 'Alegreya Sans'; + font-style: italic; + font-weight: 400; + src: local('Alegreya Sans Italic'), local('AlegreyaSans-Italic'), + url('../fonts/alegreya-sans-v8-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/alegreya-sans-v8-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* alegreya-sans-500 - latin */ +@font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 500; + src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'), + url('../fonts/alegreya-sans-v8-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/alegreya-sans-v8-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* alegreya-sans-500italic - latin */ +@font-face { + font-family: 'Alegreya Sans'; + font-style: italic; + font-weight: 500; + src: local('Alegreya Sans Medium Italic'), local('AlegreyaSans-MediumItalic'), + url('../fonts/alegreya-sans-v8-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/alegreya-sans-v8-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* alegreya-sans-700 - latin */ +@font-face { + font-family: 'Alegreya Sans'; + font-style: normal; + font-weight: 700; + src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'), + url('../fonts/alegreya-sans-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/alegreya-sans-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + + +/* crimson-text-regular - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: normal; + font-weight: 400; + src: /*local('Crimson Text Regular'), local('CrimsonText-Regular'),*/ + url('../fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* crimson-text-700 - latin */ +@font-face { + font-family: 'Crimson Text'; + font-style: normal; + font-weight: 700; + src: /*local('Crimson Text Bold'), local('CrimsonText-Bold'),*/ + url('../fonts/crimson-text-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/crimson-text-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 11e9a6c..1dcb37d 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -1,12 +1,14 @@ /* STYLE for jannikbeyerstedt.de * generic styles * - * main font: Alegreya Sans - * headings: Crimson Text + * main font: Alegreya Sans (100,300,400,400italic,500,500italic,700) + * headings: Crimson Text (400,700) * Logo: Boon */ @import "mainvariables"; +@import "fonts"; + body { margin: 0; font-family: 'Alegreya Sans', "Verdana", "Arial", sans-serif; diff --git a/assets/scss/templates/home.scss b/assets/scss/templates/home.scss index e4e18dc..3e8057a 100644 --- a/assets/scss/templates/home.scss +++ b/assets/scss/templates/home.scss @@ -3,6 +3,21 @@ */ @import "../mainvariables"; +@font-face { + src: url("../../fonts/boon_logo-300.woff") format("woff"); + font-family: "Boon-Logo"; + font-style: normal; + font-weight: 300; +} + +@font-face { + src: url("../../fonts/boon_logo-400.woff") format("woff"); + font-family: "Boon-Logo"; + font-style: normal; + font-weight: 400; +} + + main { padding-top: 14vh; @@ -34,7 +49,7 @@ main { p { margin-top: 0.5em; - font-size: 14px; + font-size: 15px; letter-spacing: -0.02em; } diff --git a/site/snippets/base/html-head.php b/site/snippets/base/html-head.php index bde1ad8..e0f5720 100644 --- a/site/snippets/base/html-head.php +++ b/site/snippets/base/html-head.php @@ -26,18 +26,12 @@ if( $page->isHomePage() ) { - + - + - - - - - - @@ -51,6 +45,5 @@ if( $page->isHomePage() ) { - diff --git a/site/snippets/blog-htmlhead.php b/site/snippets/blog-htmlhead.php index 646bc07..a6aa516 100644 --- a/site/snippets/blog-htmlhead.php +++ b/site/snippets/blog-htmlhead.php @@ -26,16 +26,12 @@ if( $page->isHomePage() ) { - + - + - - - -