monero-project/monero-site
monero-project/monero-site
1
0
Fork 0
mirror of https://github.com/monero-project/monero-site.git synced 2024-11-16 15:58:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #948

Browse source 
Revamped homepage
This commit is contained in:
luigi1111 2020-06-24 13:57:56 -05:00 committed by GitHub
commit 16718c3a38
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 160 additions and 357 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_data/lang/ar/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: ما هو مونيرو ؟
url: get-started/what-is-monero
- page: الإستخدام
url: get-started/using
- page: القبول
url: get-started/accepting
- page: المشاركه

2
_data/lang/de/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: Was ist Monero?
url: get-started/what-is-monero
- page: Nutzen
url: get-started/using
- page: Akzeptieren
url: get-started/accepting
- page: Unterstützen

2
_data/lang/en/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: What is Monero?
url: get-started/what-is-monero
- page: Using
url: get-started/using
- page: Accepting
url: get-started/accepting
- page: Contributing

2
_data/lang/es/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: ¿Qué es Monero?
url: get-started/what-is-monero
- page: Usar Monero
url: get-started/using
- page: Aceptar Monero
url: get-started/accepting
- page: Contribuir a Monero

2
_data/lang/fr/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: Qu'est-ce que Monero ?
url: get-started/what-is-monero
- page: Utiliser
url: get-started/using
- page: Accepter
url: get-started/accepting
- page: Contribuer

2
_data/lang/it/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: Cos'è Monero?
url: get-started/what-is-monero
- page: Utilizzo
url: get-started/using
- page: Adozione
url: get-started/accepting
- page: Contribuire

2
_data/lang/nl/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: Wat is Monero?
url: get-started/what-is-monero
- page: Gebruiken
url: get-started/using
- page: Accepteren
url: get-started/accepting
- page: Bijdragen

2
_data/lang/pl/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: Czym jest Monero?
url: get-started/what-is-monero
- page: Używanie
url: get-started/using
- page: Akceptowanie
url: get-started/accepting
- page: Współpraca

2
_data/lang/pt-br/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: O que é o Monero?
url: get-started/what-is-monero
- page: Usando
url: get-started/using
- page: Aceitando
url: get-started/accepting
- page: Contribuindo

2
_data/lang/ru/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: Что такое Monero?
url: get-started/what-is-monero
- page: Использование
url: get-started/using
- page: Получение
url: get-started/accepting
- page: Содействие

2
_data/lang/tr/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: Monero Nedir?
url: get-started/what-is-monero
- page: Kullanımı
url: get-started/using
- page: Kabulü
url: get-started/accepting
- page: Katkıda Bulunulması

2
_data/lang/zh-cn/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: 什么是门罗币？
url: get-started/what-is-monero
- page: 使用
url: get-started/using
- page: 接收
url: get-started/accepting
- page: 贡献

2
_data/lang/zh-tw/navigation.yml
View file

@ -2,8 +2,6 @@
subfolderitems:
- page: 什麼是門羅幣？
url: get-started/what-is-monero
- page: 開始使用
url: get-started/using
- page: 接受支付
url: get-started/accepting
- page: 貢獻

83
_i18n/en.yml
View file

