Skip to content

Commit 4f4e67a

Browse files
anatoliykmetyukanatoliykmetyuk
committed
Obfuscate the name "sponsor" away from the sponsors bar, to avoid adblockers
1 parent be2cf37 commit 4f4e67a

File tree

3 files changed

+49
-53
lines changed

3 files changed

+49
-53
lines changed

‎_includes/scala-days-sponsors.html‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,45 @@
1-
<div class="scala-days-sponsors-bar">
1+
<div class="scala-days-orgs-bar">
22
<!-- Brought to you by -->
3-
<div class="sponsors-brought-to-you-by">
3+
<div class="scaladays-orgs-brought-to-you-by">
44
Scala Days 2025 is brought to you by:
55
</div>
66

7-
<!-- Static Platinum and Gold Sponsors Row -->
8-
<div class="sponsors-static-row">
9-
<!-- Platinum Sponsors (Left Side) -->
10-
<div class="platinum-sponsors">
7+
<!-- Static Platinum and Gold Orgs Row -->
8+
<div class="scaladays-orgs-static-row">
9+
<!-- Platinum scaladays-orgs (Left Side) -->
10+
<div class="platinum-scaladays-orgs">
1111
{% for sponsor in site.data.scala-days-sponsors.sponsors %}
1212
{% assign sponsor_type = site.data.scala-days-sponsors.sponsorship-types | where: "title", sponsor.type | first %}
1313
{% if sponsor.type == 'Platinum' %}
14-
<a href="{{ sponsor.url }}" class="sponsor-logo-link-platinum" target="_blank" rel="noopener">
15-
<img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="sponsor-logo-static-row {{ sponsor_type.css-class }}" />
14+
<a href="{{ sponsor.url }}" class="scaladays-org-logo-link-platinum" target="_blank" rel="noopener">
15+
<img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="scaladays-org-logo-static-row {{ sponsor_type.css-class }}" />
1616
</a>
1717
{% endif %}
1818
{% endfor %}
1919
</div>
2020

21-
<!-- Gold Sponsors (Right Side, Flex Layout) -->
22-
<div class="gold-sponsors-flex">
21+
<!-- Gold scaladays-orgs (Right Side, Flex Layout) -->
22+
<div class="gold-scaladays-orgs-flex">
2323
{% for sponsor in site.data.scala-days-sponsors.sponsors %}
2424
{% assign sponsor_type = site.data.scala-days-sponsors.sponsorship-types | where: "title", sponsor.type | first %}
2525
{% if sponsor.type == 'Gold' %}
26-
<a href="{{ sponsor.url }}" class="sponsor-logo-link-gold {{ sponsor_type.css-class }}" target="_blank" rel="noopener">
27-
<img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="sponsor-logo-gold-row" />
26+
<a href="{{ sponsor.url }}" class="scaladays-org-logo-link-gold {{ sponsor_type.css-class }}" target="_blank" rel="noopener">
27+
<img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="scaladays-org-logo-gold-row" />
2828
</a>
2929
{% endif %}
3030
{% endfor %}
3131
</div>
3232
</div>
3333

34-
<!-- Scrolling Track for Non-Platinum Sponsors -->
35-
<div class="sponsors-carousel">
36-
<div class="sponsors-track" id="sponsors-track">
34+
<!-- Scrolling Track for Non-Platinum scaladays-orgs -->
35+
<div class="scaladays-orgs-carousel">
36+
<div class="scaladays-orgs-track" id="scaladays-orgs-track">
3737
{% for i in (1..10) %}
3838
{% for sponsor in site.data.scala-days-sponsors.sponsors %}
3939
{% assign sponsor_type = site.data.scala-days-sponsors.sponsorship-types | where: "title", sponsor.type | first %}
4040
{% unless sponsor.type == 'Platinum' %}
41-
<a href="{{ sponsor.url }}" class="sponsor-logo-link {{ sponsor_type.css-class }}-carousel" target="_blank" rel="noopener">
42-
<img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="sponsor-logo" />
41+
<a href="{{ sponsor.url }}" class="scaladays-org-logo-link {{ sponsor_type.css-class }}-carousel" target="_blank" rel="noopener">
42+
<img src="{{ sponsor.logo }}" alt="{{ sponsor.title }}" class="scaladays-org-logo" />
4343
</a>
4444
{% endunless %}
4545
{% endfor %}

