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

home: update top card with new slogan and additional button

Browse source
This commit is contained in:
erciccione 2021-05-19 10:04:45 +02:00
parent 685fc3eae2
commit 5bd30cac87
No known key found for this signature in database
GPG key ID: 762AF8C608E56CDF
3 changed files with 28 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
_i18n/en.yml
View file

@ -68,10 +68,11 @@ index:
page_title: "Monero - secure, private, untraceable"
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.
heading: Monero Means Money
heading2: Private, decentralized cryptocurrency that keeps your finances confidential and secure.
whatis: Learn more about Monero
get_started: Get Started
about: About Monero
joincommunity: Join Community
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

25
css/custom.css
View file

@ -1434,8 +1434,7 @@ p, h4 {
h1#main-h1 {
font-family: 'Hind', 'Open Sans', sans-serif;
font-weight: 700;
font-size: 3.4375rem;
text-transform: uppercase;
font-size: 2.6rem;
margin: 0;
line-height: 1;
padding: 0;
@ -1576,7 +1575,6 @@ h1 {
h1#main-h1 {
font-size: 3rem;
text-transform: uppercase;
margin: 0;
}
@ -2641,9 +2639,9 @@ img.monero-logo {
display: block;
}
.main-info #btn-primary-box {
.main-info #btn-top-box {
display: flex;
justify-content: center;
justify-content: space-between;
}
.main-info p a.btn-auto, a.btn-primary {
@ -2656,6 +2654,12 @@ img.monero-logo {
padding: 0;
}
a.btn-primary-top {
background-color: #d26e2b;
border: 2px solid #d26e2b;
color: #ffffff;
}
.main-info p a.btn-auto:hover, a.btn-primary:hover, .main-info p a.btn-auto:focus, a.btn-primary:focus, .main-info p a.btn-auto:active, a.btn-primary:active {
background-color: #ce5e14;
border: 2px solid #ce5e14;
@ -2742,6 +2746,11 @@ p.main-downloads {
padding-left: 0.5rem;
}
a.btn-primary-top {
margin-top: 1rem;
padding: 0;
}
}
@media only screen and (max-width: 62rem) {
@ -2795,6 +2804,12 @@ p.main-downloads {
padding-left: 0;
}
.main-info #btn-top-box {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 48rem) {

8
index.html
View file

@ -23,11 +23,11 @@ permalink: index.html
</div>
<div class="col-lg-5 col-md-5 col-xs-12">
<div class="main-info">
<h1 id="main-h1">{% t global.monero %}</h1>
<h1 id="main-h1">{% t home.heading %}</h1>
<h2 id="main-h2">{% t home.heading2 %}</h2>
<p id="main-text">{% t home.monero_is_cash %}</p>
<p id="btn-primary-box">
<a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-auto btn-intro btn-primary">{% t home.whatis %}</a>
<p id="btn-top-box">
<a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-fixed btn-primary-top">{% t home.about %}</a>
<a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-fixed btn-primary-top">{% t home.joincommunity %}</a>
</p>
</div>
</div>