Skip to content

Commit 50bb7d1

Browse files
vtushar06vtushar06
committed
feat: Update sponsor card styles and improve countdown script path
1 parent 58857b6 commit 50bb7d1

7 files changed

Lines changed: 54 additions & 71 deletions

File tree

‎layouts/partials/head.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,6 @@
4747

4848
{{ partial "stylesheets" . }}
4949

50-
<script src="{{ "js/countdown.js" | relURL }}" defer></script>
50+
<script src="{{ "JS/countdown.js" | relURL }}" defer></script>
5151

5252
</head>

‎layouts/partials/sponsor-card.html‎

Lines changed: 1 addition & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -7,39 +7,7 @@
77
</a>
88

99
<style>
10-
/* Sponsor Card */
11-
.sponsor-card {
12-
width: 280px;
13-
min-height: 150px;
14-
display: flex;
15-
flex-direction: column;
16-
justify-content: center;
17-
align-items: center;
18-
background: #fff;
19-
border-radius: 1rem;
20-
overflow: hidden;
21-
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
22-
text-decoration: none;
23-
color: inherit;
24-
transition: transform 0.25s ease, box-shadow 0.25s ease;
25-
opacity: 0;
26-
transform: translateY(20px);
27-
animation: fadeUp 0.6s forwards;
28-
cursor: pointer;
29-
padding: 1.5rem;
30-
}
31-
32-
.sponsor-card:hover {
33-
transform: translateY(-6px);
34-
box-shadow: 0 12px 24px rgba(0,0,0,0.15);
35-
}
36-
37-
.sponsor-logo img {
38-
max-width: 100%;
39-
max-height: 100px;
40-
object-fit: contain;
41-
}
42-
10+
/* Sponsor Button */
4311
.sponsor-button {
4412
display: inline-block;
4513
text-align: center;
@@ -63,15 +31,4 @@
6331
color: #fff;
6432
background-color: #0071BC;
6533
}
66-
67-
@keyframes fadeUp {
68-
from {
69-
opacity: 0;
70-
transform: translateY(20px);
71-
}
72-
to {
73-
opacity: 1;
74-
transform: translateY(0);
75-
}
76-
}
7734
</style>

‎layouts/partners/list.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ <h2 style="text-align: center; font-weight: bold; color: #73737a;">Platinum Spon
3838
{{ range .Site.Data.partner.platinum }}
3939
<div class="sponsor-card">
4040
<a href="{{ .homepage_url }}" target="_blank" rel="noopener noreferrer" class="sponsor-link">
41-
<img class="sponsor-logo" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
41+
<img class="sponsor-logo" style="max-height: 60px; max-width: 140px; width: auto; height: auto; object-fit: contain;" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
4242
</a>
4343
</div>
4444
{{ end }}
@@ -53,7 +53,7 @@ <h2 style="text-align: center; font-weight: bold; color: #73737a;">Media Partner
5353
{{ range .Site.Data.partner.media }}
5454
<div class="sponsor-card">
5555
<a href="{{ .homepage_url }}" target="_blank" rel="noopener noreferrer" class="sponsor-link">
56-
<img class="sponsor-logo" src="/images/media-partners/{{ .logo }}" alt="{{ .name }} Logo" />
56+
<img class="sponsor-logo" style="max-height: 60px; max-width: 140px; width: auto; height: auto; object-fit: contain;" src="/images/media-partners/{{ .logo }}" alt="{{ .name }} Logo" />
5757
</a>
5858
</div>
5959
{{ end }}
@@ -67,7 +67,7 @@ <h2 style="text-align: center; font-weight: bold; color: #73737a;">Past Platinum
6767
{{ range .Site.Data.sponsors.platinum.items }}
6868
<div class="sponsor-card">
6969
<a href="{{ .homepage_url }}" target="_blank" rel="noopener noreferrer" class="sponsor-link">
70-
<img class="sponsor-logo" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
70+
<img class="sponsor-logo" style="max-height: 60px; max-width: 140px; width: auto; height: auto; object-fit: contain;" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
7171
</a>
7272
</div>
7373
{{ end }}

