[develop | DONE | CHANGED]: assets: Deleted unused images & replaced jpg and png images with their webp version | funders.component & home.component: Updated images - use the webp version.

explore/src/app/funders/funders.component.html

@@ -62,7 +62,7 @@
           </div>
         </div>
         <div class="uk-width-1-2@m uk-width-1-1 uk-text-center" uk-scrollspy-class>
-          <img src="assets/explore-assets/funders/funders.png" loading="lazy">
+          <img src="assets/explore-assets/funders/funders.webp" loading="lazy">
         </div>
       </div>
     </div>

explore/src/app/funders/funders.component.ts

@@ -182,7 +182,7 @@ export class FundersComponent implements OnInit {
         if(!funder.logoUrl && this.staticLogos.has(funder.id)) {
           let split = funder.id.split("||");
           let shortname = (split && split.length==3) ? funder.id.split("||")[2] : funder.id;
-          funder.logoUrl = "assets/explore-assets/funders/logos/"+shortname+".png";
+          funder.logoUrl = "assets/explore-assets/funders/logos/"+shortname+".webp";
         }
 
         this.fundersMap.set(queriedFunder.id, funder);

explore/src/app/home/home.component.html

@@ -65,7 +65,7 @@
                 </div>
                 <div class="uk-visible@m uk-width-expand" uk-scrollspy-class>
                     <div class="uk-position-relative">
-                        <img src="assets/explore-assets/home/explore.jpg" alt="researchers" uk-parallax="y: 500" loading="lazy">
+                        <img src="assets/explore-assets/home/explore.webp" alt="researchers" uk-parallax="y: 500" loading="lazy">
                         <img class="uk-position-bottom-left" src="assets/explore-assets/home/mask.svg" alt="search" loading="lazy">
                     </div>
                 </div>
@@ -155,20 +155,20 @@
             <slider-container [total]="2" [period]="8000" [infinite]="true" [navigation]="'progress'">
                 <slider-column type="slider">
                     <slider-item type="static">
-                        <img class="uk-position-center uk-position-z-index" src="assets/explore-assets/home/tablet.png"
+                        <img class="uk-position-center uk-position-z-index" src="assets/explore-assets/home/tablet.webp"
                              alt="ipad" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="0">
-                        <img src="assets/explore-assets/home/1.png" alt="Deposit search" loading="lazy">
+                        <img src="assets/explore-assets/home/1.webp" alt="Deposit search" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="0.5">
-                        <img src="assets/explore-assets/home/2.png" alt="Deposit in OpenAIRE or Zenodo" loading="lazy">
+                        <img src="assets/explore-assets/home/2.webp" alt="Deposit in OpenAIRE or Zenodo" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="1">
-                        <img src="assets/explore-assets/home/3.png" alt="Search links" loading="lazy">
+                        <img src="assets/explore-assets/home/3.webp" alt="Search links" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="1.5">
-                        <img src="assets/explore-assets/home/4.png" alt="link" loading="lazy">
+                        <img src="assets/explore-assets/home/4.webp" alt="link" loading="lazy">
                     </slider-item>
                 </slider-column>
                 <slider-column type="nav" class="slider-nav">

explore/src/app/home/home.component.ts

@@ -36,85 +36,30 @@ export class HomeComponent implements OnInit, OnDestroy, AfterViewInit {
   public logos = {
     "publication": [
       [
-        // "logo-pubmed.png",
-        // "logo-arxiv.png",
-        // "logo-base.png",
-        // "logo-scielo.png",
-        // "logo-la-referencia.png",
-        // "logo-soar.png",
-        // "logo-repec.png",
-        // "logo-core.png",
-        // "logo-zenodo.png",
-        // "logo-narcis.png"
-        "publications.png"
+        "publications.webp"
       ],
       [
-        // "logo-unpaywall.png",
-        // "logo-elsevier.png",
-        // "logo-spring-nature.png",
-        // "logo-frontiers.png",
-        // "logo-opencitations.png",
-        // "logo-doaj.png",
-        // "logo-microsoft.png",
-        // "logo-plos.png",
-        // "logo-f1000.png",
-        // "logo-copernicus.png"
-        "publications2.png"
+        "publications2.webp"
       ]
     ],
     "software": [
       [
-        // "logo-software-heritage.png",
-        // "logo-github.png",
-        // "logo-doecode.png",
-        // "logo-bitbucket.png",
-        // "logo-elixir-bio-tools.png",
-        // "logo-google-code.png",
-        // "logo-sourceforge.png",
-        // "logo-zenodo.png"
-        "software.png"
+        "software.webp"
       ]
     ],
     "dataset": [
       [
-        // "logo-scholexplorer.png",
-        // "logo-zenodo.png",
-        // "logo-pangea.png",
-        // "logo-figshare.png",
-        // "logo-protocols.png",
-        // "logo-opentrials.png",
-        // "logo-kaggle.png",
-        // "logo-reactome.png",
-        // "logo-easy.png",
-        // "logo-dryad.png"
-        "datasets.png"
+        "datasets.webp"
       ]
     ],
     "persistent": [
       [
-        // "logo-re3data.png",
-        // "logo-orcid.png",
-        // "logo-opendoar.png",
-        // "logo-grid.png",
-        // "logo-fairsharing.png",
-        // "logo-ror.png",
-        // "logo-datacite.png",
-        // "logo-crossref.png"
-        "pids.png"
+        "pids.webp"
       ]
     ],
     "funder": [
       [
-        // "logo-european-commision.png",
-        // "logo-nsf.png",
-        // "logo-nhmrc.png",
-        // "logo-sfi.png",
-        // "logo-nwo.png",
-        // "logo-welcome-trust.png",
-        // "logo-fct.png",
-        // "logo-gsrt.png",
-        // "logo-fnsnf.png"
-        "funders.png"
+        "funders.webp"
       ]
     ]
   };

explore/src/assets/ask-explore.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.876 70.876"><defs><style>.a{fill:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:3px;}.a,.b{stroke:#d95f2d;}.b{fill:#d95f2d;stroke-width:2px;}</style></defs><g transform="translate(-1000.9 -961.038)"><g transform="translate(1002.4 962.538)"><path class="a" d="M1036.338,1914.9a33.938,33.938,0,1,1-33.938,33.938A33.923,33.923,0,0,1,1036.338,1914.9Z" transform="translate(-1002.4 -1914.9)"/></g><path class="b" d="M1033.929,975.9a10.839,10.839,0,0,0-10.829,10.829.839.839,0,0,0,1.675.112h0a9.154,9.154,0,1,1,18.308,0,10.223,10.223,0,0,1-3.238,7.256,58.886,58.886,0,0,1-6.475,5.359.8.8,0,0,0-.335.67v6.587a.839.839,0,1,0,1.674.112h0v-6.252a53.715,53.715,0,0,0,6.252-5.247,12.159,12.159,0,0,0,3.684-8.373A10.66,10.66,0,0,0,1033.929,975.9Z" transform="translate(2.409 0.327)"/><circle class="b" cx="1.675" cy="1.675" r="1.675" transform="translate(1034.663 1013.514)"/></g></svg>

explore/src/assets/curved-bottom.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1367" height="90.052" viewBox="0 0 1367 90.052"><defs><style>.a{fill:#fafafa;}.b{fill: #f4f4f4;}</style></defs><g transform="translate(11962 8145.052)"><rect class="a" width="1367" height="90" transform="translate(-11962 -8145)"/><path class="b" d="M1367,5S1215.409-18.052,965.38-18.052,590.781,18,350.769,18,0-10.052,0-10.052v-13H1367Z" transform="translate(-11962 -8122)"/></g></svg>

explore/src/assets/explore-assets/trello-2.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27"><defs><style>.a{fill:#0079bf;}.b{fill:#fff;}</style></defs><g transform="translate(-14 -14)"><g transform="translate(14 14)"><circle class="a" cx="13.5" cy="13.5" r="13.5"/></g><path class="b" d="M50.538,39.5H41.07a1.559,1.559,0,0,0-1.57,1.57v9.443a1.559,1.559,0,0,0,1.57,1.57h9.443a1.559,1.559,0,0,0,1.57-1.57V41.07A1.522,1.522,0,0,0,50.538,39.5Zm-5.558,9.88a.747.747,0,0,1-.746.746H41.893a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Zm5.481-3.139a.747.747,0,0,1-.746.746H47.374a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Z" transform="translate(-18.305 -18.305)"/></g></svg>

explore/src/assets/explore-assets/trello.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27"><defs><style>.a{fill:#fff;}.b{fill:#0079bf;}</style></defs><g transform="translate(-14 -14)"><g transform="translate(14 14)"><circle class="a" cx="13.5" cy="13.5" r="13.5"/></g><path class="b" d="M50.538,39.5H41.07a1.559,1.559,0,0,0-1.57,1.57v9.443a1.559,1.559,0,0,0,1.57,1.57h9.443a1.559,1.559,0,0,0,1.57-1.57V41.07A1.522,1.522,0,0,0,50.538,39.5Zm-5.558,9.88a.747.747,0,0,1-.746.746H41.893a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Zm5.481-3.139a.747.747,0,0,1-.746.746H47.374a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Z" transform="translate(-18.305 -18.305)"/></g></svg>

explore/src/assets/explore.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72.3 64.727"><defs><style>.a{fill:#fff;}.a,.b{stroke:#d95f2d;stroke-linecap:round;stroke-miterlimit:10;stroke-width:3px;}.b{fill:none;}</style></defs><g transform="translate(1 1)"><circle class="a" cx="14.574" cy="14.574" r="14.574" transform="translate(0.5 33.078)"/><circle class="a" cx="14.574" cy="14.574" r="14.574" transform="translate(40.508 33.078)"/><line class="b" x2="10.717" transform="translate(29.792 47.653)"/><path class="b" d="M51.788,47.653V9.788L42.5.5" transform="translate(18.012)"/><path class="b" d="M.5,48.081V9.788L9.788.5"/></g></svg>

explore/src/assets/lock.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg  width="20px" height="20px" id="els2_x5F_basic" style="enable-background:new 0 0 40 40;" version="1.1" viewBox="0 0 40 40"  xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M29.688,17H10.294c-1.817,0-3.3,1.482-3.3,3.298  v12.381c0,1.817,1.482,3.299,3.3,3.299h19.395c1.817,0,3.3-1.482,3.3-3.299V20.298C32.988,18.482,31.506,17,29.688,17z" style="fill:none;stroke:#999999;stroke-width:1.33;stroke-miterlimit:10;"/><path d="M28,17v-6.094C28,6.558,24.4,3,20,3  s-8,3.558-8,7.906V17" style="fill:none;stroke:#999999;stroke-width:1.33;stroke-miterlimit:10;"/><line style="fill:none;stroke:#999999;stroke-width:1.33;stroke-linecap:round;stroke-miterlimit:10;" x1="20" x2="20" y1="23" y2="30"/></svg>

explore/src/assets/trello-2.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27"><defs><style>.a{fill:#0079bf;}.b{fill:#fff;}</style></defs><g transform="translate(-14 -14)"><g transform="translate(14 14)"><circle class="a" cx="13.5" cy="13.5" r="13.5"/></g><path class="b" d="M50.538,39.5H41.07a1.559,1.559,0,0,0-1.57,1.57v9.443a1.559,1.559,0,0,0,1.57,1.57h9.443a1.559,1.559,0,0,0,1.57-1.57V41.07A1.522,1.522,0,0,0,50.538,39.5Zm-5.558,9.88a.747.747,0,0,1-.746.746H41.893a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Zm5.481-3.139a.747.747,0,0,1-.746.746H47.374a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Z" transform="translate(-18.305 -18.305)"/></g></svg>

explore/src/assets/trello.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27"><defs><style>.a{fill:#fff;}.b{fill:#0079bf;}</style></defs><g transform="translate(-14 -14)"><g transform="translate(14 14)"><circle class="a" cx="13.5" cy="13.5" r="13.5"/></g><path class="b" d="M50.538,39.5H41.07a1.559,1.559,0,0,0-1.57,1.57v9.443a1.559,1.559,0,0,0,1.57,1.57h9.443a1.559,1.559,0,0,0,1.57-1.57V41.07A1.522,1.522,0,0,0,50.538,39.5Zm-5.558,9.88a.747.747,0,0,1-.746.746H41.893a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Zm5.481-3.139a.747.747,0,0,1-.746.746H47.374a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Z" transform="translate(-18.305 -18.305)"/></g></svg>