Merge pull request #2390 from eurodatacube/ui-panels-cat

chore: hotfix of dead links in GTIF story
eurodatacube · Nov 13, 2023 · 79c811d · 79c811d
2 parents fbeef1c + 7715673
commit 79c811d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/app/public/data/dashboards/6a0caf41464d6899.json b/app/public/data/dashboards/6a0caf41464d6899.json
@@ -15,9 +15,9 @@
     {
       "width": 4,
       "id": "T3-1664367941292",
-      "text": "<style>\n    button.domain-nav-banner-button {\n        padding: 9px 8px;\n        background: #FFF;\n        border-radius: 0;\n        text-transform: uppercase;\n        font-size: 22px;\n        font-family: 'NotesESABold';\n        color: #013F51;\n        margin-left: 20px;\n        margin-right: 20px;\n        border: none;\n    }\n.exploreImg:hover {\ntransform: scale(1.2);\n}\n</style>\n<div class=\"full-width\" style=\"width: 100%; height: 100%; display: flex; flex-direction: column; color: #EEE; justify-content: center; align-items: center; background: #139686; padding-top: 50px; padding-bottom: 50px; border-top: 6px solid #24B1A0;\">\n    <h1 style=\"color: #FFF !important\">GTIF</h1>\n    <h2 style=\"color: #FFF !important; text-align: center\">Green Transition Information Factory</h2>\n    <p style=\"padding: 0 !important; font-size: 1.4rem; text-align: center; margin-bottom: 0\">Actionable information from Earth Observation<br /> to <i>accelerate</i> the Green Transition of society and economy</p>\n<div class=\"text-center\"><a target=\"_parent\" href=\"/explore\"><img class=\"exploreImg\" src=\"https://github.com/eurodatacube/eodash/raw/gtif_staging/app/public/img/gtif/icons/explore-tools.png\" style=\"width: 300px; margin-top: 44px; transition: transform 0.2s ease-in-out; cursor: pointer\" />\n</div>\n</div>",
+      "text": "<style>\n    button.domain-nav-banner-button {\n        padding: 9px 8px;\n        background: #FFF;\n        border-radius: 0;\n        text-transform: uppercase;\n        font-size: 22px;\n        font-family: 'NotesESABold';\n        color: #013F51;\n        margin-left: 20px;\n        margin-right: 20px;\n        border: none;\n    }\n.exploreImg:hover {\ntransform: scale(1.2);\n}\n</style>\n<div class=\"full-width\" style=\"width: 100%; height: 100%; display: flex; flex-direction: column; color: #EEE; justify-content: center; align-items: center; background: #139686; padding-top: 50px; padding-bottom: 50px; border-top: 6px solid #24B1A0;\">\n    <h1 style=\"color: #FFF !important\">GTIF</h1>\n    <h2 style=\"color: #FFF !important; text-align: center\">Green Transition Information Factory</h2>\n    <p style=\"padding: 0 !important; font-size: 1.4rem; text-align: center; margin-bottom: 0\">Actionable information from Earth Observation<br /> to <i>accelerate</i> the Green Transition of society and economy</p>\n<div class=\"text-center\"><a target=\"_parent\" href=\"/explore\"><img class=\"exploreImg\" src=\"https://gtif.esa.int/img/gtif/icons/explore-tools.png\" style=\"width: 300px; margin-top: 44px; transition: transform 0.2s ease-in-out; cursor: pointer\" />\n</div>\n</div>",
       "title": "GTIF Hero",
-      "__generatedText__": "&lt;style&gt;\n    button.domain-nav-banner-button {\n        padding: 9px 8px;\n        background: #FFF;\n        border-radius: 0;\n        text-transform: uppercase;\n        font-size: 22px;\n        font-family: 'NotesESABold';\n        color: #013F51;\n        margin-left: 20px;\n        margin-right: 20px;\n        border: none;\n    }\n.exploreImg:hover {\ntransform: scale(1.2);\n}\n&lt;/style&gt;\n<div>\n    <h1>GTIF</h1>\n    <h2>Green Transition Information Factory</h2>\n    <p>Actionable information from Earth Observation<br /> to <i>accelerate</i> the Green Transition of society and economy</p>\n<div><a target=\"_parent\" href=\"/explore\"><img src=\"https://github.com/eurodatacube/eodash/raw/gtif_staging/app/public/img/gtif/icons/explore-tools.png\" />\n</div>\n</div>"
+      "__generatedText__": "&lt;style&gt;\n    button.domain-nav-banner-button {\n        padding: 9px 8px;\n        background: #FFF;\n        border-radius: 0;\n        text-transform: uppercase;\n        font-size: 22px;\n        font-family: 'NotesESABold';\n        color: #013F51;\n        margin-left: 20px;\n        margin-right: 20px;\n        border: none;\n    }\n.exploreImg:hover {\ntransform: scale(1.2);\n}\n&lt;/style&gt;\n<div>\n    <h1>GTIF</h1>\n    <h2>Green Transition Information Factory</h2>\n    <p>Actionable information from Earth Observation<br /> to <i>accelerate</i> the Green Transition of society and economy</p>\n<div><a target=\"_parent\" href=\"/explore\"><img src=\"https://gtif.esa.int/img/gtif/icons/explore-tools.png\" />\n</div>\n</div>"
     },
     {
       "width": 4,
@@ -28,4 +28,4 @@
     }
   ],
   "title": "GTIF | landing"
