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

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
2efb6cc0 · Diego Salazar · 7bb92666 · 2efb6cc0 · 2efb6cc0 · 2efb6cc0
Unverified Commit 2efb6cc0 authored Oct 13, 2018 by Diego Salazar
10 changed files
--- a/_i18n/ar.yml
+++ b/_i18n/ar.yml
@@ -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:

--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -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:

--- a/_i18n/es.yml
+++ b/_i18n/es.yml
@@ -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:

--- a/_i18n/fr.yml
+++ b/_i18n/fr.yml
@@ -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:

--- a/_i18n/it.yml
+++ b/_i18n/it.yml
@@ -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:

--- a/_i18n/pl.yml
+++ b/_i18n/pl.yml
@@ -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:

--- a/_includes/upgrade.html
+++ b/_includes/upgrade.html
+<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>
\ No newline at end of file
--- a/_layouts/index.html
+++ b/_layouts/index.html
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+   {% include upgrade.html %}
+    <div class="page-wrapper">
+        {% include header.html %}
+        {{content}}
+    {% include footer.html %}
+    </div>
+  </body>
+</html>
\ No newline at end of file
--- a/css/custom.css
+++ b/css/custom.css
@@ -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;

--- a/index.html
+++ b/index.html
 ---
-layout: base
+layout: index
 title: Home
 permalink: index.html
 ---