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

Enhance Solutions Page and Add Touchscreen Animation

Browse Source 
- Updated descriptions for various industry sections on the solutions page to improve clarity and engagement.
- Introduced a new touchscreen display animation in the CSS, enhancing the visual appeal of the kiosks page.
- Modified JavaScript to update train departure data with local destinations, improving relevance for users.
- Added a new toggle for touchscreen display animations in the block editor, allowing for customizable visual effects.
- Updated the rendering logic to include touchscreen animations in the intro section, providing a more interactive experience.
- Made minor text adjustments across various sections for improved readability and consistency.
This commit is contained in:
Matt Batchelder
2026-04-16 22:28:07 -04:00
parent a274a13e94
commit 757c1eb05b
25 changed files with 362 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
theme/blocks/editor.js
View File

@@ -609,6 +609,7 @@
bundleAnim: { type: 'boolean', default: false },
demoAnim: { type: 'boolean', default: false },
featuresAnim: { type: 'boolean', default: false },
touchscreenAnim: { type: 'boolean', default: false },
imgId: { type: 'number', default: 0 },
imgUrl: { type: 'string', default: '' },
imgAlt: { type: 'string', default: '' },
@@ -653,7 +654,8 @@
el(TG, { label: 'Cloud Server Animation', checked: a.cloudAnim, onChange: function (v) { s({ cloudAnim: v }); } }),
el(TG, { label: 'Player + Display Bundle Animation', checked: !!a.bundleAnim, onChange: function (v) { s({ bundleAnim: v }); } }),
el(TG, { label: 'Command Center Demo Animation', checked: !!a.demoAnim, onChange: function (v) { s({ demoAnim: v }); } }),
el(TG, { label: 'Feature Ticker Animation', checked: !!a.featuresAnim, onChange: function (v) { s({ featuresAnim: v }); } })
el(TG, { label: 'Feature Ticker Animation', checked: !!a.featuresAnim, onChange: function (v) { s({ featuresAnim: v }); } }),
el(TG, { label: 'Touchscreen Displays Animation', checked: !!a.touchscreenAnim, onChange: function (v) { s({ touchscreenAnim: v }); } })
),
el(PB, { title: 'Visual Image', initialOpen: false },
el(MUC, null,
@@ -687,7 +689,7 @@
el(RT, { tagName: 'h2', style: { marginBottom: '1.5rem' }, value: a.heading, onChange: function (v) { s({ heading: v }); }, placeholder: 'Heading...' }),
el(RT, { tagName: 'p', className: 'lead', value: a.description, onChange: function (v) { s({ description: v }); }, placeholder: 'Description...' })
),
el('div', { className: 'about-intro-visual' + (a.cloudAnim ? ' has-cloud-anim' : (a.bundleAnim ? ' has-pkg-anim' : (a.demoAnim ? ' has-demo-anim' : (a.featuresAnim ? ' has-features-anim' : (a.imgUrl ? ' has-img' : ''))))), style: a.reversed ? { direction: 'ltr' } : {} }, visualContent)
el('div', { className: 'about-intro-visual' + (a.cloudAnim ? ' has-cloud-anim' : (a.bundleAnim ? ' has-pkg-anim' : (a.demoAnim ? ' has-demo-anim' : (a.featuresAnim ? ' has-features-anim' : (a.touchscreenAnim ? ' has-touchscreen-anim' : (a.imgUrl ? ' has-img' : '')))))), style: a.reversed ? { direction: 'ltr' } : {} }, visualContent)
)
)
)