Added upgrade banner using Jekyll

- Added upgrade snippet
- Added snippet banner to index page of all languages
- Updated yml files of all languages ready for translation
- Styling
This commit is contained in:
Diego Salazar 2018-10-13 14:26:45 -06:00
parent 7bb9266648
commit 2efb6cc0e5
No known key found for this signature in database
GPG key ID: 721B3950AB37AC6F
10 changed files with 163 additions and 1 deletions

View file

@ -25,6 +25,8 @@ global:
outdatedMax:
outdatedVersion:
outdatedMin:
upgrade: To continue using Monero, make sure your software is up-to-date with the October 18th network upgrade.
moreinfo: More info
lang_tag: "@lang_tag_ar"
titles:

View file

@ -25,6 +25,8 @@ global:
outdatedMax: This page is outdated. We do not recommend using it. Instead, please see the
outdatedVersion: english version
outdatedMin: This page has been updated since the translation. You can use this version, but it may be incomplete.
upgrade: To continue using Monero, make sure your software is up-to-date with the October 18th network upgrade.
moreinfo: More info
lang_tag: "@lang_tag_en"
titles:

View file

@ -25,6 +25,8 @@ global:
outdatedMax: Esta página no está actualizada. No recomendamos utilizarla. En su lugar, favor de ver la
outdatedVersion: versión en inglés
outdatedMin: Esta página ha sido actualizada desde la traducción. Puedes utilizar esta versión, pero puede estar incompleta.
upgrade: To continue using Monero, make sure your software is up-to-date with the October 18th network upgrade.
moreinfo: More info
lang_tag: "@lang_tag_es"
titles:

View file

@ -26,6 +26,8 @@ global:
outdatedMax: Cette page est dans une version trop ancienne. Nous vous recommandons de ne pas vous baser dessus et de consulter la
outdatedVersion: verson anglaise
outdatedMin: Cette page a été modifiée depuis sa traduction. Vous pouvez vous baser sur cette version, mais elle pourrait être incomplète.
upgrade: To continue using Monero, make sure your software is up-to-date with the October 18th network upgrade.
moreinfo: More info
lang_tag: "@lang_tag_fr"
titles:

View file

@ -25,6 +25,8 @@ global:
outdatedMax: Questa pagina è obsoleta. Suggeriamo di non utilizzarla. Invece, per favore guarda
outdatedVersion: versione in inglese
outdatedMin: Questa pagina è stata aggiornata successivamente all'ultima traduzione. Puoi utilizzare questa versione, ma potrebbe essere incompleta.
upgrade: To continue using Monero, make sure your software is up-to-date with the October 18th network upgrade.
moreinfo: More info
lang_tag: "@lang_tag_it"
titles:

View file

@ -26,6 +26,8 @@ global:
outdatedMax: Ta strona jest nieaktualna. Nie zalecamy korzystania z niej. Zamiast tego, przejdź do
outdatedVersion: wersja po angielsku
outdatedMin: Ta strona została zaktualizowana po tym, jak została przetłumaczona. Możesz korzystać z tej wersji, jednak może być ona niekompletna.
upgrade: To continue using Monero, make sure your software is up-to-date with the October 18th network upgrade.
moreinfo: More info
lang_tag: "@lang_tag_pl"
titles:

6
_includes/upgrade.html Normal file
View file

@ -0,0 +1,6 @@
<div class="upgrade-container">
<input id="upgrade-toggle" type="checkbox">
<div class="upgrade-content">
<p>{% t global.upgrade %} <a class="untranslated-link" href="https://getmonero.org/2018/10/11/monero-0.13.0-released.html">{% t global.moreinfo %}</a> <label class="upgrade-x" for="upgrade-toggle"></label></p>
</div>
</div>

14
_layouts/index.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include upgrade.html %}
<div class="page-wrapper">
{% include header.html %}
{{content}}
{% include footer.html %}
</div>
</body>
</html>

View file

@ -1095,6 +1095,136 @@ pre.highlight>code {
display: block;
}
.upgrade-content {
background-color: #e5ba38;
top: 0;
left: 0;
z-index: 4;
width: 100%;
text-align: center;
color: #4c4c4c;
padding-bottom: 1.3rem;
padding-top: 1.3rem;
-moz-box-shadow: 0 2px 6px rgba(50,50,93,.1);
-webkit-box-shadow: 0 2px 6px rgba(50,50,93,.1);
box-shadow: 0 2px 6px rgba(50,50,93,.1);
margin-bottom: 0.4rem;
position: relative;
}
.upgrade-content a {
color: #4c4c4c;
font-size: 1.1rem;
}
.upgrade-content p {
padding: 0;
display: block;
font-size: 1.1rem;
}
#upgrade-toggle {
display: none;
}
#upgrade-toggle:checked ~ .upgrade-content, #upgrade-toggle:checked ~ .upgrade-x {
display: none;
}
label.upgrade-x {
position: absolute;
right: 1rem;
width: 32px;
height: 32px;
opacity: 0.7;
cursor: pointer;
}
label.upgrade-x:hover {
opacity: 1;
}
label.upgrade-x:before, label.upgrade-x:after {
position: absolute;
content: ' ';
height: 33px;
width: 3px;
background-color: #4c4c4c;
}
label.upgrade-x:before {
transform: rotate(45deg);
}
label.upgrade-x:after {
transform: rotate(-45deg);
}
@media only screen and (max-width: 75rem) {
.upgrade-content p {
width: 90%;
margin: 0 auto;
font-size: 1rem;
}
.upgrade-content a {
font-size: 1rem;
}
label.upgrade-x:before, label.upgrade-x:after {
position: absolute;
content: ' ';
height: 30px;
background-color: #4c4c4c;
}
}
@media only screen and (max-width: 62rem) {
.upgrade-content {
position: fixed;
top: auto;
bottom: 0;
margin-bottom: 0;
-moz-box-shadow: 0 0 6px rgba(50,50,93,.1);
-webkit-box-shadow: 0 0 6px rgba(50,50,93,.1);
box-shadow: 0 0 6px rgba(50,50,93,.1);
}
.upgrade-content p {
width: 80%;
}
label.upgrade-x {
top: 0.5rem;
right: 0.5rem;
}
}
@media only screen and (max-width: 30rem) {
.upgrade-content p {
width: 75%;
}
}
.disclaimer {
background-color: #ff7519;
position: fixed;

View file

@ -1,5 +1,5 @@
---
layout: base
layout: index
title: Home
permalink: index.html
---