layouts-list.html 1.0 KB

123456789101112131415161718192021222324
  1. <div class="row {% if include.wide %}mb-n5{% else %}mb-n3 mb-md-n5{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
  2. {% for layout in layouts %}
  3. <div class="{% if include.wide %}col-12{% else %}col-lg-6{% endif %} {% if include.wide %}mb-5{% else %}mb-3 mb-md-5{% endif %}{% if layout.soon %} opacity-25{% endif %}">
  4. <div class="row">
  5. <div class="col-auto">
  6. <a href="{{ base }}/{{ layout.page }}" class="position-relative">
  7. {% include "parts/demo-layout.html" config=layout.config %}
  8. </a>
  9. </div>
  10. <div class="col">
  11. <h3>
  12. <a href="{{ base }}/{{ layout.page }}">{{ layout.title }}</a>
  13. {% if layout.new %}
  14. {% include "ui/badge.html" text="New" color="green" class="ms-2" %}
  15. {% elsif layout.soon %}
  16. {% include "ui/badge.html" text="Soon!" color="yellow" class="ms-2" %}
  17. {% endif %}
  18. </h3>
  19. <p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
  20. </div>
  21. </div>
  22. </div>
  23. {% endfor %}
  24. </div>