Skip to content
Snippets Groups Projects
Select Git revision
  • fb334a8339721cbc226c6445d91effdd160d84a2
  • test default protected
  • master protected
  • 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
  • features/add-link-to-images
21 results

full_candidate_snippet.html

Blame
  • full_candidate_snippet.html 4.00 KiB
    {% load static wagtailimages_tags %}
    
    <div class="candidate-card container-padding--zero sm:container-padding--auto ">
      <div
        class="candidate-card__wrapper candidate-card__wrapper sm:candidate-card-list__item-wrapper md:candidate-card-list__item-wrapper--border"
      >
        <div class="card candidate-card__body elevation-0 hover:elevation-10 transition duration-200">
          <div class="candidate-card__avatar">
            <div class="candidate-card__position">
              {{ forloop.counter }}
            </div>
            <a href="{{ person_page.url }}" class="avatar avatar--sm sm:avatar--lg">
              {% if person_page.profile_photo %}
                {# Match sizing of person page to keep the image version count low #}
                {% image person_page.profile_photo fill-416x416 as profile_img %}
                <img src="{{ profile_img.url }}" alt="{{ person_page.title }}"/>
              {% else %}
                <img src="{% static "shared/img/unknown_pirate_416x416.jpg" %}" alt="{{ person_page.title }}"/>
              {% endif %}
            </a>
          </div>
          <div class="candidate-card__bio">
            <h1 class="head-heavy-xs">
              <a href="{{ person_page.url }}">
                {{ person_page.title }}
              </a>
            </h1>
            {% if person_page.email and person_page.show_email %}
              <a href="mailto:{{ person_page.email }}" class="block candidate-card__bio-item mb-4">
                {{ person_page.email }}
              </a>
            {% endif %}
            {% if person_page.job %}
              <h2 class="candidate-card__bio-item">
                {{ person_page.job }}
              </h2>
            {% endif %}
            {% if person_page.city %}
              <h2 class="head-allcaps-4xs mt-4">
                {{ person_page.city }}
              </h2>
            {% endif %}
          </div>
          <div class="candidate-card__affiliation">
            {% if person_page.age %}<div>{{ person_page.age }} let</div>{% endif %}
            <div class="flex items-center">
              {% if person_page.is_pirate %}
                <div class="avatar w-6 mr-2">
                  <img src="{% static "shared/img/logo_black.svg" %}" alt="Pirátská strana">
                </div>
                <span class="font-bold font-condensed">Pirátská strana</span>
              {% endif %}
    
              {% if not person_page.is_pirate and person_page.other_party %}
                {% if person_page.other_party_logo %}
                  {% image person_page.other_party_logo width-48 as logo_img %}
                  <div class="avatar w-6 mr-2">
                    <img src="{{ logo_img.url }}" alt="{{ person_page.other_party }}">
                  </div>
                {% endif %}
    
                <span class="font-bold font-condensed">{{ person_page.other_party }}</span>
              {% endif %}
            </div>
          </div>
          <div class="card__body candidate-card__social">
            <div class="social-icon-group space-x-2">
              {% if person_page.facebook_url %}
                <a href="{{ person_page.facebook_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
                  <i class="ico--facebook"></i>
                </a>
              {% endif %}
              {% if person_page.instagram_url %}
                <a href="{{ person_page.instagram_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
                  <i class="ico--instagram"></i></a>
              {% endif %}
              {% if person_page.twitter_url %}
                <a href="{{ person_page.twitter_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
                  <i class="ico--twitter"></i>
                </a>
              {% endif %}
              {% if person_page.youtube_url %}
                <a href="{{ person_page.youtube_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
                  <i class="ico--youtube"></i>
                </a>
              {% endif %}
              {% if person_page.flickr_url %}
                <a href="{{ person_page.flickr_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
                  <i class="ico--flickr"></i>
                </a>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>