una/template/create_post_form.html

<div id="sys-create-post-form" class="sys-create-post-form relative">
    <div class="sys-cpf-cnt">
        <div id="sys-cpf-form">
            <div class="sys-cpf-form sys-cpf-loading bx-def-bc-margin" style="display:none">
                <div class="flex items-center p-4">
                    <div class="flex-0 h-10 w-10 bg-gray-200 dark:bg-gray-700 rounded-full">&nbsp;</div>
                    <div class="flex-1 ml-4 space-y-2 animate-pulse">
                        <div class="h-8 w-full bg-gray-300 dark:bg-gray-600 rounded-md">&nbsp;</div>
                    </div>
                </div>
            </div>
            <div class="sys-cpf-form sys-cpf-default flex items-center p-4 bg-gray-50 hover:bg-white dark:bg-gray-900/50 dark:hover:bg-gray-900 shadow hover:shadow-md ring-1 ring-gray-300 dark:ring-gray-700 rounded-md cursor-pointer" onclick="__js_object__.getForm('__default__')">
                <div class="sys-cpf-user">__user_thumb__</div>
                <div class="sys-cpf-content flex text-base ml-4 text-gray-500 dark:text-gray-400">
                    <div>__placeholder__</div>
                </div>
            </div>
            <div class="sys-cpf-form sys-cpf-__default__" style="display:none">__form__</div>
            <div class="sys-cpf-close absolute hidden right-0 bottom-0">
                <a class="bx-btn" href="javascript:void(0)" onclick="__js_object__.hideForm(this)">
                    <bx_image_auto:times />
                </a>
            </div>
        </div>
    </div>
</div>
__js_content__