Assimilate All ZORALab Bissetii's UI into HestiaHUGO for Relesable Usage

[hollowaykeanho]

Description

Please provide a short description of what feature you're looking forward to
add into the existing repository below. Please include the story behind your
idea as well to give a better visualization of your idea.

While the idea direction was to fully develop HestiaGO and hestiaRUST for pure WASM deployment after its discovery, it will take some time if we implement the unit-testing way (great but it's just a lot of homework for quality assurance and warranted performance). However, as Hestia's size is growing bigger, we have to establish the documentations site before any knowledge leak. Re-using ZORALab's Bissetii is a no-go because hestiaHUGO fixed A LOT of Hugo's bugs. The only sensible way is to assimilate Bissetii's component UI into https://github.com/ZORALab/Hestia/tree/experimental/hestiaHUGO/layouts/partials/Hestia/functions/render/components folder manually first, then work towards WASM goal.

Expected Behavior

Please specify the expected behavior of your requested feature. Some great and
helpful pointers are your expected interface (e.g. command patterns, simple
sketches of the user interface, etc).

hestiaHUGO is at least fully functional for static website and static data server usage. Future ZORALab and customers's public facing sites can no longer need to suffer the never-ending bug and inconsistencies from Hugo. Among the components:

• [x] core_hestiaUI (formally Bissetii's Root - scrollbar, font sizing, layouts, and colors variables; Bissetii's Grid and Bissetii's Align)
• [x] font-NotoSans_hestiaUI (formally Bissetii's Root - font part)
• [x] color_hestiaUI (formally Bissetii's Root - color definitions)
• [x] anchor_hestiaUI (formally Bissetii's Anchor)
• [x] blockquote_hestiaUI (formally Bissetii's Blockquote)
• [x] button_hestiaUI (formally Bissetii's Button)
• [x] card_hestiaUI (formally Bissetii's Card)
• [x] cardVertical_hestiaUI (formally Bissetii's Cards)
• [x] Xcarousel_hestiaUI (formally Bissetii's Carousel)
• [x] code_hestiaUI (formally Bissetii's Code - code part)
• [x] pre_hestiaUI (formally Bisseti's Code - pre part)
• [x] gochroma_hestiaUI (formally Bissetii's Code - GoChroma)
• [x] deflist_hestiaUI (formally Bissetii's Definitions List)
• [x] divider_hestiaUI (formally Bissetii's Divider)
• [x] footer_hestiaUI (formally Bissetii's Footer)
• [x] form_hestiaUI (formally Bissetii's Form - All Inputs)
• [x] form-checkbox_hestiaUI (formally Bissetii's Form - Checkbox)
• [x] form-color_hestiaUI (formally Bissetii's Form - Color)
• [x] form-date_hestiaUI (formally Bissetii's Form - Date)
• [x] form-datetime-local_hestiaUI (formally Bissetii's Form - Datetime Local)
• [x] form-email_hestiaUI (formally Bissetii's Form - Email)
• [x] form-file_hestiaUI (formally Bissetii's Form - File)
• [x] form-month_hestiaUI (formally Bissetii's Form - Month)
• [x] form-number_hestiaUI (formally Bissetii's Form - Number)
• [x] form-password_hestiaUI (formally Bissetii's Form - Password)
• [x] form-radio_hestiaUI (formally Bissetii's Form - Radio)
• [x] form-search_hestiaUI (formally Bissetii's Form - Search)
• [x] form-select_hestiaUI (formally Bissetii's Form - Select)
• [x] form-submit_hestiaUI (formally Bissetii's Form - Submit)
• [x] form-tel_hestiaUI (formally Bissetii's Form - Tel)
• [x] form-text_hestiaUI (formally Bissetii's Form - Text)
• [x] form-textarea_hestiaUI (formally Bissetii's Form - Textarea)
• [x] form-time_hestiaUI (formally Bissetii's Form - Time)
• [x] form-url_hestiaUI (formally Bissetii's Form - URL)
• [x] form-week_hestiaUI (formally Bissetii's Form - Week)
• [x] Xi18n_hestiaUI (formally Bissetii's i18n)
• [x] iframe_hestiaUI (formally Bissetii's iFrame)
• [x] picture_hestiaUI (formally Bissetii's Image)
• [x] ulist_hestiaUI (formally Bissetii's List)
• [x] olist_hestiaUI (formally Bissetii's List)
• [x] catalog_hestiaUI (formally Bissetii's Catalog)
• [x] drawer_hestiaUI (formally Bissetii's Sidebar)
• [x] toc_hestiaUI (formally Bissetii's TOC)
• [x] note_hestiaUI (formally Bissetii's Note)
• [x] badge-shields_hestiaUI (fromally Bissetii's Shields.IO)
• [x] table_hestiaUI (formally Bissetii's Table)

Current Absent Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

hestiaHUGO fixed and stabilize Hugo capabilities and even offer powerful features like built-in social media artifacts rendering, proper PWA implementations with offline and caching capabilities and etc. It's missing the UI component design to be fully operable and is pemeared due to project execution timeline.

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

[hollowaykeanho]

Assimilated into core_hestiaUI component.

[hollowaykeanho]

Assimilated into color-red_hestiaUI, color-green_hestiaUI, and color-yellow_hestiaUI. Blue and Grayscale are implemented as defaults in core_hestiaUI so separations are not required.

[hollowaykeanho]

Assimilated into font-NotoSans_hestiaUI.

[hollowaykeanho]

Assimilated into anchor_hestiaUI component.

[hollowaykeanho]

Assimilated into blockquote_hestiaUI.

[hollowaykeanho]

Assimilated into button_hestiaUI.

[hollowaykeanho]

Assimilated into code_hestiaUI.

[hollowaykeanho]

Assimilated into pre_hestiaUI.

[hollowaykeanho]

Assimilated into gochroma_hestiaUI.

[hollowaykeanho]

Assimilated into deflist_hestiaUI.

[hollowaykeanho]

Assimilated into divider_hestiaUI.

[hollowaykeanho]

Added divider-dashed_hestiaUI in the meantime.

[hollowaykeanho]

Added divider-cut_hestiaUI in the meantime.

[hollowaykeanho]

Added divider-page-break_hestiaUI in the meantime.

[hollowaykeanho]

Assimilated footer component into existing core_hestiaUI component.

[hollowaykeanho]

Assimilated olist_hestiaUI component.

[hollowaykeanho]

Assimilated ulist_hestiaUI component.

[hollowaykeanho]

Assimilated iframe_hestiaUI component.

[hollowaykeanho]

Assimilated picture_hestiaUI component.

[hollowaykeanho]

Assimilated table_hestiaUI component.

[hollowaykeanho]

Assimilated note_hestiaUI component.

[hollowaykeanho]

added note-error_hestiaUI component.

[hollowaykeanho]

added note-success_hestiaUI component.

[hollowaykeanho]

Assimilated badge-shields_hestiaUI component.

[hollowaykeanho]

Assimilation for xi18n_hestiaUI is not possible since hestiaHUGO used an entirely different approach. Will need to develop from scratch.

[hollowaykeanho]

All form elements are mere documentations. Hence, no assimilations are required.

[hollowaykeanho]

Assimilated form_hestiaUI component.

[hollowaykeanho]

Assimilated card_hestiaUI using cardVertical as default instead.

[hollowaykeanho]

Assimilated into toc_hestiaUI component.

[hollowaykeanho]

Assimialted into catalog_hestiaUI component.

[hollowaykeanho]

Assimilated into drawer_hestiaUI component.

[hollowaykeanho]

Assimilated into Xcarousel_hestiaUI component.

[hollowaykeanho]

Completed all assimilations. Begin optimizations and compression to releasable quality.

[hollowaykeanho]

Optimized core_hestiaUI component to work on both Chrome and Firefox.

[hollowaykeanho]

Optimized font_NotoSans_hestiaUI component. No additional changes required.

[hollowaykeanho]

Optimized color_hestiaUI components.

[hollowaykeanho]

Optimized blockquote_hestiaUI component.

[hollowaykeanho]

Optimized card_hestiaUI component.

[hollowaykeanho]

Optimized and graduated carousel_hestiaUI component.

[hollowaykeanho]

Optimized pre_hestiaUI component.

[hollowaykeanho]

Optimized gochroma_hestiaUI component.

[hollowaykeanho]

Optimized deflist_hestiaUI component.

[hollowaykeanho]

Optimized divider_hestiaUI component.

[hollowaykeanho]

Optimized footer_hestiaUI component.

[hollowaykeanho]

Optimized form_hestiaUI component.

[hollowaykeanho]

Optimized iframe_hestiaUI component.

[hollowaykeanho]

Optimized ulist_hestiaUI component.

[hollowaykeanho]

Optimized olist_hestiaUI component.

[hollowaykeanho]

Optimized catalog_hestiaUI component.

[hollowaykeanho]

Optimized drawer_hestiaUI component.