diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss index 9fa3577d78f..0f870b81f88 100644 --- a/sass/custom/_paulus.scss +++ b/sass/custom/_paulus.scss @@ -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; diff --git a/source/images/merchandise/shirt-frontpage.png b/source/images/merchandise/shirt-frontpage.png new file mode 100644 index 00000000000..33eda4ae839 Binary files /dev/null and b/source/images/merchandise/shirt-frontpage.png differ diff --git a/source/index.html b/source/index.html index 94c7b1c5bf8..89efb8db56e 100644 --- a/source/index.html +++ b/source/index.html @@ -47,6 +47,17 @@ hide_github_edit: true {% endfor %} + + +
+
+ Join the Home Assistant t-shirt revolution! +
+
+ All proceeds will be donated to the Electronic Frontier Foundation. +
+
+