Make home button use customizable image

This commit is contained in:
Joseph Hutchinson
2018-05-14 16:32:46 -04:00
parent 7468f7c8ff
commit 7742ea0cfe
3 changed files with 8 additions and 8 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 {