Skip to content

Commit afa3282

Browse files
anatoliykmetyukanatoliykmetyuk
committed
Add sponsor logos and countdown template
1 parent 1c0c4cf commit afa3282

File tree

13 files changed

+217
-1
lines changed

13 files changed

+217
-1
lines changed

‎_data/scala-days-sponsors.yml‎

Whitespace-only changes.

‎_includes/scala-days-announcement.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<div class="scala-days-announcement" style="margin-bottom: 2em; text-align: center; color: #fff; font-size: 1.5em; letter-spacing: 0.01em; background: none;">
2+
<span style="font-size: 1.3em; font-weight: 600; letter-spacing: 0.01em;">
3+
Scala Days 2025 is coming soon!
4+
</span>
5+
<div class="scala-days-sponsors">
6+
<div class="wrap">
7+
<h2>Scala Days 2025 sponsors</h2>
8+
</div>
9+
</div>
10+
</div>

‎_includes/scala-days-countdown.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<section id="countdown-clock-2025" class="scala-days-countdown">
2+
<div class="countdown-content">
3+
<div class="countdown-left">
4+
<a href="#" class="countdown-register-btn">Learn More & Register Today</a>
5+
<div class="countdown-heading">Bringing Scala Days in...</div>
6+
</div>
7+
<div class="countdown-right">
8+
<div class="countdown-timer">
9+
<div class="countdown-segment">
10+
<span id="2025-day" class="countdown-value">38</span>
11+
<span class="countdown-label">DAYS</span>
12+
</div>
13+
<div class="countdown-segment">
14+
<span id="2025-hour" class="countdown-value">13</span>
15+
<span class="countdown-label">HOURS</span>
16+
</div>
17+
<div class="countdown-segment">
18+
<span id="2025-minute" class="countdown-value">23</span>
19+
<span class="countdown-label">MINUTES</span>
20+
</div>
21+
</div>
22+
</div>
23+
</div>
24+
</section>

‎_layouts/frontpage.html‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,8 @@
4141
</ul>
4242
</nav>
4343
</div>
44+
{% include scala-days-countdown.html %}
45+
{% include scala-days-announcement.html %}
4446
<div class="wrap flex-row-align-end">
4547
<!-- Inner Text -->
4648
<div class="col-lg-6">
@@ -53,7 +55,7 @@ <h2>{{page.headerSubtitle}}</h2>
5355
{% if release.category == 'current_version' %}
5456
{% if version_slice == '3.' %}
5557
{% unless release.title contains "LTS" %}
56-
{% assign scala_next_release = release %}
58+
{% assign scala_next_release = release %}
5759
{% endunless %}
5860
{% if release.title contains "LTS" %}
5961
{% assign scala_lts_release = release %}
@@ -86,6 +88,7 @@ <h2>{{page.headerSubtitle}}</h2>
8688
</div>
8789
</div>
8890
</div>
91+
8992
<!-- Scala Main Resources -->
9093
<div class="scala-main-resources">
9194
<div class="wrap">

‎_sass/components/countdown.scss‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
// COUNT DOWN FOR SCALA DAYS 2025
2+
//------------------------------------------------
3+
//------------------------------------------------
4+
5+
#countdown-clock-2025 {
6+
width: 100%;
7+
min-height: 120px;
8+
background: #1793b1 url("/resources/img/scala-logo-large.svg") no-repeat center center;
9+
position: relative;
10+
display: flex;
11+
align-items: center;
12+
justify-content: center;
13+
margin: 0 auto 2em auto;
14+
overflow: hidden;
15+
}
16+
17+
.countdown-content {
18+
display: flex;
19+
width: 100%;
20+
max-width: 1600px;
21+
align-items: center;
22+
justify-content: space-between;
23+
padding: 1.2em 1.5em 1.2em 1.5em;
24+
}
25+
26+
.countdown-left {
27+
display: flex;
28+
flex-direction: column;
29+
align-items: flex-start;
30+
flex: 1 1 0;
31+
z-index: 2;
32+
}
33+
34+
.countdown-register-btn {
35+
display: inline-block;
36+
color: #fff;
37+
border: 2px solid #fff;
38+
background: transparent;
39+
font-size: 1em;
40+
font-weight: 400;
41+
padding: 0.4em 1.5em;
42+
border-radius: 2px;
43+
margin-bottom: 0.7em;
44+
text-decoration: none;
45+
transition: background 0.2s, color 0.2s;
46+
}
47+
.countdown-register-btn:hover {
48+
background: #fff;
49+
color: #c32d1c;
50+
}
51+
52+
.countdown-heading {
53+
color: #fff;
54+
font-size: 1.2em;
55+
font-weight: 700;
56+
letter-spacing: 0.01em;
57+
}
58+
59+
.countdown-right {
60+
display: flex;
61+
align-items: center;
62+
justify-content: flex-end;
63+
flex: 1 1 0;
64+
z-index: 2;
65+
}
66+
67+
.countdown-timer {
68+
display: flex;
69+
gap: 1.5em;
70+
}
71+
72+
.countdown-segment {
73+
display: flex;
74+
flex-direction: column;
75+
align-items: center;
76+
}
77+
78+
.countdown-value {
79+
color: #fff;
80+
font-size: 2.2em;
81+
font-weight: 700;
82+
line-height: 1;
83+
}
84+
85+
.countdown-label {
86+
color: #fff;
87+
font-size: 0.8em;
88+
font-weight: 400;
89+
text-transform: uppercase;
90+
margin-top: 0.1em;
91+
letter-spacing: 0.05em;
92+
}
93+
94+
@media (max-width: 900px) {
95+
.countdown-content {
96+
flex-direction: column;
97+
align-items: center;
98+
padding: 1em 0.5em;
99+
}
100+
.countdown-left, .countdown-right {
101+
align-items: center;
102+
justify-content: center;
103+
width: 100%;
104+
text-align: center;
105+
}
106+
.countdown-timer {
107+
gap: 0.7em;
108+
}
109+
.countdown-heading {
110+
font-size: 1em;
111+
}
112+
.countdown-value {
113+
font-size: 1.3em;
114+
}
115+
}

‎resources/css/style.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,3 +76,4 @@
7676
@import 'components/tab';
7777
@import 'components/tag';
7878
@import 'components/search';
79+
@import 'components/countdown';

‎resources/img/scala-days-sponsors/gradle.png‎

19.7 KB
Loading

‎resources/img/scala-days-sponsors/jetbrains.svg‎

Lines changed: 13 additions & 0 deletions
Loading

‎resources/img/scala-days-sponsors/scalac.svg‎

Lines changed: 32 additions & 0 deletions
Loading

‎resources/img/scala-days-sponsors/signify.png‎

26.6 KB
Loading

0 commit comments

Comments
 (0)