Skip to content

Commit d723abd

Browse files
author
Seif ELBayomi
committed
[HFX-2026] Fix button styling, update stats numbers
1 parent 71b39f7 commit d723abd

1 file changed

Lines changed: 28 additions & 22 deletions

File tree

content/events/2026-halifax/welcome.md

Lines changed: 28 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -67,25 +67,31 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
6767
}
6868
.hfx26 .tagline { color: var(--text-2); font-size: 1.15em; max-width: 640px; margin: 0 auto 2em; line-height: 1.55; }
6969
.hfx26 .cta-row { display: flex; flex-wrap: wrap; gap: 0.85em; justify-content: center; }
70-
.hfx26 .btn {
71-
display: inline-flex; align-items: center; justify-content: center;
72-
padding: 0.9em 1.75em;
73-
border-radius: 10px;
74-
font-weight: 600;
75-
font-size: 1em;
70+
.hfx26 .hfx26-btn {
71+
display: inline-flex !important;
72+
align-items: center;
73+
justify-content: center;
74+
padding: 0.9em 1.75em !important;
75+
border-radius: 10px !important;
76+
font-weight: 600 !important;
77+
font-size: 1em !important;
7678
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
77-
border: 1px solid var(--border);
79+
border: 1px solid var(--border) !important;
80+
text-decoration: none !important;
7881
}
79-
.hfx26 .btn:hover { text-decoration: none; transform: translateY(-2px); }
80-
.hfx26 .btn-primary {
81-
background: linear-gradient(135deg, var(--accent-1), var(--accent-2));
82-
color: var(--text);
83-
border: none;
82+
.hfx26 .hfx26-btn:hover { text-decoration: none !important; transform: translateY(-2px); }
83+
.hfx26 .hfx26-btn-primary {
84+
background: linear-gradient(135deg, var(--accent-1), var(--accent-2)) !important;
85+
color: var(--text) !important;
86+
border: none !important;
8487
box-shadow: 0 4px 22px rgba(124, 92, 255, 0.45);
8588
}
86-
.hfx26 .btn-primary:hover { box-shadow: 0 6px 30px rgba(124, 92, 255, 0.6); }
87-
.hfx26 .btn-secondary { background: var(--surface); color: var(--text); }
88-
.hfx26 .btn-secondary:hover { border-color: var(--accent-3); color: var(--accent-3); }
89+
.hfx26 .hfx26-btn-primary:hover { box-shadow: 0 6px 30px rgba(124, 92, 255, 0.6); color: var(--text) !important; }
90+
.hfx26 .hfx26-btn-secondary {
91+
background: var(--surface) !important;
92+
color: var(--text) !important;
93+
}
94+
.hfx26 .hfx26-btn-secondary:hover { border-color: var(--accent-3) !important; color: var(--accent-3) !important; }
8995
.hfx26 .body { padding: 3em 2em; background: var(--bg); }
9096
.hfx26 .stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; margin-bottom: 3em; }
9197
.hfx26 .stat { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 1.5em 1em; text-align: center; }
@@ -122,7 +128,7 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
122128
.hfx26 .footer-cta { padding: 2em 1.25em; }
123129
.hfx26 .stats-row { grid-template-columns: 1fr; gap: 0.65em; }
124130
.hfx26 .cta-row { flex-direction: column; }
125-
.hfx26 .btn { width: 100%; }
131+
.hfx26 .hfx26-btn { width: 100%; }
126132
.hfx26 .meta { font-size: 0.85em; }
127133
}
128134
</style>
@@ -133,15 +139,15 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
133139
<h1>DevOpsDays Halifax 2026</h1>
134140
<p class="tagline">A day dedicated to learning, collaboration, and community for practitioners across Atlantic Canada and beyond.</p>
135141
<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>
142+
<a class="hfx26-btn hfx26-btn-primary" href="https://talks.devopsdays.org/halifax-2026/cfp">Propose a Talk</a>
143+
<a class="hfx26-btn hfx26-btn-secondary" href="../sponsor/">Become a Sponsor</a>
138144
</div>
139145
</div>
140146
<div class="body">
141147
<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>
148+
<div class="stat"><div class="stat-num">350+</div><div class="stat-label">Attendees since 2024</div></div>
149+
<div class="stat"><div class="stat-num">30+</div><div class="stat-label">Speakers since 2024</div></div>
150+
<div class="stat"><div class="stat-num">3rd</div><div class="stat-label">Annual edition</div></div>
145151
</div>
146152
<div class="section">
147153
<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>
@@ -183,4 +189,4 @@ Description = "DevOpsDays Halifax 2026 — September 29, 2026 at Volta in downto
183189
<a class="nav-link" href="../contact/">Contact Us</a>
184190
</div>
185191
</div>
186-
</div>
192+
</div>

0 commit comments

Comments
 (0)