mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-18 23:06:58 +00:00
Add t-shirt banner
This commit is contained in:
parent
80aae1502f
commit
d9fc006d0b
@ -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;
|
||||
|
||||
|
BIN
source/images/merchandise/shirt-frontpage.png
Normal file
BIN
source/images/merchandise/shirt-frontpage.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 102 KiB |
@ -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>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user