Skip to content

Commit 90543e6

Browse files
authored
Merge pull request #3087 from matrix-org/MTRNord/frontpage-plat-members
add a section for platinum members as well as a call to action for becoming a member
2 parents 1b1b309 + 7ea3dcd commit 90543e6

5 files changed

Lines changed: 167 additions & 1 deletion

File tree

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
All Rights Reserved. The Element name, logo and device are registered trade marks of Element Creations Ltd.

sass/_index.scss

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -273,6 +273,87 @@
273273
}
274274
}
275275

276+
#platinum-sponsor {
277+
display: flex;
278+
flex-direction: column;
279+
gap: 28px;
280+
padding: 80px;
281+
overflow: hidden;
282+
align-items: center;
283+
color: #fff;
284+
background-color: #000;
285+
text-align: center;
286+
287+
h2 {
288+
font-size: 2.5rem;
289+
}
290+
291+
.row {
292+
display: grid;
293+
grid-template-columns: repeat(
294+
auto-fit,
295+
minmax(min(100%, 400px), 1fr)
296+
);
297+
gap: 28px;
298+
max-width: 55.8rem;
299+
}
300+
301+
.membership-card {
302+
max-width: 648px;
303+
padding: 28px;
304+
border-radius: 16px;
305+
border: 1px #3c3f44 solid;
306+
display: flex;
307+
flex-direction: column;
308+
text-align: center;
309+
gap: 28px;
310+
}
311+
312+
.membership-card__content {
313+
flex-direction: column;
314+
align-items: center;
315+
gap: 16px;
316+
display: flex;
317+
318+
img {
319+
width: 148px;
320+
height: 42px;
321+
object-fit: contain;
322+
}
323+
}
324+
.membership-card__extra {
325+
border-top: 1px #3c3f44 solid;
326+
padding-top: 16px;
327+
}
328+
}
329+
330+
#become-a-member {
331+
display: flex;
332+
flex-direction: column;
333+
padding: 80px;
334+
overflow: hidden;
335+
align-items: center;
336+
color: #000;
337+
background-color: #fff;
338+
339+
h2 {
340+
font-size: 2.5rem;
341+
}
342+
343+
#become-a-member__content {
344+
max-width: 55.8rem;
345+
flex-direction: column;
346+
align-items: center;
347+
gap: 28px;
348+
display: flex;
349+
text-align: center;
350+
351+
p {
352+
text-wrap: balance;
353+
}
354+
}
355+
}
356+
276357
#buildonmatrix {
277358
display: flex;
278359
flex-direction: column;
Lines changed: 63 additions & 0 deletions
Loading
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# SPDX-FileCopyrightText: 2025 Element Creations Ltd
2+
#
3+
# SPDX-License-Identifier: LicenseRef-ElementLogo

templates/index.html

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,25 @@ <h2>Build advanced, rich communication applications on top of Matrix.</h2>
4646
<img src="/element-call.webp" id="complex-apps-image"
4747
alt="A conversation between four people on Element Call, a VoIP conference tool based on Matrix." />
4848
</div>
49+
<div id="platinum-sponsor" class="section">
50+
<h2>Platinum member</h2>
51+
<div class="row">
52+
<div class="membership-card">
53+
<a target="_blank" rel="noreferrer noopener" href="https://element.io/built-on-matrix" class="membership-card__content">
54+
<img alt="Element.io Logo" src="images/element-creators-of-matrix--dark.svg"></img>
55+
</a>
56+
</div>
57+
</div>
58+
</div>
59+
60+
<div id="become-a-member" class="section">
61+
<div id="become-a-member__content">
62+
<h2>Become a member</h2>
63+
<p>The Matrix.org Foundation members guide and support the Foundation's focus.</p>
64+
<a href="/membership" class="call-to-action">Support us</a>
65+
</div>
66+
</div>
67+
4968
<div id="buildonmatrix" class="section">
5069
<img class="logo" src="images/matrix-favicon.svg" alt="The Matrix Logo" />
5170
<img id="bridge_visual" src="/assets/frontpage/bridge-visual.svg"
@@ -67,4 +86,3 @@ <h2>Build on Matrix</h2>
6786
</div>
6887
</div>
6988
{% endblock content %}
70-

0 commit comments

Comments
 (0)