jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-19 15:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update pricing for VPE (#39313)

Browse Source
This commit is contained in:
Darren Griffin 2025-05-31 02:02:30 +01:00 committed by GitHub
parent 1bf7e05526
commit cb6c87d242
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/voice-pe/index.html
View File

@ -208,7 +208,7 @@ frontpage_image: /images/frontpage/voice-pe-frontpage.jpg
<div class="wrapper"> <div class="wrapper">
<div class="content"> <div class="content">
<div class="subtitle-medium">Preview the future of voice for just</div> <div class="subtitle-medium">Preview the future of voice for just</div>
<div class="fs-price">$59<span>*</span></div> <div class="fs-price">&#x24;69 / &#8364;59 <span>*</span></div>
</div> </div>
</div> </div>
<div class="wrapper outer"> <div class="wrapper outer">
@ -217,7 +217,7 @@ frontpage_image: /images/frontpage/voice-pe-frontpage.jpg
alt="Front view of the Voice Preview Edition showing the speaker holes"> alt="Front view of the Voice Preview Edition showing the speaker holes">
<div class="wrapper"> <div class="wrapper">
<a class="button secondary buy">Buy now</a> <a class="button secondary buy">Buy now</a>
<small>* Recommended MSRP. Pricing subject to individual retailers.</small> <small>* Recommended MSRP. Prices differ between regions due to varying local market costs and conditions, and subject to individual retailers.</small>
</div> </div>
</div> </div>
</div> </div>

16
source/voice-pe/styles.css
View File

@ -174,7 +174,7 @@ article.page h3 {
--subtitle-medium-mobile: 24; --subtitle-medium-mobile: 24;
--price: 170; --price: 170;
--price-mobile: 120; --price-mobile: 60;
--wrapper-radius: 0px; --wrapper-radius: 0px;
@ -182,6 +182,11 @@ article.page h3 {
position: relative; position: relative;
} }
@media only screen and (min-width: 875px) {
:root{
--price-mobile: 120;
}
}
@media only screen and (min-width: 2180px) { @media only screen and (min-width: 2180px) {
.vpe-main { .vpe-main {
--wrapper-radius: 40px; --wrapper-radius: 40px;
@ -2881,7 +2886,7 @@ section#hero .bg-gradient {
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
margin-bottom: -20px; margin-bottom: -10px;
display: flex; display: flex;
margin-top: 8px; margin-top: 8px;
} }
@ -4894,6 +4899,11 @@ section#hero .bg-gradient {
} }
} }
@media (min-width: 940px) {
.vpe-main #pricing .fs-price {
margin-bottom: -10px;
}
}
@media (min-width: 940px) { @media (min-width: 940px) {
.vpe-main { .vpe-main {
--columns: 11; --columns: 11;
@ -5190,7 +5200,7 @@ section#hero .bg-gradient {
} }
.vpe-main #pricing .fs-price { .vpe-main #pricing .fs-price {
margin-bottom: -26px; margin-bottom: -20px;
margin-top: 20px; margin-top: 20px;
} }