Added basic opengraph support to project and tools pages

Update excel-password-remover.yml, iban-generator.yml, and 9 more files...

data/strings/en/excel-password-remover.yml

@@ -2,9 +2,13 @@
 
 meta.title: Excel Password Remover
 meta.description: >-
-  Small web page from which you can easily remove a password from an Excel
+  Small web application from which you can easily remove a password from an Excel
   worksheet.  It works by leaving the task of editing the XML files on an Excel
   document to your browser instead to keep everything local.
+meta.description.light: >-
+  Small web application from which you can easily remove a password from an Excel
+  worksheet directly in your browser.
+
 #article.subtitle: >-
 #  <a
 #  href="https://github.com/aziascreations/Excel-Worksheet-Password-Remover"><i

data/strings/en/iban-generator.yml

@@ -1,6 +1,10 @@
 # IBAN Generator - EN
 
 meta.title: "IBAN Generator"
+meta.description: "Web application that allows you to generate IBANs in bulk for the 89 countries that support them.<br>
+The IBANs are generated completely randomly and may contain a 'BankID' that has not yet been assigned by the
+national bank of the respective country."
+meta.description.light: "Web application that allows you to generate IBANs in bulk for the 89 countries that support them."
 
 country.label: "Country"
 

data/strings/en/uuid-generator.yml

@@ -1,6 +1,7 @@
 # EN - UUID Generator
 
 meta.title: "UUID Generator"
+meta.description: "Web application that allows you to generate UUIDs in bulk for all your unique identifier needs."
 
 type.label: "UUID Type"
 

data/strings/fr/excel-password-remover.yml

@@ -6,6 +6,10 @@ meta.description: >-
   feuille de calcul Excel depuis votre navigateur web sans avoir à uploader le
   fichier sur internet.  Cette application laisse votre navigateur modifier les
   fichiers XML du fichier Excel afin de tout garder en local.
+meta.description.light: >-
+  Application web qui permet de facilement retirer le mot de passe d'un ficher Excel depuis 
+  votre navigateur web sans avoir à uploader le fichier sur internet.
+
 #article.subtitle: >-
 #  <a
 #  href="https://github.com/aziascreations/Excel-Worksheet-Password-Remover"><i

data/strings/fr/iban-generator.yml

@@ -1,6 +1,10 @@
 # IBAN Generator - FR
 
 meta.title: "Générateur d'IBAN"
+meta.description: "Application web qui vous permet de générer des IBANs en masse pour les 89 pays qui les supportent.<br>
+Les IBANs sont générés complètement aléatoirement et risquent de contenir un 'BankID' qui n'est pas encore attribué
+par la banque nationale du pays concerné."
+meta.description.light: "Application web qui vous permet de générer des IBANs en masse pour les 89 pays qui les supportent."
 
 country.label: "Pays"
 

data/strings/fr/uuid-generator.yml

@@ -1,6 +1,7 @@
 # FR - UUID Generator
 
 meta.title: "Générateur d'UUID"
+meta.description: "Application web qui vous permet de générer des UUID en masse pour tout vos besoins en identifiants uniques."
 
 type.label: "Type d'UUID"
 

data/tools/excel-password-remover.yml

@@ -5,10 +5,10 @@ tools:
     metadata:
       head:
         title_key: "meta.title"
-        description_key: "meta.description"
+        description_key: "meta.description.light"
       opengraph:
         title_key: "meta.title"
-        description_key: "meta.description"
+        description_key: "meta.description.light"
         type: null
         url: null
         image_url: "/resources/NibblePoker/images/tools/excel-password-remover/main.png"

data/tools/iban-generator.yml

@@ -5,10 +5,10 @@ tools:
     metadata:
       head:
         title_key: "meta.title"
-        description_key: "meta.description"
+        description_key: "meta.description.light"
       opengraph:
         title_key: "meta.title"