‎_sass/components/scala-days-sponsors.scss‎

Lines changed: 27 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,34 @@
1-
// SCALA DAYS 2025 SPONSORS
1+
// SCALA DAYS 2025 scaladays-orgs
22
//------------------------------------------------
33
//------------------------------------------------
44

5-
.scala-days-sponsors-bar {
5+
.scala-days-orgs-bar {
66
width: 100%;
77
overflow: hidden;
88
background: rgba(30, 40, 50, 0.2);
99
padding: 1em 0;
1010
position: relative;
1111
}
1212

13-
.sponsors-carousel {
13+
.scaladays-orgs-carousel {
1414
width: 100%;
1515
overflow: hidden;
1616
position: relative;
1717
white-space: nowrap;
1818
margin-top: 2em;
19-
20-
&.scaladays-org-logo-platinum {
21-
22-
}
2319
}
2420

25-
.sponsors-track {
21+
.scaladays-orgs-track {
2622
display: flex;
2723
flex-direction: row;
2824
align-items: center;
2925
white-space: nowrap;
3026
width: max-content;
31-
animation: sponsors-scroll 180s linear infinite;
27+
animation: scaladays-orgs-scroll 180s linear infinite;
3228
will-change: transform;
3329
}
3430

35-
.sponsor-logo-link {
31+
.scaladays-org-logo-link {
3632
display: flex;
3733
align-items: center;
3834
justify-content: center;
@@ -42,7 +38,7 @@
4238
flex: 0 0 auto;
4339
}
4440

45-
.sponsor-logo {
41+
.scaladays-org-logo {
4642
max-height: 40px;
4743
max-width: 120px;
4844
width: auto;
@@ -53,11 +49,11 @@
5349
display: block;
5450
margin: 0 auto;
5551
}
56-
.sponsor-logo-link:hover .sponsor-logo {
52+
.scaladays-org-logo-link:hover .scaladays-org-logo {
5753
opacity: 1;
5854
}
5955

60-
.sponsors-static-row {
56+
.scaladays-orgs-static-row {
6157
display: flex;
6258
flex-direction: row;
6359
align-items: center;
@@ -71,7 +67,7 @@
7167
padding: 0 1em;
7268
}
7369

74-
.platinum-sponsors {
70+
.platinum-scaladays-orgs {
7571
display: flex;
7672
flex-direction: row;
7773
align-items: center;
@@ -80,7 +76,7 @@
8076
height: 80px;
8177
}
8278

83-
.gold-sponsors {
79+
.gold-scaladays-orgs {
8480
display: grid;
8581
grid-template-columns: repeat(3, 1fr);
8682
grid-template-rows: repeat(2, 1fr);
@@ -91,14 +87,14 @@
9187
max-width: 600px;
9288
}
9389

94-
.sponsor-logo-link-platinum {
90+
.scaladays-org-logo-link-platinum {
9591
display: flex;
9692
align-items: center;
9793
justify-content: center;
9894
height: 80px;
9995
}
10096

101-
.sponsor-logo-static-row {
97+
.scaladays-org-logo-static-row {
10298
max-height: 80px !important;
10399
height: 80px;
104100
width: auto;
@@ -107,7 +103,7 @@
107103
transition: opacity 0.2s;
108104
}
109105

110-
.gold-sponsors-flex {
106+
.gold-scaladays-orgs-flex {
111107
display: flex;
112108
flex-wrap: wrap;
113109
align-items: flex-start;
@@ -118,7 +114,7 @@
118114
width: 100%;
119115
}
120116

121-
.sponsor-logo-link-gold {
117+
.scaladays-org-logo-link-gold {
122118
display: flex;
123119
align-items: center;
124120
justify-content: center;
@@ -127,7 +123,7 @@
127123
width: 100%;
128124
}
129125

130-
.sponsor-logo-gold-row {
126+
.scaladays-org-logo-gold-row {
131127
max-height: 25px !important;
132128
height: 25px;
133129
width: auto;
@@ -136,45 +132,45 @@
136132
transition: opacity 0.2s;
137133
}
138134

139-
.sponsors-brought-to-you-by {
135+
.scaladays-orgs-brought-to-you-by {
140136
font-size: 1.2em;
141137
font-weight: 600;
142138
color: #fff;
143139
margin-bottom: 1em;
144140
text-align: center;
145141
}
146142

147-
@keyframes sponsors-scroll {
143+
@keyframes scaladays-orgs-scroll {
148144
0% { transform: translateX(0); }
149145
100% { transform: translateX(-50%); }
150146
}
151147

152148
@media (max-width: 700px) {
153-
.sponsors-static-row {
149+
.scaladays-orgs-static-row {
154150
flex-direction: column;
155151
gap: 1em;
156152
}
157-
.platinum-sponsors {
153+
.platinum-scaladays-orgs {
158154
justify-content: center;
159155
gap: 1.5em;
160156
height: auto;
161157
}
162-
.gold-sponsors-flex {
158+
.gold-scaladays-orgs-flex {
163159
display: none;
164160
}
165-
.sponsor-logo-link {
161+
.scaladays-org-logo-link {
166162
width: 80px;
167163
height: 28px;
168164
margin: 0 0.5em;
169165
}
170-
.sponsor-logo {
166+
.scaladays-org-logo {
171167
max-height: 24px;
172168
max-width: 60px;
173169
}
174170
}
175171

176172
@media (max-width: 1000px) and (min-width: 701px) {
177-
.gold-sponsors {
173+
.gold-scaladays-orgs {
178174
grid-template-columns: repeat(2, 1fr);
179175
grid-template-rows: repeat(3, 1fr);
180176
gap: 1em;
@@ -186,15 +182,15 @@
186182
}
187183

188184
@media (max-width: 900px) and (min-width: 701px) {
189-
.sponsors-static-row {
185+
.scaladays-orgs-static-row {
190186
gap: 1.5em;
191187
}
192188

193-
.platinum-sponsors {
189+
.platinum-scaladays-orgs {
194190
gap: 1.5em;
195191
}
196192

197-
.gold-sponsors {
193+
.gold-scaladays-orgs {
198194
gap: 0.8em;
199195
}
200196
}

‎resources/js/functions.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -627,21 +627,21 @@ $(document).ready(function() {
627627
}
628628
});
629629

630-
// Seamless infinite scroll for Scala Days sponsors bar (no memory leak, no visible jump)
630+
// Seamless infinite scroll for Scala Days scaladays-orgs bar (no memory leak, no visible jump)
631631
document.addEventListener("DOMContentLoaded", function() {
632-
var track = document.getElementById('sponsors-track');
632+
var track = document.getElementById('scaladays-orgs-track');
633633
if (!track) return;
634634

635635
// Get the width of one set of logos (half the track)
636636
var totalWidth = track.scrollWidth / 2;
637637
var pos = 0;
638-
function animateSponsorsBar() {
638+
function animateScaladaysOrgsBar() {
639639
pos -= 1; // px per frame, adjust for speed
640640
if (Math.abs(pos) >= totalWidth) {
641641
pos = 0;
642642
}
643643
track.style.transform = 'translateX(' + pos + 'px)';
644-
requestAnimationFrame(animateSponsorsBar);
644+
requestAnimationFrame(animateScaladaysOrgsBar);
645645
}
646-
animateSponsorsBar();
646+
animateScaladaysOrgsBar();
647647
});

0 commit comments

Comments
 (0)