diff options
author | Joseph Hutchinson <hutch7995@gmail.com> | 2018-05-14 23:32:46 +0300 |
---|---|---|
committer | Joseph Hutchinson <hutch7995@gmail.com> | 2018-05-14 23:32:46 +0300 |
commit | 7742ea0cfe29ce721a0f4807e7b22cce37c24318 (patch) | |
tree | 4b887ba88a3c23b673c7a0dc8298e1588f3b59b5 | |
parent | 7468f7c8ff13fef00aadc45416183fab0ee98af3 (diff) |
Make home button use customizable image
-rw-r--r-- | layouts/partials/home-card.html | 2 | ||||
-rw-r--r-- | layouts/partials/nav-bar.html | 2 | ||||
-rw-r--r-- | static/css/style.css | 12 |
3 files changed, 8 insertions, 8 deletions
diff --git a/layouts/partials/home-card.html b/layouts/partials/home-card.html index 45b8b34..e91635d 100644 --- a/layouts/partials/home-card.html +++ b/layouts/partials/home-card.html @@ -1,4 +1,4 @@ <a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" - href="/" class="card home-card" rel="bookmark" > + href="/" class="card home-card" style="background-image: url({{ .Site.Params.homeimg }})" rel="bookmark" > Home </a>
\ No newline at end of file diff --git a/layouts/partials/nav-bar.html b/layouts/partials/nav-bar.html index a97c402..44d604b 100644 --- a/layouts/partials/nav-bar.html +++ b/layouts/partials/nav-bar.html @@ -1,5 +1,5 @@ <nav class="nav-bar side-padding"> - <h1 class="nav-header"><a href="/" class="nav-text">{{ $.Site.Params.navtitle }}</a></h1> + <h1 class="nav-header"><a href="/" class="nav-text">{{ $.Site.Title }}</a></h1> <div class="hamburger-menu"> <input type="checkbox" onclick="hamburgerMenuPressed()"/> <span></span> diff --git a/static/css/style.css b/static/css/style.css index fd665d2..6acbb5e 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -180,7 +180,7 @@ input:checked ~ .hamburger-menu-overlay { font-weight: bold; text-align: center; color: white; - background: url(../img/grey-cloud.jpg) center center; + background-position: center center; object-fit: cover; } .blog-card { @@ -193,7 +193,7 @@ input:checked ~ .hamburger-menu-overlay { } .card-img { border-radius: 0.3rem 0.3rem 0 0; - margin-bottom: -0.28em; + margin: 0 0 -0.28em 0; max-height: 10em; object-fit: cover; } @@ -265,12 +265,12 @@ input:checked ~ .hamburger-menu-overlay { transform: scale(1); } .side-gutter { - margin-left: 1rem !important; - margin-right: 1rem !important; + margin-left: 1.2rem !important; + margin-right: 1.2rem !important; } .side-padding { - padding-left: 1rem !important; - padding-right: 1rem !important; + padding-left: 1.2rem !important; + padding-right: 1.2rem !important; box-sizing: border-box !important; } .side-text-padding { |