-}
+}
diff --git a/app/public/data/gtif/components/footer.json b/app/public/data/gtif/components/footer.json
@@ -1,5 +1,5 @@
 {
-    "template": "<section routename=\"landing\"><div class=\"d-flex flex-column flex-md-row flex-wrap full-width gtif-footer\" style=\"background: rgb(16, 48, 69); width: 100%; justify-content: space-between;\"><div class=\"mb-lg-8 order-0\" style=\"flex-basis: 60%;\"><p>\n              The GTIF is coordinated and designed by ESA, developed by EOX and powered by EURO DATA CUBE.\n              </p> <p style=\"margin-top: 2rem;\">\n              Scientific products accessible from the <span onclick=\"window.top.postMessage({type: 'nav', dest: 'explore'}, '*')\" style=\"color: rgb(255, 255, 255); cursor: pointer;\">EXPLORE TOOL</span> are developed and made available by a number of European research entities and EO service providers.\n              </p></div><div class=\"align-end order-last order-lg-1\" style=\"display: flex; font-family: NotesESABold; text-transform: uppercase; font-size: 14px;\">\n              Copyright 2022 © European Space Agency. All rights reserved.\n              <a href=\"\/\/gtif.esa.int/privacy\" target=\"_parent\"><span style=\"margin-left: 50px;\">PRIVACY NOTICE</span></a> <a href=\"\/\/gtif.esa.int/terms_and_conditions\" target=\"_parent\"><span style=\"margin-left: 50px;\">TERMS AND CONDITIONS</span></a></div> <div class=\"align-center align-md-end my-8 my-md-0 order-0\" style=\"display: flex; flex-direction: column; flex-basis: 40%;\"><h3 class=\"text-left text-md-right\">Contact Us</h3> <a href=\"mailto:[email protected]\" style=\"font-size: 24px; border-bottom: none; color: rgb(255, 255, 255);\">[email protected]</a></div><div class=\"align-center align-md-left my-8 my-lg-0 order-1 order-lg-last\" style=\"display: flex; flex-direction: column;\"><div style=\"display: flex; flex-direction: row; align-items: center; margin-bottom: -12px;\"><div style=\"text-align: right; margin-right: 50px;\"><a href=\"https://eox.at\" target=\"_blank\" style=\"text-decoration: none; opacity: 0.7; border-bottom: none;\"><img src=\"https://raw.githubusercontent.com/eurodatacube/eodash/gtif_staging/app/public/img/EOX_Logo_weiss.svg\" height=\"20px\"></a></div> <a href=\"https://eurodatacube.com\" target=\"_blank\" style=\"text-decoration: none; opacity: 0.7; border-bottom: none;\"><img src=\"https://cockpit.hub.eox.at/storage/uploads/edc-landingpage/EDC_logo_white.svg\" height=\"40\"></a></div></div></div></section>",
+    "template": "<section routename=\"landing\"><div class=\"d-flex flex-column flex-md-row flex-wrap full-width gtif-footer\" style=\"background: rgb(16, 48, 69); width: 100%; justify-content: space-between;\"><div class=\"mb-lg-8 order-0\" style=\"flex-basis: 60%;\"><p>\n              The GTIF is coordinated and designed by ESA, developed by EOX and powered by EURO DATA CUBE.\n              </p> <p style=\"margin-top: 2rem;\">\n              Scientific products accessible from the <span onclick=\"window.top.postMessage({type: 'nav', dest: 'explore'}, '*')\" style=\"color: rgb(255, 255, 255); cursor: pointer;\">EXPLORE TOOL</span> are developed and made available by a number of European research entities and EO service providers.\n              </p></div><div class=\"align-end order-last order-lg-1\" style=\"display: flex; font-family: NotesESABold; text-transform: uppercase; font-size: 14px;\">\n              Copyright 2022 © European Space Agency. All rights reserved.\n              <a href=\"\/\/gtif.esa.int/privacy\" target=\"_parent\"><span style=\"margin-left: 50px;\">PRIVACY NOTICE</span></a> <a href=\"\/\/gtif.esa.int/terms_and_conditions\" target=\"_parent\"><span style=\"margin-left: 50px;\">TERMS AND CONDITIONS</span></a></div> <div class=\"align-center align-md-end my-8 my-md-0 order-0\" style=\"display: flex; flex-direction: column; flex-basis: 40%;\"><h3 class=\"text-left text-md-right\">Contact Us</h3> <a href=\"mailto:[email protected]\" style=\"font-size: 24px; border-bottom: none; color: rgb(255, 255, 255);\">[email protected]</a></div><div class=\"align-center align-md-left my-8 my-lg-0 order-1 order-lg-last\" style=\"display: flex; flex-direction: column;\"><div style=\"display: flex; flex-direction: row; align-items: center; margin-bottom: -12px;\"><div style=\"text-align: right; margin-right: 50px;\"><a href=\"https://eox.at\" target=\"_blank\" style=\"text-decoration: none; opacity: 0.7; border-bottom: none;\"><img src=\"https://gtif.esa.int/img/EOX_Logo_weiss.svg\" height=\"20px\"></a></div> <a href=\"https://eurodatacube.com\" target=\"_blank\" style=\"text-decoration: none; opacity: 0.7; border-bottom: none;\"><img src=\"https://cockpit.hub.eox.at/storage/uploads/edc-landingpage/EDC_logo_white.svg\" height=\"40\"></a></div></div></div></section>",
     "style": ".gtif-footer {\n            padding-bottom: 96px;\n            color: #FFF9;\n        }\n        .gtif-footer h3 {\n            text-transform: uppercase;\n margin-bottom: 18px;\n            font-size: 20px;\n            font-weight: 400;\n            color: #FFF9;\n            text-align: left;\n        }\n\n        .gtif-footer a, .gtif-footer span {\n          text-decoration: none; border-bottom: none; cursor: pointer;\n          color: #FFF;\n        }\n\n        .gtif-footer p {\n          text-align: left;\n          \n          font-size: 20px;\n padding: 0;        }\n\n        .gtif-footer .social-icon {\n            height: 24px;\n            margin-right: 16px;\n        }\n\n        .gtif-footer .social-icon path {\n            fill: #FFFA;\n        }\n\n        .gtif-footer button {\n            color: #EEE;\n            background: transparent;\n            border: 1px solid #FFF9;\n        }\n      ",
     "data": "function () { \n        return {\n          checked: false,\n          title: 'Check me',\n        } \n      }",
     "methods": {

diff --git a/app/public/data/gtif/components/header.json b/app/public/data/gtif/components/header.json
@@ -1,8 +1,8 @@
 {
-    "template":"<div v-if=\"!!headerImage()\" class=\"domainpage flex scrolly-col fill-width fill-height\">\n <img :src=\"'https://github.com/eurodatacube/eodash/raw/gtif_staging/app/public/img/gtif/headers/' + headerImage() + '.jpg'\" style=\"width: 100%;\" />\n <div class=\"demonstrator-domains flex fill-width\">\n<div style=\"background:  white; height: 12px; width:  100%;\"></div></div>\n </div>\n </div>\n </div>",
+    "template":"<div v-if=\"!!headerImage()\" class=\"domainpage flex scrolly-col fill-width fill-height\">\n <img :src=\"'https://gtif.esa.int/img/gtif/headers/' + headerImage() + '.jpg'\" style=\"width: 100%;\" />\n <div class=\"demonstrator-domains flex fill-width\">\n<div style=\"background:  white; height: 12px; width:  100%;\"></div></div>\n </div>\n </div>\n </div>",
     "style":".domainpage {\n        font-family: 'NotesESABold';\n    }\n    .flex {\n        display: flex;\n    }\n\n    .scrolly-row {\n        flex-direction: row;\n    }\n\n    .scrolly-col {\n        flex-direction: column;\n    }\n\n    .justify-center {\n        justify-content: center;\n    }\n\n    .justify-start {\n        justify-content: start;\n    }\n\n    .justify-end {\n        justify-content: end;\n    }\n\n    .justify-between {\n        justify-content: space-between;\n    }\n\n    .justify-around {\n        justify-content: space-around;\n    }\n\n    .items-center {\n        align-items: center;\n    }\n    \n    .fill-width {\n        width: 100%;\n    }\n    \n    .fill-height {\n        height: 100%;\n    }\n\n    .demonstrator-domains {\n        position: relative;\n        height: 56px;\n    }\n\n .demonstrator-domains .tag {\n        position: absolute;\n        right: 0;\n        height: 56px;\n        color: #338F83;\n        background: #D9E4E7;\n        text-transform: uppercase;\n        font-family: 'NotesESA';\n        font-size: 15px;\n        padding: 0 15px;\n    }\n\n",
     "methods":{
       "headerImage":"function () {\n            switch (this.routeName) {\n                case 'gtif-energy-transition':\n                case 'gtif-sustainable-cities':\n                case 'gtif-mobility-transition':\n                case 'gtif-social-mobility':\n                case 'gtif-eo-adaptation-services':\n                case 'gtif-carbon-accounting':\n                    return this.routeName.replace('gtif-', '');\n                    break;\n\n                default:\n                    console.info('Header image can only be rendered on a GTIF domain page');\n            }\n        }"
     },
     "props": ["routeName"]
-}
+}