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)"
|
<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
|
Home
|
||||||
</a>
|
</a>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
<nav class="nav-bar side-padding">
|
<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">
|
<div class="hamburger-menu">
|
||||||
<input type="checkbox" onclick="hamburgerMenuPressed()"/>
|
<input type="checkbox" onclick="hamburgerMenuPressed()"/>
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|||||||
@@ -180,7 +180,7 @@ input:checked ~ .hamburger-menu-overlay {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
background: url(../img/grey-cloud.jpg) center center;
|
background-position: center center;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
.blog-card {
|
.blog-card {
|
||||||
@@ -193,7 +193,7 @@ input:checked ~ .hamburger-menu-overlay {
|
|||||||
}
|
}
|
||||||
.card-img {
|
.card-img {
|
||||||
border-radius: 0.3rem 0.3rem 0 0;
|
border-radius: 0.3rem 0.3rem 0 0;
|
||||||
margin-bottom: -0.28em;
|
margin: 0 0 -0.28em 0;
|
||||||
max-height: 10em;
|
max-height: 10em;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
@@ -265,12 +265,12 @@ input:checked ~ .hamburger-menu-overlay {
|
|||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
.side-gutter {
|
.side-gutter {
|
||||||
margin-left: 1rem !important;
|
margin-left: 1.2rem !important;
|
||||||
margin-right: 1rem !important;
|
margin-right: 1.2rem !important;
|
||||||
}
|
}
|
||||||
.side-padding {
|
.side-padding {
|
||||||
padding-left: 1rem !important;
|
padding-left: 1.2rem !important;
|
||||||
padding-right: 1rem !important;
|
padding-right: 1.2rem !important;
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
}
|
}
|
||||||
.side-text-padding {
|
.side-text-padding {
|
||||||
|
|||||||
Reference in New Issue
Block a user