Skip to content
Snippets Groups Projects
Select Git revision
  • 703b1415e23b79e0103889cce88884b4e2c02bfd
  • test default protected
  • master protected
  • niki_edit_branch
  • feat/custom-css
  • feat/redesign-improvements-10
  • feat/redesign-improvements-8
  • feat/redesign-fixes-3
  • feat/pirstan-changes
  • feat/separate-import-thread
  • feat/dary-improvements
  • features/add-pdf-page
  • features/add-typed-table
  • features/fix-broken-calendar-categories
  • features/add-embed-to-articles
  • features/create-mastodon-feed-block
  • features/add-custom-numbering-for-candidates
  • features/add-timeline
  • features/create-wordcloud-from-article-page
  • features/create-collapsible-extra-legal-info
  • features/extend-hero-banner
21 results

photo_header.html

Blame
  • photo_header.html 1.94 KiB
    {% load wagtailimages_tags %}
    
    {% image main_image original as background_image %}
    
    {% if show_scroll_progress %}
      <div class="__js-root">
        <ui-scroll-indicator></ui-scroll-indicator>
      </div>
    {% endif %}
    
    <header
      class="
        flex items-center mb-4 w-full pt-28 pb-8
        bg-no-repeat bg-cover bg-center bg-blend-darken bg-[top_right_-7rem]
    
        {% if background_image %}
          {% if not show_tansparent_header %}bg-[#00000088]{% endif %}
        {% else %}
          bg-black
        {% endif %}
    
        xl:bg-center xl:pt-48 xl:pb-24
      "
    
      {% if background_image %}
        style="background-image:url('{{ background_image.url }}')"
      {% endif %}
    >
      <div class="flex justify-start w-full">
        <div class="container--wide w-full">
          {% block content %}
            <div class="text-white flex flex-col">
              {% block before_heading %}{% endblock %}
    
              {% block heading %}
                <h1
                  class="
                    {% block heading_classes %}
                      mb-1
    
                      {% if is_short %}head-short{% endif %}
    
                      {% if description %}
                        {% if title|length <= 100 %}head-8xl{% else %}head-7xl{% endif %}
                      {% else %}
                        head-14xl
                      {% endif %}
                    {% endblock %}
                  "
                >
                  {{ title }}
                </h1>
              {% endblock %}
    
              {% block after_heading %}{% endblock %}
    
              {% block description %}
                {% if description %}
                  <p
                    class="
                      font-semibold text-lg leading-7 pr-4
    
                      xl:pr-0
    
                      lg:max-w-screen-lg
    
                      {% block description_classes %}{% endblock %}
                    "
                  >
                    {{ description }}
                  </p>
                {% endif %}
              {% endblock %}
    
              {% block after_description %}{% endblock %}
            </div>
          {% endblock %}
        </div>
      </div>
    </header>