Skip to content

Commit 034ed49

Browse files
iRenanMatthewiRenanMatthew
committed
fix: added anchor tags in hover state for sponsors
1 parent 3a83522 commit 034ed49

File tree

1 file changed

+39
-13
lines changed

1 file changed

+39
-13
lines changed

‎app/home/templates/home/sections/sponsor-section.html‎

Lines changed: 39 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
7575
{% endif %}
7676
{% if sponsor.info %}
7777
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
78-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
78+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
79+
<p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
80+
</a>
7981
</div>
8082
{% endif %}
8183
</div>
@@ -113,7 +115,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
113115
{% endif %}
114116
{% if sponsor.info %}
115117
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
116-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
118+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
119+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
120+
</a>
117121
</div>
118122
{% endif %}
119123
</div>
@@ -151,7 +155,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
151155
{% endif %}
152156
{% if sponsor.info %}
153157
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
154-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
158+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
159+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
160+
</a>
155161
</div>
156162
{% endif %}
157163
</div>
@@ -189,7 +195,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
189195
{% endif %}
190196
{% if sponsor.info %}
191197
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
192-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
198+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
199+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
200+
</a>
193201
</div>
194202
{% endif %}
195203
</div>
@@ -226,7 +234,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
226234
{% endif %}
227235
{% if sponsor.info %}
228236
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
229-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
237+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
238+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
239+
</a>
230240
</div>
231241
{% endif %}
232242
</div>
@@ -263,7 +273,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
263273
{% endif %}
264274
{% if sponsor.info %}
265275
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
266-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
276+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
277+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
278+
</a>
267279
</div>
268280
{% endif %}
269281
</div>
@@ -301,7 +313,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
301313
{% endif %}
302314
{% if sponsor.info %}
303315
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
304-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
316+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
317+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
318+
</a>
305319
</div>
306320
{% endif %}
307321
</div>
@@ -339,7 +353,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
339353
{% endif %}
340354
{% if sponsor.info %}
341355
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
342-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
356+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
357+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
358+
</a>
343359
</div>
344360
{% endif %}
345361
</div>
@@ -377,7 +393,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
377393
{% endif %}
378394
{% if sponsor.info %}
379395
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
380-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
396+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
397+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
398+
</a>
381399
</div>
382400
{% endif %}
383401
</div>
@@ -416,7 +434,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
416434
{% endif %}
417435
{% if sponsor.info %}
418436
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
419-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
437+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
438+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
439+
</a>
420440
</div>
421441
{% endif %}
422442
</div>
@@ -455,7 +475,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
455475
{% endif %}
456476
{% if sponsor.info %}
457477
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
458-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
478+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
479+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
480+
</a>
459481
</div>
460482
{% endif %}
461483
</div>
@@ -494,7 +516,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
494516
{% endif %}
495517
{% if sponsor.info %}
496518
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
497-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
519+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
520+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
521+
</a>
498522
</div>
499523
{% endif %}
500524
</div>
@@ -533,7 +557,9 @@ <h3 class="text-2xl font-bold mb-8 uppercase font-bantayog font-bantayog text-br
533557
{% endif %}
534558
{% if sponsor.info %}
535559
<div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-offwhite-3/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
536-
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
560+
<a href="{{ sponsor.website_url }}" target="_blank" rel="noopener noreferrer" class="overflow-y-auto h-[100%] flex items-center justify-center">
561+
<p class="text-sm text-center font-nunito overflow-y-auto h-[100%]" style="color: #7c5e3b">{{ sponsor.info }}</p>
562+
</a>
537563
</div>
538564
{% endif %}
539565
</div>

0 commit comments

Comments
 (0)