1- {% if instance.block_type == 'white '%}
1+ {% if instance.block_type == 'white_box '%}
22 {% if instance.url and instance.url != '' %}
33 < a href ="{{ instance.url }} " class ="relative block px-4 lg:px-8 pt-5 lg:pt-10 pb-28 border-3 border-black bg-white bg-opacity-30 group ">
44 {% else %}
@@ -55,13 +55,13 @@ <h3 class="title block mb-8 font-bold text-2xl">{{ instance.title }}</h3>
5555 </ div>
5656 {% endif %}
5757{% elif instance.block_type == 'background_rounded' %}
58- < a href ="{{ instance.url }} " class ="relative flex items-center justify-center p-4 group aspect-square rounded-[2rem] overflow-hidden ">
58+ < a href ="{{ instance.url }} " class ="content-grid__item-rounded relative flex items-center justify-center p-4 group aspect-square rounded-[2rem] overflow-hidden ">
5959 < h3 class ="relative z-10 title block font-bold text-2xl "> {{ instance.title }} </ h3 >
6060 < div class ="image absolute inset-0 z-0 ">
6161 < img src ="{% if instance.image %}{{ instance.image.url}}{% endif %} " alt ="OKFN " class ="w-full h-full object-cover ">
6262 </ div >
6363</ a >
64- {% elif instance.block_type == 'yellow ' %}
64+ {% elif instance.block_type == 'yellow_box ' %}
6565 {% if instance.url and instance.url != '' %}
6666 < a href ="{{ instance.url }} " class ="content-grid__item ">
6767 {% else %}
@@ -75,9 +75,9 @@ <h3 class="title block mb-8 font-bold text-2xl">{{ instance.title }}</h3>
7575 {% else %}
7676 </ div>
7777 {% endif %}
78- {% elif instance.block_type == 'blue' or instance.block_type == 'purple' %}
79- < a href ="{{ instance.url }} " class ="relative flex items-center justify-center p-4 group aspect-square -has-bg-circle -bg-circle-full {% if instance.block_type != 'blue'%}-bg-circle-okfn-{{ instance.block_type }} {% endif %}} ">
80- < h3 class ="relative z-10 title block font-bold text-2xl "> {{ instance.title }} </ h3 >
78+ {% elif instance.block_type == 'blue' or instance.block_type == 'purple' or instance.block_type == 'yellow' %}
79+ < a href ="{{ instance.url }} " class ="content-grid__item-background relative flex items-center justify-center p-4 group aspect-square -has-bg-circle -bg-circle-full {% if instance.block_type != 'blue'%}-bg-circle-okfn-{{ instance.block_type }} {% endif %} text-{{ instance.text_color }} ">
80+ < h3 class ="title relative z-10 title block font-bold text-2xl "> {{ instance.title }} </ h3 >
8181</ a >
8282{% else %}
8383 {% if instance.url and instance.url != '' %}
0 commit comments