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

feat: Add digital signage animation to the intro section block.

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-27 17:57:59 -05:00
parent a1f6f9a51b
commit 44e2ed7061
4 changed files with 2247 additions and 2004 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
theme/blocks/index.php
View File

@@ -339,6 +339,7 @@ add_action('init', function () {
'description' => ['type' => 'string', 'default' => ''],
'visual' => ['type' => 'string', 'default' => ''],
'reversed' => ['type' => 'boolean', 'default' => false],
'cloudAnim' => ['type' => 'boolean', 'default' => false],
'imgId' => ['type' => 'number', 'default' => 0],
'imgUrl' => ['type' => 'string', 'default' => ''],
'imgAlt' => ['type' => 'string', 'default' => ''],
@@ -972,7 +973,20 @@ function oribi_render_intro_section($a)
<h2 style="margin-bottom:1.5rem;"><?php echo wp_kses_post($a['heading']); ?></h2>
<p class="lead"><?php echo wp_kses_post($a['description']); ?></p>
</div>
<div class="about-intro-visual"<?php echo $ltr; ?>><?php echo wp_kses_post($a['visual']); ?></div>
<div class="about-intro-visual<?php echo !empty($a['cloudAnim']) ? ' has-cloud-anim' : ''; ?>"<?php echo $ltr; ?>>
<?php
if (!empty($a['cloudAnim'])) {
echo '<div class="ds-anim-container">';
echo '<div class="ds-tv"><i class="fas fa-tv" aria-hidden="true"></i><div class="ds-tv-screen"></div></div>';
echo '<div class="ds-line"><div class="ds-packet ds-packet-1"></div><div class="ds-packet ds-packet-2"></div><div class="ds-packet ds-packet-3"></div></div>';
echo '<div class="ds-cloud"><i class="fas fa-cloud" aria-hidden="true"></i></div>';
echo '</div>';
}
else {
echo wp_kses_post($a['visual']);
}
?>
</div>
</div>
</div>
</section>
@@ -1650,8 +1664,7 @@ function oribi_render_camera_animation()
<rect id="ve-playhead-line" x="103" y="220" width="2" height="68" fill="#FF4500" opacity="0.92"/>
<!-- Timecode display -->
<text id="ve-timecode" x="36" y="230" fill="#8a8e98" font-size="8" font-family="monospace">0:00</text>
</svg></div>
HTML;
</svg></div>HTML;
}
function oribi_render_platform_row($a)