Skip to content

Commit 7d2d8ac

Browse files
sebbASFsebbASF
committed
Add proposed fix from #587 
1 parent c10453c commit 7d2d8ac

File tree

1 file changed

+71
-31
lines changed

1 file changed

+71
-31
lines changed

‎content/index.ezmd‎

Lines changed: 71 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ bodytag: id="home"
1010
<p><a href="/projects/" class="btn">See Projects</a></p>
1111
</div>
1212
<div class="w33 relative scrolling-logos">
13-
<div id="para-1" class="home-hero-parallax"">
14-
<img class="object-fit-contain" loading="lazy" src src="https://www.apache.org[{featured_projs[0].logo}]" alt="Logo">
13+
<div id="para-1" class="home-hero-parallax">
14+
<img class="object-fit-contain" loading="lazy" src="https://www.apache.org[{featured_projs[0].logo}]" alt="Logo">
1515
</div>
1616
<div id="para-2" class="home-hero-parallax">
1717
<img class="object-fit-contain" loading="lazy" src="https://www.apache.org[{featured_projs[1].logo}]" alt="Logo">
@@ -34,7 +34,7 @@ bodytag: id="home"
3434
<div id="para-8" class="home-hero-parallax pad-0">
3535
<img class="object-fit-contain" loading="lazy" src="images/parallax-7.webp" alt="Logo">
3636
</div>
37-
</img>
37+
</div>
3838
</div>
3939
</section>
4040
<p class="hidden">
@@ -165,6 +165,41 @@ bodytag: id="home"
165165
<!-- Full-width slides/quotes -->
166166
<!-- Remember to adjust the number of dot-container entries below to agree with the slide count -->
167167
<div class="mySlides event-slide text-left">
168+
<div class="flex">
169+
<div class="flex-1 event-info event-image">
170+
<div class="event-image-wrap">
171+
<img class="object-fit-cover" src="images/events/event-flnk-forward.webp" loading="lazy" alt="Flink Forward banner">
172+
</div>
173+
</div>
174+
<div class="event-content flex-2 flex flex-column pl-medium">
175+
<h3 class="event-info event-title">Flink Forward</h3>
176+
<h4 class="event-info event-location">Barcelona, Spain</h4>
177+
<h5 class="event-info event-dates">October 13-16, 2025</h5>
178+
<p class="event-info event-description">With a dynamic agenda packed with cutting-edge Flink use cases, training options, and plenty of networking opportunities, Barcelona will provide the perfect backdrop for the global Flink community to connect, learn, and push the boundaries of real-time data streaming.</p>
179+
<div class="flex-self-end text-right">
180+
<a class="btn event-link event-info" href="https://www.flink-forward.org/" loading="lazy" target="_blank">See Event</a>
181+
</div>
182+
</div>
183+
</div>
184+
</div>
185+
<div class="mySlides event-slide text-left">
186+
<div class="flex">
187+
<div class="flex-1 event-info event-image">
188+
<div class="event-image-wrap">
189+
<img class="object-fit-cover" src="images/events/event-airflow.webp" loading="lazy" alt="NuttX International Workshop banner">
190+
</div>
191+
</div>
192+
<div class="event-content flex-2 flex flex-column pl-medium">
193+
<h3 class="event-info event-title">NuttX International Workshop</h3>
194+
<h5 class="event-info event-dates">October 16-17, 2025</h5>
195+
<p class="event-info event-description">This global gathering brings together developers and users of Apache NuttX® to connect, collaborate, and shape the future of this powerful real-time operating system. This is your chance to meet the community, share ideas, and influence the project’s direction.</p>
196+
<div class="flex-self-end text-right">
197+
<a class="btn event-link event-info" href="https://events.nuttx.apache.org/" target="_blank">See Event</a>
198+
</div>
199+
</div>
200+
</div>
201+
</div>
202+
<div class="mySlides event-slide text-left">
168203
<div class="flex">
169204
<div class="flex-1 event-info event-image">
170205
<div class="event-image-wrap">
@@ -189,6 +224,8 @@ bodytag: id="home"
189224
<!-- Dots/bullets/indicators; there should be one for each event-slide above -->
190225
<div class="dot-container">
191226
<span class="dot" onclick="currentSlide(1)"></span>
227+
<span class="dot" onclick="currentSlide(2)"></span>
228+
<span class="dot" onclick="currentSlide(3)"></span>
192229
</div>
193230
<!-- END SLIDESHOW CONTAINER -->
194231
</div>
@@ -280,61 +317,64 @@ bodytag: id="home"
280317
</p>
281318
</section>
282319
<section id="plus-one" class="grad-purple">
283-
<script>
284-
// Formats the date provided by the blog feed to the desired format
285-
function formatDate(dateString) {
286-
const date = new Date(dateString);
287-
const options = {
288-
year: 'numeric',
289-
month: 'long',
290-
day: 'numeric'
291-
};
292-
return date.toLocaleDateString('en-US', options);
293-
}
294-
</script>
295320
<div class="inner text-center py-xl">
296321
<div class="text-col mb-large">
297322
<h2 class="text-white">ASF Plus One</h2>
298323
<p class="text-white">Explore what’s new at The ASF — from project news to community voices, all in one place.</p>
299324
</div>
325+
300326
<h3 class="text-white">Most Recent Blog Posts</h3>
301327
<div class="blog-feed flex mb-large flex-column-600">
302-
[for foundation]<div class="blog-card text-left">
328+
{% for foundation in foundation|slice:":3" %}
329+
<div class="blog-card text-left">
303330
<div class="blog-card-inner">
304-
<img class="card-decoration" src="/images/oakleaf.svg" alt="asf oak leaf logo">
305-
<div class="blog-date"><script>document.write(formatDate('[foundation.date]'));</script></div>
306-
<h4>[format "raw"][foundation.title][end]</h4>
331+
<img class="card-decoration" src="/images/oakleaf.svg" alt="asf oak leaf logo">
332+
<div class="blog-date">
333+
{{ foundation.date|strftime('%d %B %Y') }}
334+
</div>
335+
<h4>{{ foundation.title|striptags }}</h4>
307336
<div class="blog-card-link">
308-
<a class="continue" target="_blank" href="[foundation.href]">Read Post</a>
337+
<a class="continue" target="_blank" href="{{ foundation.href }}">Read Post</a>
309338
</div>
310339
</div>
311-
</div>[end]
340+
</div>
341+
{% endfor %}
312342
</div>
343+
313344
<h3 class="text-white">Plus One Newsletter</h3>
314345
<div class="blog-feed flex flex-column-600 mb-large">
315-
[for newsletter]<div class="blog-card text-left">
346+
{% for newsletter in newsletter|slice:":3" %}
347+
<div class="blog-card text-left">
316348
<div class="blog-card-inner">
317349
<img class="card-decoration" src="/images/oakleaf.svg" alt="asf oak leaf logo">
318-
<div class="blog-date"><script>document.write(formatDate('[newsletter.date]'));</script></div>
319-
<h4>[format "raw"][newsletter.title][end]</h4>
350+
<div class="blog-date">
351+
{{ newsletter.date|strftime('%d %B %Y') }}
352+
</div>
353+
<h4>{{ newsletter.title|striptags }}</h4>
320354
<div class="blog-card-link">
321-
<a class="continue" target="_blank" href="[newsletter.href]">Read Post</a>
355+
<a class="continue" target="_blank" href="{{ newsletter.href }}">Read Post</a>
322356
</div>
323357
</div>
324-
</div>[end]
358+
</div>
359+
{% endfor %}
325360
</div>
361+
326362
<h3 class="text-white">Plus One Podcast</h3>
327363
<div class="blog-feed flex flex-column-600">
328-
[for podcast]<div class="blog-card text-left">
364+
{% for podcast in podcast|slice:":3" %}
365+
<div class="blog-card text-left">
329366
<div class="blog-card-inner">
330367
<img class="card-decoration" src="/images/oakleaf.svg" alt="asf oak leaf logo">
331-
<div class="blog-date"><script>document.write(formatDate('[podcast.date]'));</script></div>
332-
<h4>[format "raw"][podcast.title][end]</h4>
368+
<div class="blog-date">
369+
{{ podcast.date|strftime('%d %B %Y') }}
370+
</div>
371+
<h4>{{ podcast.title|striptags }}</h4>
333372
<div class="blog-card-link">
334-
<a class="continue" target="_blank" href="[podcast.href]">Listen Now</a>
373+
<a class="continue" target="_blank" href="{{ podcast.href }}">Listen Now</a>
335374
</div>
336375
</div>
337-
</div>[end]
376+
</div>
377+
{% endfor %}
338378
</div>
339379
</div>
340380
</section>

0 commit comments

Comments
 (0)