Skip to content

Commit 8771884

Browse files
mo-nikamo-nika
committed
Claude adds lightning_talks
1 parent d42dfcb commit 8771884

File tree

8 files changed

+271
-2
lines changed

8 files changed

+271
-2
lines changed

‎_data/lightning_talks/talks.yml‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
- name: "Marton Veres"
2+
title: "Elixir communities in Germany"
3+
youtube: "https://youtu.be/qA68q-VqDVE"
4+
5+
- name: "Meks McClure"
6+
title: "Resilient Code, Resilient Engineer: Lessons from Changing Requirements"
7+
youtube: "https://youtu.be/n2RQtPyCJt8"
8+
9+
- name: "Nikola Begedin"
10+
title: "GameDev in Elixir using ECS and Live View"
11+
youtube: "https://youtu.be/me8udc1ZEzk"
12+
13+
- name: "Hernan Rivas Acosta"
14+
title: "Ticks, Elixir and Gaming"
15+
youtube: "https://youtu.be/jKvsAAg64V0"
16+
17+
- name: "Boris Kuznetsov"
18+
title: "All you want to know about Waffle and file uploads"
19+
youtube: "https://youtu.be/4iM-V9yELsE"
20+
21+
- name: "Krzysztof Nalepa"
22+
title: "Debugging LiveView with LiveDebugger"
23+
youtube: "https://youtu.be/mTYxjXdMoNs"
24+
25+
- name: "Alistair Woodman"
26+
title: "EEF Update"
27+
youtube: "https://youtu.be/5WqMpSt_rRE"
28+
29+
- name: "Juan Azambuja"
30+
title: "Introducing Elixir Observer"
31+
youtube: "https://youtu.be/o-FsRSDg6Pc"
32+
33+
- name: "Denys Gonchar"
34+
title: "opentelemetry_testing"
35+
youtube: "https://youtu.be/5CECx5Z_D1I"

‎_data/navigation.yml‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,8 @@
3636
# link: "shop"
3737
#- name: Blog
3838
# link: "blog"
39+
- name: Lightning Talks
40+
link: "lightning-talks"
3941
- name: Sponsors
4042
link: "sponsors"
4143
#- name: Contact

‎_includes/lightning_talks.html‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<div class="section" id="lightning-talks">
2+
<div class="container pt-4">
3+
<div class="row justify-content-center">
4+
<div class="col-md-10 text-center">
5+
<h1 class="title text-blue">Lightning Talks</h1>
6+
<p class="lead mb-5">Watch the recorded lightning talks from ElixirConf EU 2025</p>
7+
</div>
8+
</div>
9+
<div class="row">
10+
<div class="col-md-12">
11+
<div class="lightning-talks-container">
12+
{% for talk in site.data.lightning_talks.talks %}
13+
<div class="lightning-talk-item">
14+
<div class="lightning-talk-title">
15+
<h3>{{ talk.title }}</h3>
16+
</div>
17+
<div class="lightning-talk-speaker">
18+
<p><i class="fas fa-user-circle mr-2"></i>{{ talk.name }}</p>
19+
</div>
20+
{% if talk.youtube %}
21+
<div class="lightning-talk-video mt-3">
22+
<a href="{{ talk.youtube }}" target="_blank" class="btn btn-sm btn-outline-danger video-link">
23+
<i class="fab fa-youtube mr-2"></i>Watch on YouTube
24+
</a>
25+
</div>
26+
{% endif %}
27+
</div>
28+
{% endfor %}
29+
</div>
30+
</div>
31+
</div>
32+
<div class="row mt-5">
33+
<div class="col-md-12">
34+
<div class="banner-3" id="call-for-lightning-talks">
35+
<h3 class="text">Submit your lightning talk for the next ElixirConf EU!</h3>
36+
<a
37+
class="page-scroll btn-outline btn-blue ml-1"
38+
href="https://forms.gle/h2Nr5Jmvkffd4iL28"
39+
>SUBMIT</a
40+
>
41+
</div>
42+
</div>
43+
</div>
44+
</div>
45+
</div>

‎_includes/lightningtalks.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="banner-3" id="call-for-lighting-talks">
1+
<div class="banner-3" id="call-for-lightning-talks">
22
<h3 class="text">Give a 5-mins Lightning talk, places are limited.</h3>
33
<a
44
class="page-scroll btn-outline btn-blue ml-1"

‎_includes/navigation.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,11 @@
2323
</li>
2424
{% else %}
2525
<li>
26-
<a class="page-scroll" href="#{{ item.link }}">{{ item.name }}</a>
26+
{% if item.link contains '-' %}
27+
<a href="/{{ item.link }}">{{ item.name }}</a>
28+
{% else %}
29+
<a class="page-scroll" href="#{{ item.link }}">{{ item.name }}</a>
30+
{% endif %}
2731
</li>
2832
{% endif %}
2933
{% endfor %}

