diff --git a/scipost_django/organizations/static/organizations/no_logo.jpg b/scipost_django/organizations/static/organizations/no_logo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..76b88c8c29fe2a9cf4d2dd18aaa694aa162bdf67 Binary files /dev/null and b/scipost_django/organizations/static/organizations/no_logo.jpg differ diff --git a/scipost_django/sponsors/templates/sponsors/_sponsor_card.html b/scipost_django/sponsors/templates/sponsors/_sponsor_card.html index 8adebf58eb28c08c0b452fbf4160190f9e63abb4..0104fee7302ecf731801b666aa7ec3d14a534230 100644 --- a/scipost_django/sponsors/templates/sponsors/_sponsor_card.html +++ b/scipost_django/sponsors/templates/sponsors/_sponsor_card.html @@ -1,28 +1,32 @@ -<div class="card bg-light text-center mb-2 d-flex flex-column justify-content-end"> +{% load static %} - {% if sponsor.logo %} - <img class="card-img-top bg-white p-2 my-auto {{ sponsor.css_class }}" - style="max-height: 16rem; - max-width: 100%; - object-fit: contain" - src="{{ sponsor.logo.url }}" - alt="{{ sponsor.name }} logo" /> - {% endif %} +<div class="border border-secondary bg-light text-center mb-2 d-flex flex-column justify-content-end" + role="button" + hx-get="{{ sponsor.get_absolute_url }}" + hx-push-url="true" + hx-target="body"> - <div class="p-2 text-start d-flex flex-column"> + <div class="bg-white m-2 h-100 d-flex" style="min-height: 100px;"> - <h4>{% firstof sponsor.name_original sponsor.name %}</h4> + <img class="m-auto p-4 {{ sponsor.css_class }}" style="max-height: 16rem; max-width: 100%; object-fit: contain" + {% if sponsor.logo %} src="{{ sponsor.logo.url }}" {% else %} src="{% static 'organizations/no_logo.jpg' %}" {% endif %} + alt="{{ sponsor.name }} logo" /> + </div> + + <div class="p-2 text-start d-flex flex-column"> + + <h4>{% firstof sponsor.name_original sponsor.name %}</h4> - {% if sponsor.name_original %}<p class="card-text">({{ sponsor.name }})</p>{% endif %} + {% if sponsor.name_original %}<p>({{ sponsor.name }})</p>{% endif %} - <div class="d-flex w-100 align-items-center"> - <img width="16" - height="11" - src="{{ sponsor.country.flag }}" - alt="{{ sponsor.country }} flag" /> - <span class="text-muted"><small>[{{ sponsor.country }}]</small></span> {{ sponsor.get_country_display }} - <a class="ms-auto" - href="{% url 'finances:subsidies' %}?org={{ sponsor.id }}">See subsidies</a> + <div class="d-flex w-100 align-items-center"> + <img width="16" + height="11" + src="{{ sponsor.country.flag }}" + alt="{{ sponsor.country }} flag" /> + <span class="text-muted"><small>[{{ sponsor.country }}]</small></span>{{ sponsor.get_country_display }} + <a class="ms-auto" + href="{% url 'finances:subsidies' %}?org={{ sponsor.id }}">See subsidies</a> + </div> </div> </div> -</div> diff --git a/scipost_django/sponsors/templates/sponsors/sponsors.html b/scipost_django/sponsors/templates/sponsors/sponsors.html index b6f9c78026d1250192a91a223060701031c80958..c9ef4fc0ae0167f19b2299030dfa88516fdc8d23 100644 --- a/scipost_django/sponsors/templates/sponsors/sponsors.html +++ b/scipost_django/sponsors/templates/sponsors/sponsors.html @@ -82,7 +82,7 @@ </div> </div> - <div class="row"> + <div class="row" hx-boost="true"> <div class="col-12"> <h1 class="highlight">Our current Sponsors</h1>