Add t-shirt banner

This commit is contained in:
Paulus Schoutsen 2017-02-23 23:35:31 -08:00
parent 80aae1502f
commit d9fc006d0b
3 changed files with 38 additions and 1 deletions

View File

@ -18,7 +18,6 @@
}
.material-card {
// display: inline-block;
background-color: #fefefe;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
@ -77,6 +76,33 @@
}
}
.shirt-promo {
display: block;
padding-top: 30%;
background-image: url(/images/merchandise/shirt-frontpage.png);
background-size: cover;
background-position: center;
text-decoration: none;
.caption {
padding: 16px 12px 12px;
background-color: rgba(0, 0, 0, .54);
color: white;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
.title {
font-size: 20px;
font-weight: 400;
}
.subtitle {
font-size: 12px;
font-weight: initial;
}
}
}
.supported-brands {
text-align: center;

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

View File

@ -47,6 +47,17 @@ hide_github_edit: true
</li>
{% endfor %}
</div>
<a class='material-card shirt-promo' href='/blog/2017/02/22/home-assistant-tshirts-have-arrived/'>
<div class='caption'>
<div class='title'>
Join the Home Assistant t-shirt revolution!
</div>
<div class='subtitle'>
All proceeds will be donated to the Electronic Frontier Foundation.
</div>
</div>
</a>
</div>
</div>