‎_sass/lightning_talks.scss‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
.lightning-talks-container {
2+
display: grid;
3+
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
4+
gap: 30px;
5+
margin: 40px 0;
6+
}
7+
8+
.lightning-talk-item {
9+
background-color: #fff;
10+
border-radius: 8px;
11+
padding: 25px;
12+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
13+
transition: transform 0.3s ease, box-shadow 0.3s ease;
14+
border-left: 4px solid #E94D8B;
15+
position: relative;
16+
overflow: hidden;
17+
}
18+
19+
.lightning-talk-item:hover {
20+
transform: translateY(-5px);
21+
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
22+
}
23+
24+
.lightning-talk-item:before {
25+
content: "";
26+
position: absolute;
27+
top: 0;
28+
right: 0;
29+
width: 0;
30+
height: 0;
31+
border-style: solid;
32+
border-width: 0 40px 40px 0;
33+
border-color: transparent #9769c9 transparent transparent;
34+
opacity: 0.7;
35+
}
36+
37+
.lightning-talk-title h3 {
38+
color: #543462;
39+
font-size: 1.3em;
40+
margin-bottom: 15px;
41+
font-weight: 600;
42+
line-height: 1.4;
43+
position: relative;
44+
padding-bottom: 12px;
45+
}
46+
47+
.lightning-talk-title h3:after {
48+
content: "";
49+
position: absolute;
50+
bottom: 0;
51+
left: 0;
52+
width: 40px;
53+
height: 2px;
54+
background-color: #E94D8B;
55+
}
56+
57+
.lightning-talk-speaker p {
58+
color: #9769c9;
59+
font-size: 1.1em;
60+
font-weight: 500;
61+
margin: 0;
62+
display: flex;
63+
align-items: center;
64+
}
65+
66+
.lightning-talk-video {
67+
margin-top: 15px;
68+
}
69+
70+
.video-link {
71+
display: inline-flex;
72+
align-items: center;
73+
color: #E94D8B;
74+
font-weight: 500;
75+
text-decoration: none;
76+
transition: all 0.3s ease;
77+
padding: 6px 12px;
78+
border: 1px solid #E94D8B;
79+
border-radius: 4px;
80+
background-color: transparent;
81+
}
82+
83+
.video-link:hover {
84+
color: #fff;
85+
background-color: #E94D8B;
86+
text-decoration: none;
87+
}
88+
89+
.video-link i {
90+
font-size: 1.2em;
91+
margin-right: 5px;
92+
}
93+
94+
.lightning-talk-speaker p i {
95+
margin-right: 8px;
96+
color: #E94D8B;
97+
}
98+
99+
#lightning-talks {
100+
padding: 80px 0;
101+
background-color: #f8f9fa;
102+
position: relative;
103+
}
104+
105+
#lightning-talks:before {
106+
content: "";
107+
position: absolute;
108+
top: 0;
109+
left: 0;
110+
right: 0;
111+
height: 5px;
112+
background: linear-gradient(to right, #9769c9, #E94D8B);
113+
}
114+
115+
#lightning-talks .title {
116+
font-size: 2.5em;
117+
font-weight: 700;
118+
text-align: center;
119+
margin-bottom: 40px;
120+
position: relative;
121+
}
122+
123+
#lightning-talks .title:after {
124+
content: "";
125+
position: absolute;
126+
width: 80px;
127+
height: 3px;
128+
background-color: #E94D8B;
129+
bottom: -15px;
130+
left: 50%;
131+
transform: translateX(-50%);
132+
}
133+
134+
.text-blue {
135+
color: #543462;
136+
}
137+
138+
.lead {
139+
font-size: 1.25rem;
140+
font-weight: 300;
141+
color: #666;
142+
max-width: 800px;
143+
margin: 0 auto;
144+
}
145+
146+
@media (max-width: 768px) {
147+
.lightning-talks-container {
148+
grid-template-columns: 1fr;
149+
}
150+
151+
#lightning-talks .title {
152+
font-size: 2em;
153+
}
154+
}

‎assets/css/styles.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
@import 'gallery-grid';
2424
@import 'testimonials';
2525
@import 'tickets-block';
26+
@import 'lightning_talks';
2627

2728
@import '_animations';
2829
@import '_owl-carousel';

‎lightning-talks.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
---
2+
layout: default
3+
title: ElixirConf EU 2025 Lightning Talks
4+
permalink: /lightning-talks
5+
image: assets/images/ELIXIR2025_1920x1080.jpg
6+
description: Watch the exciting 5-minute lightning talks from ElixirConf EU 2025
7+
---
8+
9+
<section class="inner-page pt-5">
10+
<div class="container">
11+
<div class="row mb-5 text-center">
12+
<div class="col-md-12">
13+
<h1 class="display-4 text-blue">ElixirConf EU 2025 Lightning Talks</h1>
14+
<p class="lead">Watch the exciting 5-minute talks from our community members</p>
15+
<hr class="divider-primary">
16+
</div>
17+
</div>
18+
</div>
19+
</section>
20+
21+
{% include lightning_talks.html %}
22+
<!-- end of lightning_talks -->
23+
{% include sponsors.html %}
24+
<!-- end of sponsors -->
25+
{% include newsletter.html %}
26+
<!-- end of newsletter -->
27+
{% include contact.html %}
28+
<!-- end of contact -->

0 commit comments

Comments
 (0)