‎layouts/shortcodes/sponsors-list.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ <h2 style="text-align: center; font-weight: bold; color: #73737a;">Platinum Spon
77
{{ range . }}
88
<div class="sponsor-card">
99
<a href="{{ .homepage_url }}" target="_blank" rel="noopener noreferrer" class="sponsor-link">
10-
<img class="sponsor-logo" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
10+
<img class="sponsor-logo" style="max-height: 60px; max-width: 140px; width: auto; height: auto; object-fit: contain;" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
1111
</a>
1212
</div>
1313
{{ end }}
@@ -21,7 +21,7 @@ <h2 style="text-align: center; font-weight: bold; color: #73737a;">Media Partner
2121
{{ range . }}
2222
<div class="sponsor-card">
2323
<a href="{{ .homepage_url }}" target="_blank" rel="noopener noreferrer" class="sponsor-link">
24-
<img class="sponsor-logo" src="/images/media-partners/{{ .logo }}" alt="{{ .name }} Logo" />
24+
<img class="sponsor-logo" style="max-height: 60px; max-width: 140px; width: auto; height: auto; object-fit: contain;" src="/images/media-partners/{{ .logo }}" alt="{{ .name }} Logo" />
2525
</a>
2626
</div>
2727
{{ end }}
@@ -35,7 +35,7 @@ <h2 style="text-align: center; font-weight: bold; color: #73737a;">Past Platinum
3535
{{ range . }}
3636
<div class="sponsor-card">
3737
<a href="{{ .homepage_url }}" target="_blank" rel="noopener noreferrer" class="sponsor-link">
38-
<img class="sponsor-logo" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
38+
<img class="sponsor-logo" style="max-height: 60px; max-width: 140px; width: auto; height: auto; object-fit: contain;" src="/images/partners/platinum/{{ .logo }}" alt="{{ .name }} Logo" />
3939
</a>
4040
</div>
4141
{{ end }}

‎static/images/partners/platinum/octue.svg‎

Lines changed: 1 addition & 1 deletion
Loading

‎static/images/partners/platinum/sourcemeta.svg‎

Lines changed: 1 addition & 1 deletion
Loading

‎static/theme.css‎

Lines changed: 44 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -653,32 +653,57 @@ section.location .direction .btn.btn-icon-only svg {
653653

654654

655655
.sponsors-grid {
656-
display: grid;
657-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
658-
gap: 2rem;
659-
padding: 2rem;
660-
justify-content: center;
656+
display: flex;
657+
flex-wrap: wrap;
658+
justify-content: center;
659+
gap: 1.5rem;
660+
padding: 1.5rem;
661661
}
662662

663663
.sponsor-card {
664-
background: #f9f9f9;
665-
border-radius: 8px;
666-
padding: 1rem;
667-
text-align: center;
668-
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
669-
transition: transform 0.3s ease;
664+
background: #fff !important;
665+
border-radius: 8px !important;
666+
padding: 1rem !important;
667+
box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
668+
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
669+
width: 180px !important;
670+
height: 100px !important;
671+
min-width: 180px !important;
672+
min-height: 100px !important;
673+
max-width: 180px !important;
674+
max-height: 100px !important;
675+
display: flex !important;
676+
align-items: center !important;
677+
justify-content: center !important;
678+
text-decoration: none !important;
679+
overflow: hidden !important;
670680
}
671681

672682
.sponsor-card:hover {
673-
transform: translateY(-5px);
674-
box-shadow: 0 8px 15px rgba(0,0,0,0.2);
683+
transform: translateY(-4px) !important;
684+
box-shadow: 0 6px 16px rgba(0,0,0,0.15) !important;
685+
}
686+
687+
.sponsor-card a,
688+
.sponsor-card .sponsor-link {
689+
display: flex !important;
690+
align-items: center !important;
691+
justify-content: center !important;
692+
width: 100% !important;
693+
height: 100% !important;
675694
}
676695

677-
.sponsor-logo {
678-
height: 80px;
679-
width: auto;
680-
margin-bottom: 0.5rem;
681-
object-fit: contain;
696+
.sponsor-logo,
697+
img.sponsor-logo,
698+
.sponsor-card img,
699+
.sponsor-logo img {
700+
max-height: 60px !important;
701+
max-width: 140px !important;
702+
width: auto !important;
703+
height: auto !important;
704+
object-fit: contain !important;
705+
display: block !important;
706+
margin: 0 auto !important;
682707
}
683708

684709
.sponsor-name {
@@ -692,6 +717,7 @@ section.location .direction .btn.btn-icon-only svg {
692717
color: #555;
693718
line-height: 1.4;
694719
}
720+
695721
.sponsors-grid:only-child,
696722
.sponsors-grid:has(.sponsor-card:only-child) {
697723
max-width: 300px;

0 commit comments

Comments
 (0)