proposed component: content-block

[BryanWilhite]

content-block defines a block DOM element that has the following features:

• responsive awareness
• opacity property/attribute
• a collection of DOM elements to display
• background image sources

[BryanWilhite]

i have changed the name to content-block because the word frame defines an instant of animation which clashes with our block here which could be associated with CSS animation

what distinguishes this block from any old DOM block is its ‘responsive awareness’

[BryanWilhite]

‘responsive awareness’ is related to the orientation selector in CSS [MDN]:

This CSS-based feature comes with this note:

This feature does not correspond to device orientation. Opening the soft keyboard on many devices in portrait orientation will cause the viewport to become wider than it is tall, thereby causing the browser to use landscape styles instead of portrait.

this strongly suggests to me that JavaScript is the reliable alternative when device orientation is needed over CSS flow layout orientation

[BryanWilhite]

the ‘collection of DOM elements’ must be generated from data (likely JSON) it is this fundamental requirement that is the most challenging (and distracting)

my previous songhay-core issue surely must be related to this requirement as it reminds me that markdown and HTML strings are ‘display text’

i am not clearly seeing how ‘display text’ and my newly-found LitElement-enhanced template literals can all work together

🔍 https://github.com/YerkoPalma/marli ❓

[BryanWilhite]

The Songhay Progressive Audio Player has to have something to offer for this effort.