-        description_key: "meta.description"
+        description_key: "meta.description.light"
         type: null
         url: null
         image_url: "/resources/NibblePoker/images/tools/iban-generator/main.png"

templates/base_www.jinja

@@ -21,7 +21,6 @@
     {% block extra_preloads %}{% endblock %}
 
     <link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/FontAwesomePro/6.7.2/css/all.min.css">
-    <!--<link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/NibblePoker/StandardCSS/nibblepoker.min.css">-->
     <link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/NibblePoker/IndevCSS/nibblepoker.min.css">
     <link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/Quantum/Quantum.min.css">
 
@@ -34,6 +33,10 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>{% block head_title %}{% endblock %}</title>
+
+    {% block opengraph_tags %}{% endblock %}
+
+    {% block extra_head_tags %}{% endblock %}
 </head>
 <body class="layout-generic">
 

templates/pages/tools_page.jinja

@@ -23,6 +23,32 @@
     {% endif %}
 {% endblock %}
 
+{% block opengraph_tags %}
+    <!-- Required fields -->
+    <meta property="og:title"
+          content="{{ l10n(tool_data.metadata.opengraph.title_key, tool_id, user_lang) }}">
+    <meta property="og:url"
+          content="{{ "https://nibblepoker." + domain_tld  + "/tools/" + tool_id }}">
+    <meta property="og:description"
+          content="{{ l10n(tool_data.metadata.opengraph.description_key, tool_id, user_lang) }}">
+
+    <!-- Optional fields -->
+    {% if tool_data.metadata.opengraph.image_url is not none %}
+        <meta property="og:image"
+              content="{{ "https://nibblepoker." + domain_tld  + tool_data.metadata.opengraph.image_url }}">
+        {% if tool_data.metadata.opengraph.image_type is not none %}
+            <meta property="og:image:type"
+                  content="{{ tool_data.metadata.opengraph.image_type }}">
+        {% endif %}
+    {% endif %}
+{% endblock %}
+
+{% block extra_head_tags %}
+    <meta name="description"
+          content="{{ l10n(tool_data.metadata.head.description_key, tool_id, user_lang) }}">
+    <!--<meta name="keywords" content="HTML, CSS, JavaScript">-->
+{% endblock %}
+
 {% block main_content %}
     {% if not is_standalone %}
         {{ render_h1(

templates/projects/_project.jinja

@@ -13,6 +13,32 @@
     <span class="mobile-hide"><span class="mx-s t-size-15">❱</span>{{ l10n(project_data.metadata.general.title_key, project_id, user_lang) }}</span>
 {% endblock %}
 
+{% block opengraph_tags %}
+    <!-- Required fields -->
+    <meta property="og:title"
+          content="{{ l10n(project_data.metadata.opengraph.title_key, project_id, user_lang) }}">
+    <meta property="og:url"
+          content="{{ "https://nibblepoker." + domain_tld  + "/content/" + project_id }}">
+    <meta property="og:description"
+          content="{{ l10n(project_data.metadata.opengraph.description_key, project_id, user_lang) }}">
+
+    <!-- Optional fields -->
+    {% if project_data.metadata.opengraph.image_url is not none %}
+        <meta property="og:image"
+              content="{{ "https://nibblepoker." + domain_tld  + project_data.metadata.opengraph.image_url }}">
+        {% if project_data.metadata.opengraph.image_type is not none %}
+            <meta property="og:image:type"
+                  content="{{ project_data.metadata.opengraph.image_type }}">
+        {% endif %}
+    {% endif %}
+{% endblock %}
+
+{% block extra_head_tags %}
+    <meta name="description"
+          content="{{ l10n(project_data.metadata.head.description_key, project_id, user_lang) }}">
+    <!--<meta name="keywords" content="HTML, CSS, JavaScript">-->
+{% endblock %}
+
 {% block main_content %}
     {{ render_h1(
         '<i class="' + project_data.metadata.general.icon + ' t-size-16 mr-s t-muted"></i>' +