mirror of
https://github.com/monero-project/monero-site.git
synced 2024-12-23 12:09:49 +00:00
1d5518f74c
- Fixed some interactive elements which weren't focusable (using 'tabindex') - Label interactive elements which weren't labelled - Slightly increase contrast of the grey text in the top navigation bars to reach level AA in the WCAG rating system and increase visibility of the text
152 lines
7.8 KiB
HTML
152 lines
7.8 KiB
HTML
---
|
|
layout: index
|
|
title: Home
|
|
permalink: index.html
|
|
---
|
|
<div class="site-wrap">
|
|
<section class="container full col-xs-12">
|
|
<div class="info-block info-block-main">
|
|
<div class="row middle-xs">
|
|
<div class="col-lg-7 col-md-7 col-xs-12 main-video">
|
|
<div class="monero-video">
|
|
<!--iframe width="560" height="315" src="https://www.youtube.com/embed/TZi9xx6aiuY" frameborder="0" allowfullscreen></iframe-->
|
|
<video controls poster="/img/monero-community.png" preload="metadata" tabindex="0" aria-label="Monero community video">
|
|
{% if site.lang != 'pt-br' and site.lang != 'ru' %}
|
|
<source src="/media/Monero_Promo.m4v">
|
|
{% else %}
|
|
<source src="/media/{{ site.lang }}/Monero_Promo.m4v">
|
|
{% endif %}
|
|
</video>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-md-5 col-xs-12">
|
|
<div class="main-info">
|
|
<h1 id="main-h1">{% t global.monero %}</h1>
|
|
<h2 id="main-h2">{% t home.heading2 %}</h2>
|
|
<p id="main-text">{% t home.monero_is_cash %}</p>
|
|
<p><a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-auto btn-intro btn-primary">{% t home.whatis %}</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Full Block -->
|
|
<section class="container about-main full col-xs-12">
|
|
<div class="info-block">
|
|
<div class="row center-xs">
|
|
<div class="col"><h2>{% t home.get_started %}</h2></div>
|
|
</div>
|
|
<div class="row middle-xs info-block-row private">
|
|
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
|
|
<h3>{% t home.choosewallet %}</h3>
|
|
<p>{% t home.choosewallet_para %}</p>
|
|
<p><a href="{{ site.baseurl }}/downloads/" class="btn-link btn-fixed">{% t home.downloads %}</a></p>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs">
|
|
<img src="/img/create-wallet.png" alt="Create wallet" class="main-icon">
|
|
</div>
|
|
</div>
|
|
<div class="row middle-xs info-block-row">
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs first-md last-sm last-xs">
|
|
<img src="/img/exchange.png" alt="Exchange" class="main-icon">
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
|
|
<h3>{% t home.getcoins %}</h3>
|
|
<p>{% t home.getcoins_para %}</p>
|
|
<p><a href="{{ site.baseurl }}/community/merchants/#exchanges" class="btn-link btn-fixed">{% t home.exchanges %}</a></p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row middle-xs info-block-row">
|
|
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
|
|
<h3>{% t home.useit %}</h3>
|
|
<p>{% t home.useit_para %}</p>
|
|
<p><a href="{{ site.baseurl }}/community/merchants" class="btn-link btn-fixed">{% t home.merchants %}</a></p>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs">
|
|
<img src="/img/monero-accepted.png" alt="Merchants" class="main-icon">
|
|
</div>
|
|
</div>
|
|
<div class="row middle-xs info-block-row">
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs first-md last-sm last-xs">
|
|
<img src="/img/support.png" alt="FAQ" class="main-icon">
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
|
|
<h3>{% t home.answers %}</h3>
|
|
<p>{% t home.faq_para %}</p>
|
|
<p><a href="{{ site.baseurl }}/get-started/faq/" class="btn-link btn-fixed">{% t home.faq %}</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- END Full Block -->
|
|
|
|
<section class="container">
|
|
<div class="row">
|
|
<!-- left two-thirds block-->
|
|
<div class="left two-thirds col-lg-8 col-md-8 col-sm-12 col-xs-12">
|
|
<div class="info-block">
|
|
<div class="row center-xs">
|
|
<div class="col"><h2>{% t home.guides %}</h2></div>
|
|
</div>
|
|
<div class="row around-xs">
|
|
<div class="row center-xs">
|
|
<div class="col-xs-12">
|
|
<p>{% t home.guides_para %}</p>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<p><a href="{{site.baseurl}}/resources/user-guides/" class="btn-link btn-fixed">{% t titles.userguides %}</a></p>
|
|
</div>
|
|
<div class="col">
|
|
<p><a href="{{site.baseurl}}/resources/developer-guides/" class="btn-link btn-fixed">{% t titles.developerguides %}</a></p>
|
|
</div>
|
|
<div class="col">
|
|
<p><a href="{{site.baseurl}}/library" class="btn-link btn-fixed">{% t titles.library %}</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END left two-thirds block-->
|
|
|
|
<!-- right one-third block-->
|
|
<div class="left one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
|
|
<div class="info-block center-xs">
|
|
<h2>Moneropedia</h2>
|
|
<p class="main-resources">{% t home.moneropedia_para %}</p>
|
|
<p><a href="{{site.baseurl}}/resources/moneropedia/" class="orange">{% t home.moneropedia_button %}</a></p>
|
|
</div>
|
|
</div>
|
|
<!-- END right one-third block-->
|
|
</div>
|
|
</section>
|
|
<!-- Full Block -->
|
|
<section class="container about-main full col-xs-12">
|
|
<div class="info-block">
|
|
<div class="row center-xs">
|
|
<div class="col"><h2>{% t home.joincommunity %}</h2></div>
|
|
</div>
|
|
<div class="row middle-xs info-block-row private">
|
|
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
|
|
<h3>{% t home.contributecommunity %}</h3>
|
|
<p>{% t home.contributecommunity_para %}</p>
|
|
<p><a href="{{site.baseurl}}/get-started/contributing/" class="btn-link btn-fixed">{% t home.contributing %}</a></p>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs">
|
|
<img src="/img/learn-about-monero.png" alt="Contribute" class="main-icon">
|
|
</div>
|
|
</div>
|
|
<div class="row middle-xs info-block-row">
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs first-md last-sm last-xs">
|
|
<img src="/img/mrl-logo.svg" alt="Monero Research Lab" class="main-icon-mrl">
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
|
|
<h3>{% t titles.researchlab %}</h3>
|
|
<p>{% t home.researchlab_para %}</p>
|
|
<p><a href="{{site.baseurl}}/resources/research-lab/" class="btn-link btn-fixed">{% t home.visitmrl %}</a></p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- END Full Block -->
|
|
</div>
|