@ -54,36 +54,33 @@ index:
home:
heading2: A Private Digital Currency
monero_is_cash: Monero is cash for a connected world. It’s fast, private, and secure. With Monero, you are your own bank. You can spend safely, knowing that others cannot see your balances or track your activity.
whatis: Learn more about Monero
get_started: Get Started
why_monero_is_different: Why Monero is different
monero_is_secure: Monero is secure
monero_is_secure_para: Monero is a decentralized cryptocurrency, meaning it is secure digital cash operated by a network of users. Transactions are confirmed by distributed consensus and then immutably recorded on the blockchain. Third-parties do not need to be trusted to keep your Monero safe.
monero_is_private: Monero is private
monero_is_private_para: Monero uses ring signatures, ring confidential transactions, and stealth addresses to obfuscate the origins, amounts, and destinations of all transactions. Monero provides all the benefits of a decentralized cryptocurrency, without any of the typical privacy concessions.
monero_is_untraceable: Monero is untraceable
monero_is_untraceable_para: Sending and receiving addresses as well as transacted amounts are obfuscated by default. Transactions on the Monero blockchain cannot be linked to a particular user or real-world identity.
monero_is_fungible: Monero is fungible
monero_is_fungible_para1: Monero is
monero_is_fungible_para2: fungible
monero_is_fungible_para3: because it is private by default. Units of Monero cannot be blacklisted by vendors or exchanges due to their association in previous transactions.
choosewallet: Choose a Wallet
choosewallet_para: To use Monero, the first thing you are going to need is a wallet. Visit our Downloads page and get the right wallet for you. The Monero wallets are available for a variety of platforms and contain everything you need to use Monero immediately.
downloads: Downloads
downloads_windows: Monero for Windows
downloads_mac: Monero for Mac
downloads_linux: Monero for Linux
downloads_blockchain: Latest Blockchain
different_system: Need it for a different operating system?
view_all_downloads: View all available downloads here.
latest_news: Latest News
more_news: More news
moneropedia: Moneropedia
getcoins: Get Some Coins
getcoins_para: After you install a wallet, you need to get some Monero. There are multiple ways to acquire some coins to spend, like mining or working in exchange for Monero, but the easiest way is to use an exchange and convert your fiat money into XMR. many exchanges, centralized and decentralized, list Monero (XMR).
exchanges: Exchanges
useit: "It's a Currency: Use It!"
useit_para: Monero is a currency and can be exchanged for goods and services, privately and with very low fees. Many entities will gladly accept XMR for payments; take a look at our list of merchants currently accepting Monero.
merchants: Merchants
answers: Find Answers to Your Questions
faq: FAQ
faq_para: We've heard a lot of questions over the years and have compiled a thorough and varied FAQ. Don't worry, if your questions are not in there, you can always ask the community.
guides: Guides and Resources
guides_para: >
The community has put together a vast amount of resources and documentation. Users can find useful info and guides about common configurations and
tips in the 'User Guides' section. Developers can find everything they need to build a service based on Monero or simply communicate with the network
in the 'Developer Guides'. The Library offers publications and books downloadable for free, including the full 'Mastering Monero' and 'Zero to Monero' books.
moneropedia_para: Would you like to look up the meanings of the terms and concepts used in Monero? Here you will find an alphabetical guide to terms and their meanings from both the Monero and Kovri projects.
moneropedia_button: Read Moneropedia
user_guides: User Guides
user_guides_para: Step-by-step guides to all things Monero are separated by category and cover everything from creating a wallet to supporting the network, and even how to edit this website.
user_guides_button: Read user guides
faq: FAQ
faq_para: We've heard a lot of questions over the years and have compiled, for your convenience, a thorough and varied FAQ. Don't worry, if your questions are not on here, you can always ask the community.
faq_button: Read answers
joincommunity: Join the Community
contributecommunity: "We Need Your Skills: Contribute!"
contributecommunity_para: Monero is not simply a currency, it's a decentralized community and exists only thanks to the hundred of volunteers that dedicate their time to the project. Join us!
researchlab_para: The MRL (Monero Research Lab) is a very important part of Monero. Researchers and cryptographers from all over the world meet to find new ways to improve Monero. Read their papers and join them!
visitmrl: Visit the MRL
contributing: Contributing
hangouts:
intro: The Monero community is diverse and varied. We come from all over, but we definitely have some places we like to hang out together. You'll find most of them below. Join us!
@ -398,40 +395,6 @@ mining:
software: Mining Software
software_para: Note that some miners may have developer fees.
using:
intro: Transacting with Monero can be made easy. This page is designed to guide users in that process.
learn: 1. Learn
learn_para1: Monero is a secure, private, and untraceable cryptocurrency. The developers and community are committed to protecting these values. Learn more by reading the
learn_para2: What is Monero
learn_para3: page. The
learn_para4: source code
learn_para5: is also available for review and discussion.
support: 2. Request Support
support_para1: There is a large and supportive community that will assist if you experience any difficulty. See the
support_para2: Hangouts
support_para3: page for more information.
generate: 3. Generate a Wallet
generate_para1: A Monero wallet is required to secure your own funds. See the
generate_para2: Downloads page
generate_para3: for a listing of available wallets.
generate_para4: The easiest way to run a Monero node, without affecting your home bandwidth, is to purchase a VPS (Virtual Private Server). We strongly recommend
generate_para5: using the
generate_para6: coupon code to get a discount over and above their already cheap $6/month VPS. Using this coupon code and/or
generate_para7: our affiliate link
generate_para8: will also assist in the ongoing funding of Monero development.
acquire: 4. Acquire Monero
acquire_para1: Monero may be purchased on an
acquire_para2: exchange
acquire_para3: with fiat or other cryptocurrencies. An alternate way of acquiring Monero is via
acquire_para4: mining,
acquire_para5: the computationally-complex process whereby transactions are immutably recorded on the blockchain.
send-receive: 5. Send and Receive Monero
send-receive_para1: Learn how to send and receive Monero by viewing the
send-receive_para2: guide.
transact: 6. Transact with Monero
transact_para1: Monero may be used to purchase many goods and services. For a listing, see the
transact_para2: Merchants page.
what-is-monero:
need-to-know: What you need to know
leading: Monero is the leading cryptocurrency with a focus on private and censorship-resistant transactions.

