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-17 06:16:50 +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="content">
<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 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">
<div class="wrapper">
<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>

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

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