Make home button use customizable image
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user