11
css/custom.css
View file

@ -1373,6 +1373,7 @@ h2#main-h2 {
.about-main p {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.info-block h2 {
@ -1781,7 +1782,7 @@ a.btn-link:hover span.icon-blockchain, a.btn-link:focus span.icon-blockchain, a.
}
.btn-fixed {
width: 17rem;
width: 10rem;
display: block;
}
@ -2586,6 +2587,11 @@ img.monero-logo {
margin: 0 auto;
}
.info-block-row img.main-icon-mrl {
width: 40%;
margin: 0 auto;
}
.about-monero .info-block-row img.main-icon {
width: 60%;
margin: 0 auto;
@ -2612,6 +2618,9 @@ p.main-downloads {
padding-top: 0;
}
.btn-intro{
width: 92%;
}
@media only screen and (max-width: 75rem) {

109
get-started/using/index.md
View file

@ -1,109 +0,0 @@
---
layout: custom
title: titles.using
permalink: /get-started/using/index.html
---
{% t global.lang_tag %}
<div class="text-center container description">
<p>{% t using.intro %}</p>
</div>
<div class="using">
<section class="container">
<div class="row">
<!-- full block-->
<div class="full col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="info-block">
<div class="row middle-xs">
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-8 why-text">
<h2>{% t using.learn %}</h2>
<p>{% t using.learn_para1 %} <a href="{{site.baseurl}}/get-started/what-is-monero/">{% t using.learn_para2 %}</a> {% t using.learn_para3 %} <a href="https://github.com/monero-project">{% t using.learn_para4 %}</a> {% t using.learn_para5 %}</p>
</div>
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-4 center-xs">
<img src="/img/learn-about-monero.png" alt="Learn online, read or talk to people" class="main-icon">
</div>
</div>
</div>
</div>
<!-- end full block -->
</div>
</section>
<section class="container">
<div class="row">
<div class="full col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="info-block">
<div class="row middle-xs">
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-4 first-md last-sm last-xs center-xs">
<img src="/img/support.png" alt="Learn online, read or talk to people" class="main-icon">
</div>
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-8 why-text">
<h2>{% t using.support %}</h2>
<p>{% t using.support_para1 %} <a href="{{site.baseurl}}/community/hangouts/">{% t using.support_para2 %}</a> {% t using.support_para3 %}</p>
</div>
</div>
</div>
</div>
<div class="full col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="info-block">
<div class="row middle-xs">
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-8 why-text">
<h2>{% t using.generate %}</h2>
<p>{% t using.generate_para1 %} <a href="{{site.baseurl}}/downloads/">{% t using.generate_para2 %}</a> {% t using.generate_para3 %}</p><p>{% t using.generate_para4 %} <a href="https://interserver.net/dock/vps-231552.html">InterServer.net</a> {% t using.generate_para5 %} 'MONERO' {% t using.generate_para6 %} <a href="https://interserver.net/dock/vps-231552.html">{% t using.generate_para7 %}</a> {% t using.generate_para8 %}</p>
</div>
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-4 center-xs">
<img src="/img/create-wallet.png" alt="Learn online, read or talk to people" class="main-icon">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container">
<div class="row">
<!-- full block-->
<div class="full col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="info-block">
<div class="row middle-xs">
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-4 first-md last-sm last-xs center-xs">
<img src="/img/exchange.png" alt="Learn online, read or talk to people" class="main-icon">
</div>
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-8 why-text">
<h2>{% t using.acquire %}</h2>
<p>{% t using.acquire_para1 %} <a href="{{site.baseurl}}/community/merchants#exchanges">{% t using.acquire_para2 %}</a> {% t using.acquire_para3 %} <a href="{{site.baseurl}}/get-started/mining/">{% t using.acquire_para4 %}</a> {% t using.acquire_para5 %}</p>
</div>
</div>
</div>
</div>
<!-- end full block -->
</div>
</section>
<section class="container">
<div class="row">
<div class="full col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="info-block">
<div class="row middle-xs">
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-8 why-text">
<h2>{% t using.send-receive %}</h2>
<p>{% t using.send-receive_para1 %} <a href="{{site.baseurl}}/get-started/accepting/">{% t using.send-receive_para2 %}</a></p>
</div>
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-4 center-xs">
<img src="/img/send-receive.png" alt="Learn online, read or talk to people" class="main-icon">
</div>
</div>
</div>
</div>
<div class="full col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="info-block">
<div class="row middle-xs">
<div class="col-lg-5 col-md-6 col-sm-4 col-xs-4 first-md last-sm center-xs">
<img src="/img/monero-accepted.png" alt="Learn online, read or talk to people" class="main-icon">
</div>
<div class="col-lg-7 col-md-6 col-sm-8 col-xs-8 why-text">
<h2>{% t using.transact %}</h2>
<p>{% t using.transact_para1 %} <a href="{{site.baseurl}}/community/merchants/">{% t using.transact_para2 %}</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>

1
img/mrl-logo.svg Normal file
View file

@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.72 127.72"><defs><style>.cls-1{fill:#00aebf;}.cls-2{fill:#fff;}.cls-3{fill:#4c4c4c;}</style></defs><path class="cls-1" d="M196.27,421a63.86,63.86,0,1,1-63.86-63.86A63.86,63.86,0,0,1,196.27,421Z" transform="translate(-68.55 -357.09)"/><path class="cls-2" d="M155.53,404.39a17.08,17.08,0,0,1-7.16-13.88V381h8v-8H108.46v8h8v9.48a17,17,0,0,1-7.16,13.88,39.92,39.92,0,1,0,46.25,0Z" transform="translate(-68.55 -357.09)"/><path id="_149931160" data-name=" 149931160" class="cls-3" d="M127.63,445.66l-9-9.06v16.9H105.12a31.94,31.94,0,0,0,54.57,0H146.24V436.6l-9.06,9.06-4.77,4.77-4.77-4.77Z" transform="translate(-68.55 -357.09)"/><path class="cls-1" d="M150.87,410.86a24.9,24.9,0,0,1-10.48-20.27V381h-16v9.56A24.88,24.88,0,0,1,114,410.86,31.94,31.94,0,0,0,102.11,447h9.54V420.13l20.76,20.75,20.75-20.75V447h9.55a31.94,31.94,0,0,0-11.84-36.13Z" transform="translate(-68.55 -357.09)"/><path class="cls-2" d="M136.4,398.14a4,4,0,1,1-4-4A4,4,0,0,1,136.4,398.14Z" transform="translate(-68.55 -357.09)"/><path class="cls-2" d="M124.42,417a4,4,0,1,1-4-4A4,4,0,0,1,124.42,417Z" transform="translate(-68.55 -357.09)"/><path class="cls-2" d="M145.05,414.62a6.32,6.32,0,1,1-6.32-6.31A6.33,6.33,0,0,1,145.05,414.62Z" transform="translate(-68.55 -357.09)"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

287
index.html
View file

@ -4,180 +4,145 @@ 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">
<source src={% if site.lang == 'en' %}"/media/Monero_Promo.m4v"{% else %}"/media/{{ site.lang }}/Monero_Promo.m4v"{% endif %}>
</video>
</div>
<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">
<source src={% if site.lang == 'en' %}"/media/Monero_Promo.m4v"{% else %}"/media/{{ site.lang }}/Monero_Promo.m4v"{% endif %}>
</video>
</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>
</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/using/" class="btn-link btn-auto btn-primary">{% t home.get_started %}</a></p>
</div>
<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>
</section>
</div>
</section>
<!-- FULL WIDTH BLOCK -->
<!-- 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 about-main full col-xs-12">
<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.why_monero_is_different %}</h2></div>
<div class="col"><h2>{% t home.guides %}</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.monero_is_secure %}</h3>
<p>{% t home.monero_is_secure_para %}</p>
<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 class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs">
<img src="/img/secure-monero.png" alt="Secure safe" 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/private-monero.png" alt="No surveillance" class="main-icon">
</div>
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
<h3>{% t home.monero_is_private %}</h3>
<p>{% t home.monero_is_private_para %}</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.monero_is_untraceable %}</h3>
<p>{% t home.monero_is_untraceable_para %}</p>
</div>
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 center-xs">
<img src="/img/untraceable-monero.png" alt="Untraceable Monero paths" 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/fungible-monero.png" alt="Monero gold" class="main-icon">
</div>
<div class="col-lg-6 col-md-6 col-sm-8 col-xs-8 why-text">
<h3>{% t home.monero_is_fungible %}</h3>
<p>{% t home.monero_is_fungible_para1 %} <a href='{{site.baseurl}}/resources/moneropedia/fungibility.html'>{% t home.monero_is_fungible_para2 %}</a> {% t home.monero_is_fungible_para3 %}</p>
</div>
</div>
</div>
</section>
<!-- END FULL WIDTH BLOCK -->
<!-- TWO THIRDS & ONE THIRD BLOCKS ROW -->
<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.downloads %}</h2></div>
</div>
<div class="row around-xs">
<div class="col">
<p><a href="{{site.baseurl}}/downloads#gui" class="btn-link btn-fixed"><span class="icon-windows"></span>{% t downloads.gui %}</a></p>
</div>
<div class="col">
<p><a href="{{site.baseurl}}/downloads#cli" class="btn-link btn-fixed"><span class="icon-apple"></span>{% t downloads.cli %}</a></p>
</div>
</div>
<div class="row around-xs">
<div class="col">
<p><a href="{{site.baseurl}}/downloads#blockchain" class="btn-link btn-fixed"><span class="icon-linux"></span>{% t downloads.bootstrapnode %}</a></p>
</div>
<div class="col">
<p><a href="{{site.baseurl}}/downloads#hardware" class="btn-link btn-fixed"><span class="icon-blockchain"></span>{% t downloads.hardware %}</a></p>
</div>
</div>
<div class="row">
<div class="col-xs-12"><p class="main-downloads">{% t home.different_system %} <a href="{{site.baseurl}}/downloads/">{% t home.view_all_downloads %}</a></p>
</div>
</div>
</div>
</div>
<!-- end left two-thirds block-->
<!-- right one-third block-->
<div class="right one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="info-block">
<div class="row center-xs">
<div class="col"><h2>{% t home.latest_news %}</h2></div>
</div>
<div class="info-block-row">
{% for post in site.posts limit:2 %}
<div class="row start-xs">
<div class="col">
<p><a href="{{site.baseurl}}{{ post.url }}">{{ post.title }}</a></p>
</div>
</div>
{% endfor %}
<div class="row end-xs">
<div class="col">
<p><a href="{{site.baseurl}}/blog/">{% t home.more_news %}</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- end right one-third block-->
</div>
</section>
<!-- END TWO THIRDS & ONE THIRD BLOCKS ROW -->
<!-- 3 ONE-THIRD BLOCKS ROW -->
<section class="container">
<!-- 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">
<!-- left one-third block-->
<div class="left one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="info-block">
<h2>{% t home.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 left one-third block-->
<!-- center one-third block-->
<div class="center one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="info-block">
<h2>{% t home.user_guides %}</h2>
<p class="main-resources">{% t home.user_guides_para %}</p>
<p><a href="{{site.baseurl}}/resources/user-guides/" class="orange">{% t home.user_guides_button %}</a></p>
</div>
</div>
<!-- end center one-third block-->
<!-- right one-third block-->
<div class="right one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="info-block">
<h2>{% t home.faq %}</h2>
<p class="main-resources">{% t home.faq_para %}</p>
<p><a href="{{site.baseurl}}/get-started/faq/" class="orange">{% t home.faq_button %}</a></p>
</div>
</div>
<!-- end right one-third block-->
<div class="col"><h2>{% t home.joincommunity %}</h2></div>
</div>
</section>
<!-- END 3 ONE-THIRD BLOCKS ROW -->
<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>