Revamped homepage

- Changed the 'Get Started' button to 'Learn more about Monero' which now links to the 'What is Monero?' page
- Replaced the 'Why Monero is different' section with 'Get started', which now contains the info and links necessary to
start using Monero. The picture were taken from the 'Using' page, now removed.
- Removed 'Downloads' and added 'Guide and Resources'
- Removed 'Last news' box
- Added a 'Join the Community' section
This commit is contained in:
erciccione 2020-04-21 10:34:46 +02:00
parent 8996468b1c
commit 5ee1ff7503
No known key found for this signature in database
GPG key ID: 762AF8C608E56CDF
4 changed files with 160 additions and 188 deletions

View file

@ -54,36 +54,33 @@ index:
home:
heading2: A Private Digital Currency
monero_is_cash: Monero is cash for a connected world. Its 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!

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) {

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>

After

Width:  |  Height:  |  Size: 1.3 KiB

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>