Skip to content

Commit 71b39f7

Browse files
author
Seif ELBayomi
committed
[HFX-2026] Fix homepage HTML rendering, add 2025 photo album link
1 parent da37ae4 commit 71b39f7

1 file changed

Lines changed: 78 additions & 221 deletions

File tree

‎content/events/2026-halifax/welcome.md‎

Lines changed: 78 additions & 221 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ Type = "welcome"
44
aliases = ["/events/2026-halifax/"]
55
Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downtown Halifax."
66
+++
7-
87
<style type="text/css">
98
.hfx26 {
109
--bg: #0B1020;
@@ -15,17 +14,14 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
1514
--accent-2: #D946EF;
1615
--accent-3: #6FE7FF;
1716
--border: #2A3152;
18-
1917
background: var(--bg);
2018
color: var(--text);
2119
border-radius: 16px;
2220
overflow: hidden;
2321
margin: 1em 0;
2422
}
25-
2623
.hfx26 a { color: var(--accent-3); text-decoration: none; }
2724
.hfx26 a:hover { text-decoration: underline; }
28-
2925
.hfx26 .hero {
3026
position: relative;
3127
padding: 4em 2em 3.5em;
@@ -37,19 +33,8 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
3733
var(--bg);
3834
border-bottom: 1px solid var(--border);
3935
}
40-
41-
.hfx26 .logo {
42-
max-width: 240px;
43-
margin: 0 auto 1.5em;
44-
}
45-
.hfx26 .logo img,
46-
.hfx26 .logo svg {
47-
max-width: 100%;
48-
height: auto;
49-
display: block;
50-
margin: 0 auto;
51-
}
52-
36+
.hfx26 .logo { max-width: 240px; margin: 0 auto 1.5em; }
37+
.hfx26 .logo img, .hfx26 .logo svg { max-width: 100%; height: auto; display: block; margin: 0 auto; }
5338
.hfx26 .meta {
5439
display: inline-flex;
5540
align-items: center;
@@ -61,19 +46,14 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
6146
font-size: 0.95em;
6247
color: var(--text-2);
6348
margin-bottom: 1.25em;
64-
backdrop-filter: blur(8px);
6549
}
6650
.hfx26 .meta-dot {
6751
width: 8px; height: 8px; border-radius: 50%;
6852
background: var(--accent-3);
6953
box-shadow: 0 0 12px var(--accent-3);
7054
animation: hfxpulse 2s ease-in-out infinite;
7155
}
72-
@keyframes hfxpulse {
73-
0%, 100% { opacity: 1; }
74-
50% { opacity: 0.4; }
75-
}
76-
56+
@keyframes hfxpulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
7757
.hfx26 h1 {
7858
font-size: 2.75em;
7959
font-weight: 800;
@@ -85,18 +65,8 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
8565
background-clip: text;
8666
letter-spacing: -0.01em;
8767
}
88-
89-
.hfx26 .tagline {
90-
color: var(--text-2);
91-
font-size: 1.15em;
92-
max-width: 640px;
93-
margin: 0 auto 2em;
94-
line-height: 1.55;
95-
}
96-
97-
.hfx26 .cta-row {
98-
display: flex; flex-wrap: wrap; gap: 0.85em; justify-content: center;
99-
}
68+
.hfx26 .tagline { color: var(--text-2); font-size: 1.15em; max-width: 640px; margin: 0 auto 2em; line-height: 1.55; }
69+
.hfx26 .cta-row { display: flex; flex-wrap: wrap; gap: 0.85em; justify-content: center; }
10070
.hfx26 .btn {
10171
display: inline-flex; align-items: center; justify-content: center;
10272
padding: 0.9em 1.75em;
@@ -114,27 +84,11 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
11484
box-shadow: 0 4px 22px rgba(124, 92, 255, 0.45);
11585
}
11686
.hfx26 .btn-primary:hover { box-shadow: 0 6px 30px rgba(124, 92, 255, 0.6); }
117-
.hfx26 .btn-secondary {
118-
background: var(--surface);
119-
color: var(--text);
120-
}
87+
.hfx26 .btn-secondary { background: var(--surface); color: var(--text); }
12188
.hfx26 .btn-secondary:hover { border-color: var(--accent-3); color: var(--accent-3); }
122-
12389
.hfx26 .body { padding: 3em 2em; background: var(--bg); }
124-
125-
.hfx26 .stats-row {
126-
display: grid;
127-
grid-template-columns: repeat(3, 1fr);
128-
gap: 1em;
129-
margin-bottom: 3em;
130-
}
131-
.hfx26 .stat {
132-
background: var(--surface);
133-
border: 1px solid var(--border);
134-
border-radius: 12px;
135-
padding: 1.5em 1em;
136-
text-align: center;
137-
}
90+
.hfx26 .stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; margin-bottom: 3em; }
91+
.hfx26 .stat { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 1.5em 1em; text-align: center; }
13892
.hfx26 .stat-num {
13993
font-size: 2.1em;
14094
font-weight: 800;
@@ -144,108 +98,23 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
14498
background-clip: text;
14599
line-height: 1;
146100
}
147-
.hfx26 .stat-label {
148-
color: var(--text-2);
149-
font-size: 0.9em;
150-
margin-top: 0.5em;
151-
}
152-
101+
.hfx26 .stat-label { color: var(--text-2); font-size: 0.9em; margin-top: 0.5em; }
153102
.hfx26 .section { margin-bottom: 2.75em; }
154-
.hfx26 .section h2 {
155-
font-size: 1.55em;
156-
margin: 0 0 0.55em;
157-
color: var(--text);
158-
font-weight: 700;
159-
}
160-
.hfx26 .section p {
161-
color: var(--text-2);
162-
line-height: 1.7;
163-
font-size: 1.05em;
164-
margin: 0 0 1em;
165-
}
103+
.hfx26 .section h2 { font-size: 1.55em; margin: 0 0 0.55em; color: var(--text); font-weight: 700; }
104+
.hfx26 .section p { color: var(--text-2); line-height: 1.7; font-size: 1.05em; margin: 0 0 1em; }
166105
.hfx26 .section p strong { color: var(--text); }
167-
168-
.hfx26 .topic-grid {
169-
display: grid;
170-
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
171-
gap: 0.65em;
172-
margin-top: 1.25em;
173-
}
174-
.hfx26 .topic {
175-
background: var(--surface);
176-
border: 1px solid var(--border);
177-
border-radius: 8px;
178-
padding: 0.8em 1em;
179-
color: var(--text-2);
180-
text-align: center;
181-
font-size: 0.95em;
182-
transition: border-color 0.15s ease, color 0.15s ease;
183-
}
106+
.hfx26 .topic-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.65em; margin-top: 1.25em; }
107+
.hfx26 .topic { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 0.8em 1em; color: var(--text-2); text-align: center; font-size: 0.95em; transition: border-color 0.15s ease, color 0.15s ease; }
184108
.hfx26 .topic:hover { border-color: var(--accent-1); color: var(--text); }
185-
186-
.hfx26 .video-wrap {
187-
position: relative;
188-
padding-bottom: 56.25%;
189-
height: 0;
190-
border-radius: 12px;
191-
overflow: hidden;
192-
border: 1px solid var(--border);
193-
margin: 1em 0 1em;
194-
}
195-
.hfx26 .video-wrap iframe {
196-
position: absolute;
197-
top: 0; left: 0;
198-
width: 100%; height: 100%;
199-
border: 0;
200-
}
201-
.hfx26 .video-caption {
202-
text-align: center;
203-
color: var(--text-2);
204-
font-size: 0.95em;
205-
margin-top: 0.5em;
206-
}
207-
208-
.hfx26 .footer-cta {
209-
background: var(--surface);
210-
border-top: 1px solid var(--border);
211-
padding: 2.5em 2em;
212-
}
213-
.hfx26 .footer-cta h3 {
214-
text-align: center;
215-
margin: 0 0 1.25em;
216-
color: var(--text);
217-
font-size: 1.15em;
218-
font-weight: 600;
219-
}
220-
.hfx26 .nav-grid {
221-
display: grid;
222-
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
223-
gap: 0.65em;
224-
}
225-
.hfx26 .nav-link {
226-
background: var(--bg);
227-
border: 1px solid var(--border);
228-
border-radius: 8px;
229-
padding: 0.85em 1em;
230-
text-align: center;
231-
color: var(--text);
232-
font-weight: 500;
233-
transition: border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
234-
}
235-
.hfx26 .nav-link:hover {
236-
border-color: var(--accent-3);
237-
color: var(--accent-3);
238-
text-decoration: none;
239-
transform: translateY(-1px);
240-
}
241-
242-
.hfx26 .conduct-note {
243-
color: var(--text-2);
244-
font-size: 0.95em;
245-
text-align: center;
246-
margin: 2em 0 0;
247-
}
248-
109+
.hfx26 .video-wrap { position: relative; padding-bottom: 56.25%; height: 0; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); margin: 1em 0 1em; }
110+
.hfx26 .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
111+
.hfx26 .video-caption { text-align: center; color: var(--text-2); font-size: 0.95em; margin-top: 0.5em; }
112+
.hfx26 .footer-cta { background: var(--surface); border-top: 1px solid var(--border); padding: 2.5em 2em; }
113+
.hfx26 .footer-cta h3 { text-align: center; margin: 0 0 1.25em; color: var(--text); font-size: 1.15em; font-weight: 600; }
114+
.hfx26 .nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0.65em; }
115+
.hfx26 .nav-link { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 0.85em 1em; text-align: center; color: var(--text); font-weight: 500; transition: border-color 0.15s ease, color 0.15s ease, transform 0.15s ease; }
116+
.hfx26 .nav-link:hover { border-color: var(--accent-3); color: var(--accent-3); text-decoration: none; transform: translateY(-1px); }
117+
.hfx26 .conduct-note { color: var(--text-2); font-size: 0.95em; text-align: center; margin: 2em 0 0; }
249118
@media (max-width: 760px) {
250119
.hfx26 h1 { font-size: 2em; }
251120
.hfx26 .hero { padding: 2.75em 1.25em 2.25em; }
@@ -257,73 +126,61 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
257126
.hfx26 .meta { font-size: 0.85em; }
258127
}
259128
</style>
260-
261129
<div class="hfx26">
262-
263-
<div class="hero">
264-
<div class="logo">{{< event_logo >}}</div>
265-
<div class="meta"><span class="meta-dot"></span> September 29, 2026 &nbsp;·&nbsp; Volta &nbsp;·&nbsp; Downtown Halifax</div>
266-
<h1>DevOpsDays Halifax 2026</h1>
267-
<p class="tagline">A day dedicated to learning, collaboration, and community for practitioners across Atlantic Canada and beyond.</p>
268-
<div class="cta-row">
269-
<a class="btn btn-primary" href="https://talks.devopsdays.org/halifax-2026/cfp">Propose a Talk</a>
270-
<a class="btn btn-secondary" href="../sponsor/">Become a Sponsor</a>
271-
</div>
272-
</div>
273-
274-
<div class="body">
275-
276-
<div class="stats-row">
277-
<div class="stat"><div class="stat-num">200+</div><div class="stat-label">Attendees in 2024</div></div>
278-
<div class="stat"><div class="stat-num">20</div><div class="stat-label">Expert speakers</div></div>
279-
<div class="stat"><div class="stat-num">3</div><div class="stat-label">Years strong</div></div>
280-
</div>
281-
282-
<div class="section">
283-
<p>Building on the momentum of previous years, we are bringing the community together again for insightful talks, engaging Open Spaces, and meaningful connection. Expect sessions grounded in real-world experience, covering the topics teams are navigating today.</p>
284-
<div class="topic-grid">
285-
<div class="topic">Cloud Native</div>
286-
<div class="topic">Platform Engineering</div>
287-
<div class="topic">AI in DevOps</div>
288-
<div class="topic">Site Reliability</div>
289-
<div class="topic">Security &amp; Compliance</div>
290-
</div>
291-
</div>
292-
293-
<div class="section">
294-
<h2>Highlights from previous years</h2>
295-
<div class="video-wrap">
296-
<iframe src="https://www.youtube.com/embed/ndZHjj8lEpw?rel=0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
297-
</div>
298-
<p class="video-caption">🎬 Highlights from DevOpsDays Halifax 2024</p>
299-
<p>Browse the <a href="https://www.flickr.com/photos/201499771@N04/albums/72177720320854462">2024 photo album</a> and the <a href="https://www.flickr.com/photos/201499771@N04/albums/72177720332333781/">2025 photo album</a> for a glimpse into past events.</p>
300-
</div>
301-
302-
<div class="section">
303-
<h2>Who attends?</h2>
304-
<p>DevOpsDays Halifax brings together a diverse and highly engaged group of professionals — senior technical leaders, executives, software engineers, platform teams, site reliability engineers, security specialists, and students. Whether you are shaping DevOps strategy at an organizational level or just getting started, this event offers a chance to connect, learn, and grow with peers across Atlantic Canada and beyond.</p>
305-
</div>
306-
307-
<div class="section">
308-
<h2>Get involved</h2>
309-
<p>The Call for Proposals runs <strong>May 1 – June 8, 2026</strong>. If you have a story, lesson, or perspective to share, we encourage you to <a href="https://talks.devopsdays.org/halifax-2026/cfp">apply via Pretalx</a>.</p>
310-
<p>Registration details will be announced soon. Discounted tickets for students and folks from underrepresented communities will be available — please email <a href="mailto:halifax@devopsdays.org">halifax@devopsdays.org</a> once registration opens to request a voucher.</p>
311-
<p>Thank you to our venue sponsor, <strong>Volta</strong>, for hosting us in downtown Halifax.</p>
312-
</div>
313-
314-
<p class="conduct-note">By attending, you agree to the <a href="../conduct/">DevOpsDays Halifax Code of Conduct</a>.</p>
315-
316-
</div>
317-
318-
<div class="footer-cta">
319-
<h3>Explore</h3>
320-
<div class="nav-grid">
321-
<a class="nav-link" href="../location/">Venue Info</a>
322-
<a class="nav-link" href="https://talks.devopsdays.org/halifax-2026/cfp">Propose a Talk</a>
323-
<a class="nav-link" href="../sponsor/">Become a Sponsor</a>
324-
<a class="nav-link" href="../conduct/">Code of Conduct</a>
325-
<a class="nav-link" href="../contact/">Contact Us</a>
326-
</div>
327-
</div>
328-
130+
<div class="hero">
131+
<div class="logo">{{< event_logo >}}</div>
132+
<div class="meta"><span class="meta-dot"></span> September 29, 2026 &nbsp;·&nbsp; Volta &nbsp;·&nbsp; Downtown Halifax</div>
133+
<h1>DevOpsDays Halifax 2026</h1>
134+
<p class="tagline">A day dedicated to learning, collaboration, and community for practitioners across Atlantic Canada and beyond.</p>
135+
<div class="cta-row">
136+
<a class="btn btn-primary" href="https://talks.devopsdays.org/halifax-2026/cfp">Propose a Talk</a>
137+
<a class="btn btn-secondary" href="../sponsor/">Become a Sponsor</a>
138+
</div>
139+
</div>
140+
<div class="body">
141+
<div class="stats-row">
142+
<div class="stat"><div class="stat-num">200+</div><div class="stat-label">Attendees in 2024</div></div>
143+
<div class="stat"><div class="stat-num">20</div><div class="stat-label">Expert speakers</div></div>
144+
<div class="stat"><div class="stat-num">3</div><div class="stat-label">Years strong</div></div>
145+
</div>
146+
<div class="section">
147+
<p>Building on the momentum of previous years, we are bringing the community together again for insightful talks, engaging Open Spaces, and meaningful connection. Expect sessions grounded in real-world experience, covering the topics teams are navigating today.</p>
148+
<div class="topic-grid">
149+
<div class="topic">Cloud Native</div>
150+
<div class="topic">Platform Engineering</div>
151+
<div class="topic">AI in DevOps</div>
152+
<div class="topic">Site Reliability</div>
153+
<div class="topic">Security &amp; Compliance</div>
154+
</div>
155+
</div>
156+
<div class="section">
157+
<h2>Highlights from previous years</h2>
158+
<div class="video-wrap">
159+
<iframe src="https://www.youtube.com/embed/ndZHjj8lEpw?rel=0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
160+
</div>
161+
<p class="video-caption">🎬 Highlights from DevOpsDays Halifax 2024</p>
162+
<p>Browse the <a href="https://www.flickr.com/photos/201499771@N04/albums/72177720320854462">2024 photo album</a> and the <a href="https://www.flickr.com/photos/201499771@N04/albums/72177720332333781/">2025 photo album</a> for a glimpse into past events.</p>
163+
</div>
164+
<div class="section">
165+
<h2>Who attends?</h2>
166+
<p>DevOpsDays Halifax brings together a diverse and highly engaged group of professionals — senior technical leaders, executives, software engineers, platform teams, site reliability engineers, security specialists, and students. Whether you are shaping DevOps strategy at an organizational level or just getting started, this event offers a chance to connect, learn, and grow with peers across Atlantic Canada and beyond.</p>
167+
</div>
168+
<div class="section">
169+
<h2>Get involved</h2>
170+
<p>The Call for Proposals runs <strong>May 1 – June 8, 2026</strong>. If you have a story, lesson, or perspective to share, we encourage you to <a href="https://talks.devopsdays.org/halifax-2026/cfp">apply via Pretalx</a>.</p>
171+
<p>Registration details will be announced soon. Discounted tickets for students and folks from underrepresented communities will be available — please email <a href="mailto:halifax@devopsdays.org">halifax@devopsdays.org</a> once registration opens to request a voucher.</p>
172+
<p>Thank you to our venue sponsor, <strong>Volta</strong>, for hosting us in downtown Halifax.</p>
173+
</div>
174+
<p class="conduct-note">By attending, you agree to the <a href="../conduct/">DevOpsDays Halifax Code of Conduct</a>.</p>
175+
</div>
176+
<div class="footer-cta">
177+
<h3>Explore</h3>
178+
<div class="nav-grid">
179+
<a class="nav-link" href="../location/">Venue Info</a>
180+
<a class="nav-link" href="https://talks.devopsdays.org/halifax-2026/cfp">Propose a Talk</a>
181+
<a class="nav-link" href="../sponsor/">Become a Sponsor</a>
182+
<a class="nav-link" href="../conduct/">Code of Conduct</a>
183+
<a class="nav-link" href="../contact/">Contact Us</a>
184+
</div>
185+
</div>
329186
</div>

0 commit comments

Comments
 (0)