From 0318f702ffe0f66e0726ddfded6913e53f6ddcfa Mon Sep 17 00:00:00 2001 From: Houtan Bastani <houtan@dynare.org> Date: Thu, 18 Oct 2018 12:54:03 +0200 Subject: [PATCH] rework positioning of logo on home page --- _sass/dynare.scss | 34 ++++++++++++++++++++++++++++++++++ index.md | 11 ++++++----- 2 files changed, 40 insertions(+), 5 deletions(-) diff --git a/_sass/dynare.scss b/_sass/dynare.scss index f15638e..f08b857 100644 --- a/_sass/dynare.scss +++ b/_sass/dynare.scss @@ -485,3 +485,37 @@ ul.resources { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; } + + +.dynare_home_page_image_container { + position: relative; + text-align: center; +} + +.dynare_home_page_slogan { + position: absolute; + top: 93%; + left: 51%; + transform: translate(-50%, -50%); + white-space: nowrap; + font-weight: 700; + margin: auto; +} + +@media screen and (min-width: 400px) { + .dynare_home_page_slogan { + font-size: 20px; + } +} + +@media screen and (max-width: 300px) { + .dynare_home_page_slogan { + font-size: 15px; + } +} + +@media screen and (max-width: 200px) { + .dynare_home_page_slogan { + font-size: 10px; + } +} diff --git a/index.md b/index.md index d7b9bbe..e9e93d3 100644 --- a/index.md +++ b/index.md @@ -6,12 +6,13 @@ feature_row: btn_label: "Download" btn_class: "btn--inverse" --- -<br><img src="/assets/images/logo/dbkgd.png" alt="Dynare logo" width="150"/> -{: .text-center} - -The macroeconomic modeling solution -{: .text-center} +<br /> +<div class="dynare_home_page_image_container"> +<img src="/assets/images/logo/dbkgd.png" alt="Dynare" style="width:400px;"> +<div class="dynare_home_page_slogan">The macroeconomic modeling solution</div> +</div> +<br /> <a href="download" class="home_page_button">Download v{{ site.dynare_stable_version }}</a> <a href="http://www.dynare.org/manual/" class="home_page_button">Documentation</a> {: .text-center} -- GitLab