unit.html 2.2 KB

12345678910111213141516171819202122232425262728293031
  1. <div class="__class__ p-2 box-border">
  2. <div class="bx-base-pofile-unit-cnt bx-def-box bx-def-box-round-corners bx-def-color-bg-box relative h-full overflow-hidden">
  3. <div class="absolute z-0 w-full h-40 bg-gradient-to-b from-green-400 to-green-500"></div>
  4. <a class="bx-base-pofile-unit-cover relative flex items-center justify-start w-full h-40 bg-no-repeat bg-center bg-cover hover:no-underline" style="background-image:url(__cover_url__); __cover_settings__" href="__content_url__" onclick="__content_click__">
  5. <bx_if:show_thumbnail>
  6. <div class="bx-def-unit-img bx-def-__size__-size __class_size__ relative ml-5">
  7. <bx_if:show_thumb_image>
  8. <img class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ ring-4 ring-white dark:ring-gray-900 rounded-md box-border" src="__thumb_url__" />
  9. </bx_if:show_thumb_image>
  10. <bx_if:show_thumb_letter>
  11. <p class="bx-base-pofile-unit-thumb bx-def-__size__ bx-def-__size__-size __class_size__ flex items-center justify-center m-0 text-white font-bold ring-4 ring-white dark:ring-gray-900 rounded-md box-border" style="background-color:rgba(__color__)">__letter__</p>
  12. </bx_if:show_thumb_letter>
  13. <bx_if:show_online>
  14. <div class="bx-base-pofile-unit-online"></div>
  15. </bx_if:show_online>
  16. </div>
  17. </bx_if:show_thumbnail>
  18. </a>
  19. <div class="bx-base-pofile-unit-info p-4 text-left">
  20. <div class="bx-base-pofile-unit-title">
  21. <div class="bx-base-put-title">
  22. <a href="__content_url__" onclick="__content_click__" class="hover:underline text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white text-xl font-semibold">__title__</a>__badges__
  23. </div>
  24. <div class="bx-base-put-addon text-sm text-gray-500 dark:text-gray-400">__addon__</div>
  25. </div>
  26. <bx_if:meta>
  27. <div class="bx-base-general-unit-meta flex flex-col items-stretch justify-center -mx-1 mt-2">__meta__</div>
  28. </bx_if:meta>
  29. </div>
  30. </div>
  31. </div>