[Trunk | Explore]:

1. assets/ExploreLogos & home.component.ts: Change file names for logos.
2. home.component.html: Change width of slider to xxlarge and use 'home-logo' class for the whole <li> element (slider item).
3. explore-custom.css: Apply class 'home-logo' only on <img> elements.
4. curved-bottom.svg: Updated by UI/UX team.



git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@57339 d315682c-612b-4755-9ff5-7f18f6832af3

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

@@ -71,7 +71,7 @@
             <!--              </div>-->
             <!--            </div>-->
 
-            <div class="uk-grid uk-margin uk-margin-remove-bottom uk-width-xlarge uk-margin-auto">
+            <div class="uk-grid uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto">
               <div class="uk-width-expand uk-padding-remove">
 
                 <div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
@@ -79,7 +79,7 @@
                     <div class="uk-slider-container">
                       <ul class="uk-slider-items" uk-height-match="target: > li > div > div > .logo1; row: false;">
                         <ng-container *ngFor="let type of getKeys(logos)">
-                          <li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1">
+                          <li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1 home-logo">
                             <div class="uk-text-center uk-margin-bottom portal-color uk-h2">
                               <span *ngIf="type=='publication' && showPublications && publicationsSize">
                                 <span class="uk-text-bold">{{publicationsSize.number|number}}{{publicationsSize.size}}
@@ -111,9 +111,9 @@
                               <div
                                 *ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
                                 <ng-container
-                                  *ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 home-logo'}"></ng-container>
+                                  *ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
                                 <ng-container
-                                  *ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 home-logo'}"></ng-container>
+                                  *ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
                               </div>
                             </div>
                           </li>

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

@@ -32,76 +32,78 @@ export class HomeComponent {
   public logos = {
     "publication": [
       [
-        "PubMed-Logo.png",
-        "ArXiv_web.png",
-        "BASE_search_engine_logo.png",
-        "logo-Scielo.png",
-        "lareferencia.png",
-        "ssoar_logo.png",
-        "repec.png",
-        "core.png",
-        "zenodo-black-1000.png",
-        "narcis.png"
+        "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"
       ],
       [
-        "crossref-logo.png",
-        "Unpaywall_logo.png",
-        "Elsevier_logo_2019.png",
-        "Springer_Nature.png",
-        "logo-home.png",
-        "opencitations.png",
-        "doaj-logo1.png",
-        "microsoft.png",
-        "plos.png",
-        "F1000.png",
-        "logo_copernicus_publications.png"
+        "logo-crossref.png",
+        "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"
       ]
     ],
     "software": [
       [
-        "Software-heritage-logo.png",
-        "github_PNG23.png",
-        "DOEcodeBLUE_300dpi.png",
-        "bitbucket-logo.png",
-        "sourceforge.png",
-        "zenodo-black-1000.png"
+        "logo-software-heritage.png",
+        "logo-github.png",
+        "logo-doecode.png",
+        "logo-bitbucket.png",
+        "logo-google-code.png",
+        "logo-sourceforge.png",
+        "logo-zenodo.png"
       ]
     ],
     "dataset": [
       [
-        "zenodo-black-1000.png",
-        "datacite.png",
-        "pangaea.png",
-        "figshare.png",
-        "protocols_identity_outline.png",
-        "ot-logo-white.png",
-        "Kaggle_logo.png",
-        "Reactome.png",
-        "easy.png",
-        "DryadLogo.png"
+        "logo-scholexplorer.png",
+        "logo-zenodo.png",
+        "logo-datacite.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"
       ]
     ],
     //"other": [],
     "persistent": [
       [
-        "Re3data_Logo_RGB_72dpi.png",
-        "ORCID_logo.png",
-        "opendoar_logo.png",
-        "GRID_rgb1.png"
+        "logo-re3data.png",
+        "logo-orcid.png",
+        "logo-opendoar.png",
+        "logo-grid.png"
       ]
     ],
     "funder": [
       [
-        "European_Commission.png",
-        "NSF.png",
+        "logo-european-commision.png",
+        "logo-nsf.png",
         "logo-miur.png",
-        "nhmrc.png",
-        "SFI-logo.png",
-        "nwo-logo.png",
-        "wellcome-logo.png",
-        "FCT-logo.png",
-        "gsrt_logo_eng.png",
-        "fnsnf.png"
+        "logo-nhmrc.png",
+        "logo-sfi.png",
+        "logo-nwo.png",
+        "logo-welcome-trust.png",
+        "logo-fct.png",
+        "logo-gsrt.png",
+        "logo-fnsnf.png"
       ]
     ]
   };