OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

feat: Enhance animations for feature and value icons, and update platform row stagger logic

Browse Source
This commit is contained in:
Matt Batchelder
2026-04-05 20:09:21 -04:00
parent 2548179a8d
commit 4e833fd836
3 changed files with 49 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
theme/blocks/index.php
View File

@@ -1023,15 +1023,8 @@ function oribi_render_intro_section($a)
$pkg .= '<div class="pkg-player"><div class="pkg-player__body"><div class="pkg-player__led"></div></div><div class="pkg-player__hdmi"></div></div>';
$pkg .= '<span class="pkg-node__label">Player</span>';
$pkg .= '</div>';
// LTR line (player → box)
$pkg .= '<div class="pkg-line pkg-line--ltr"><div class="pkg-pkt pkg-pkt--ltr-1"></div><div class="pkg-pkt pkg-pkt--ltr-2"></div><div class="pkg-pkt pkg-pkt--ltr-3"></div></div>';
// Box node
$pkg .= '<div class="pkg-node pkg-node--box">';
$pkg .= '<div class="pkg-box"><div class="pkg-box__lids"><div class="pkg-box__flap pkg-box__flap--l"></div><div class="pkg-box__flap pkg-box__flap--r"></div></div><div class="pkg-box__body"></div></div>';
$pkg .= '<span class="pkg-node__label">Bundle</span>';
$pkg .= '</div>';
// RTL line (display → box)
$pkg .= '<div class="pkg-line pkg-line--rtl"><div class="pkg-pkt pkg-pkt--rtl-1"></div><div class="pkg-pkt pkg-pkt--rtl-2"></div><div class="pkg-pkt pkg-pkt--rtl-3"></div></div>';
// Plus separator
$pkg .= '<div class="pkg-plus">+</div>';
// TV node
$pkg .= '<div class="pkg-node pkg-node--tv">';
$pkg .= '<div class="pkg-tv"><div class="pkg-tv__body"><div class="pkg-tv__screen"></div></div><div class="pkg-tv__feet"><div class="pkg-tv__foot"></div><div class="pkg-tv__foot"></div></div></div>';
@@ -2783,7 +2776,7 @@ function oribi_render_platform_row($a)
$br .= '<div class="bright-panel__screen bright-panel__screen--dim">';
$br .= '<div class="bright-panel__content">';
$br .= '<div class="bright-panel__eyebrow">Today\'s Special</div>';
$br .= '<div class="bright-panel__title">Fish &amp; Chips<br>&pound;8.99</div>';
$br .= '<div class="bright-panel__title">Burger &amp; Fries<br>$9.99</div>';
$br .= '<div class="bright-panel__sub">Available until 3pm</div>';
$br .= '</div>';
$br .= '<div class="bright-panel__glare"></div>';
@@ -2799,7 +2792,7 @@ function oribi_render_platform_row($a)
$br .= '<div class="bright-panel__screen bright-panel__screen--vivid">';
$br .= '<div class="bright-panel__content">';
$br .= '<div class="bright-panel__eyebrow">Today\'s Special</div>';
$br .= '<div class="bright-panel__title">Fish &amp; Chips<br>&pound;8.99</div>';
$br .= '<div class="bright-panel__title">Burger &amp; Fries<br>$9.99</div>';
$br .= '<div class="bright-panel__sub">Available until 3pm</div>';
$br .= '</div>';
$br .= '</div>';