115 lines
6.1 KiB
HTML
115 lines
6.1 KiB
HTML
{% extends "skel.html" %}
|
|
{% block head_extra %}
|
|
<meta name="description"
|
|
content="The homepage of the matrix.org website. Chat securely with your family, friends, community, or build great apps with Matrix!">
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
|
|
{% endblock head_extra %}
|
|
{% block content %}
|
|
{% set sponsors_data = load_data(path="content/sponsors.toml") %}
|
|
|
|
{% if config.extra.banner %}
|
|
<div id="information-banner">
|
|
{% if config.extra.conference_state == "cfp" %}
|
|
<p>We are happy to launch <a href="{{ config.extra.conference_website }}">The Matrix Conference</a> on {{
|
|
config.extra.conference_dates }} in
|
|
{{ config.extra.conference_location }}. <a href="{{ config.extra.conference_website }}">Learn more</a> about it,
|
|
or <a href="https://cfp.matrix.org">submit a
|
|
proposal</a>!</p>
|
|
{% elif config.extra.conference_state == "awaiting_schedule" %}
|
|
<p>We are happy to launch <a href="{{ config.extra.conference_website }}">The Matrix Conference</a> on {{
|
|
config.extra.conference_dates }} in
|
|
{{ config.extra.conference_location }}. <a href="{{ config.extra.conference_website }}">Learn more</a> about it,
|
|
<a href="{{ config.extra.conference_website }}/register/">buy a
|
|
ticket</a>!
|
|
</p>
|
|
{% elif config.extra.conference_state == "scheduled" %}
|
|
<p>We are happy to launch <a href="{{ config.extra.conference_website }}">The Matrix Conference</a> on {{
|
|
config.extra.conference_dates }} in
|
|
{{ config.extra.conference_location }}. <a href="{{ config.extra.conference_website }}">Learn more</a> about it,
|
|
<a href="{{ config.extra.conference_website }}/register/">buy a
|
|
ticket</a>, or <a href="{{ config.extra.conference_website }}/schedule/">check the schedule</a>!
|
|
</p>
|
|
{% elif config.extra.conference_state == "no_tickets" %}
|
|
<p>We are happy to launch <a href="{{ config.extra.conference_website }}">The Matrix Conference</a> on {{
|
|
config.extra.conference_dates }} in
|
|
{{ config.extra.conference_location }}. <a href="{{ config.extra.conference_website }}">Learn more</a> about it,
|
|
or <a href="{{ config.extra.conference_website }}/schedule/">check the schedule</a>!</p>
|
|
{% elif config.extra.conference_state == "live" %}
|
|
<p><a href="{{ config.extra.conference_website }}">The Matrix Conference</a> is Live.
|
|
<a href="{{ config.extra.conference_website }}/watch/">Check the livestreams</a>!
|
|
</p>
|
|
{% elif config.extra.conference_state == "watch-recordings" %}
|
|
<p><a href="{{ config.extra.conference_website }}">The Matrix Conference</a> is over and the recordings are here!.
|
|
<a href="{{ config.extra.conference_website }}/watch/">Check out the recordings</a>!
|
|
</p>
|
|
{% endif %}
|
|
{% if config.extra.governence_board_elections %}
|
|
<p>We are holding our Governing Board elections. Find all the information <a
|
|
href="{{ governence_board_elections_page }}">on the elections page.</a></p>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
<div id="frontpage">
|
|
<div id="hero" class="section">
|
|
<div class="hero_content">
|
|
<img src="images/matrix-logo-white.svg" alt="The Matrix Logo" />
|
|
<h2>An open network for secure, decentralised communication</h2>
|
|
</div>
|
|
<div id="hero_curve1"></div>
|
|
<div id="hero_curve2"></div>
|
|
<div id="hero_curve3"></div>
|
|
<div id="hero_curve4"></div>
|
|
</div>
|
|
<div id="use-case-personal" class="section">
|
|
<div class="use-case-personal-content">
|
|
<div class="col">
|
|
<h2>Chat with friends, family, communities and co-workers</h2>
|
|
<div class="cta-row">
|
|
<a href="/try-matrix" class="call-to-action">Start a conversation</a>
|
|
<a href="/support" class="call-to-action secondary">Support us</a>
|
|
</div>
|
|
</div>
|
|
<img src="assets/frontpage/personal-graphic.svg" alt="An artist view of a chat timeline." />
|
|
</div>
|
|
<div id="personal_bottom"></div>
|
|
</div>
|
|
<div id="use-case-community" class="section">
|
|
<h2>A cozy, safe, supercharged place for your community</h2>
|
|
<div class="cta-row">
|
|
<a href="/docs/communities" class="call-to-action inverted">Reclaim your Space</a>
|
|
</div>
|
|
<img src="assets/frontpage/community-graphic.svg" alt="An artist view of a chat community." />
|
|
</div>
|
|
<div id="complex-apps" class="section">
|
|
<div class="col">
|
|
<h2>Build advanced, rich communication applications on top of Matrix.</h2>
|
|
<div class="cta-row">
|
|
<a href="/docs/technical" class="call-to-action">Start building apps</a>
|
|
</div>
|
|
</div>
|
|
<img src="/element-call.webp" id="complex-apps-image"
|
|
alt="A conversation between four people on Element Call, a VoIP conference tool based on Matrix." />
|
|
</div>
|
|
<div id="buildonmatrix" class="section">
|
|
<img class="logo" src="images/matrix-favicon.svg" alt="The Matrix Logo" />
|
|
<img id="bridge_visual" src="/assets/frontpage/bridge-visual.svg"
|
|
alt="A conceptual representation of a bridged system" />
|
|
<img id="homeserver" src="/assets/frontpage/homeserver.svg" alt="A conceptual representation of a homeserver" />
|
|
<img id="federation_visual" src="/assets/frontpage/federation-visual.svg"
|
|
alt="A conceptual representation of the federation between homeservers" />
|
|
<h2>Build on Matrix</h2>
|
|
<p>
|
|
Matrix is a rich ecosystem of clients, servers, bots and application
|
|
services. Find out more in our developer documentation.
|
|
</p>
|
|
<div class="cta-col">
|
|
<a href="https://github.com/matrix-org" class="call-to-action inverted"><img
|
|
src="/assets/frontpage/github-mark.svg" alt="" /> We're open source</a>
|
|
<a href="https://spec.matrix.org" class="call-to-action inverted">Browse the Specification</a>
|
|
<a href="/support" class="call-to-action inverted secondary">Support us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock content %}
|
|
|