Files
website-v2/templates/libraries/_library_grid_list_item.html

43 lines
2.8 KiB
HTML

{% load static %}
{% load date_filters %}
<div class="relative content-between p-3 bg-white md:rounded-lg md:shadow-lg md:p-5 dark:bg-charcoal hover:bg-gray-100 dark:hover:bg-gray-700 transition-all duration-200 ease-in-out cursor-pointer"
onclick="handleCardClick(event, '{% url 'library-detail' library_slug=library_version.library.slug version_slug=version_str %}')">
<div class="">
<h3 class="pb-2 text-xl md:text-2xl capitalize border-b border-gray-700">
<div class="flex justify-between">
<a class="link-header" href="{% url 'library-detail' library_slug=library_version.library.slug version_slug=version_str %}">{{ library_version.library.name }}</a>
{% include "libraries/includes/_documentation_link_icon.html" %}
</div>
{% for author in library.authors.all %}
{% if author.image %}
<img src="{{ author.image.url }}" class="inline float-right rounded w-[30px] ml-1" alt="{{ author.display_name }}" />
{% endif %}
{% endfor %}
</h3>
</div>
<div class="mb-3 pb-3">
<p class="mb-3 text-gray-700 dark:text-gray-300">{{ library_version.description|default:"No description provided for this version." }}</p>
</div>
<div class="text-sm flex py-3 bottom-3 absolute w-4/5 md:w-11/12">
<div class="flex">
<span class="flex justify-center py-0 px-2 text-sm font-bold text-gray-600 rounded-full border dark:text-gray-300 bg-green/40 border-green/60 dark:bg-green/40 tabular-nums max-h-[22px]"
title="C++ Version {% if library_version.cpp_standard_minimum and library_version.cpp_standard_minimum != 'None' %}{{ library_version.cpp_standard_minimum }}{% else %}03{% endif %} or Later">
<span class="text-white dark:text-gray-800 tracking-wide scale-x-75 origin-left w-6 text-nowrap whitespace-nowrap">C++</span>
{% if library_version.cpp_standard_minimum and library_version.cpp_standard_minimum != 'None' %}{{ library_version.cpp_standard_minimum }}{% else %}03{% endif %}
</span>
{% if library_version.cpp20_module_support %}
<span
class="ml-3 mt-[1px] text-sm font-bold text-gray-600"
title="Supports usage via C++ 20 modules (import)"><i class="fa-solid fa-puzzle-piece"></i></span>
{% endif %}
</div>
{# <div class="w-1/6 tracking-wider text-charcoal dark:text-white/60">{% if library_version.library.first_boost_version %}{{ library_version.library.first_boost_version.release_date|years_since }} yrs{% endif %}</div>#}
<div class="w-auto md:w-5/6 pl-2 text-right mr-2 font-bold capitalize text-sky-600 dark:text-sky-300">
{% for c in library_version.library.categories.all %}
<a href="{% url 'libraries-list' library_view_str='grid' category_slug=c.slug version_slug=version_str %}" class="hover:text-orange">{{ c.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
</div>
</div>
</div>