openaire-library/sharedComponents/bottom.component.html

<div class="custom-footer">
<div class="uk-section-primary uk-section uk-section-small uk-padding-remove-bottom">
  <div class="uk-container">
     <div class="uk-grid-margin uk-grid" uk-grid="">
        <div class="uk-width-expand@m uk-light uk-first-column">
           <div *ngIf="showSocialButton" class="uk-margin">


           <div class="uk-child-width-auto uk-grid-small uk-grid" uk-grid="">
             <div class="uk-first-column">
                <a class="el-link uk-icon-link uk-icon" href="http://www.facebook.com/groups/openaire/" target="_blank" ><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="facebook" ratio="1"><path d="M11,10h2.6l0.4-3H11V5.3c0-0.9,0.2-1.5,1.5-1.5H14V1.1c-0.3,0-1-0.1-2.1-0.1C9.6,1,8,2.4,8,5v2H5.5v3H8v8h3V10z"></path></svg></a>
             </div>
             <div>
                <a class="el-link uk-icon-link uk-icon" href="http://www.twitter.com/OpenAIRE_eu" target="_blank" ><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="twitter" ratio="1"><path d="M19,4.74 C18.339,5.029 17.626,5.229 16.881,5.32 C17.644,4.86 18.227,4.139 18.503,3.28 C17.79,3.7 17.001,4.009 16.159,4.17 C15.485,3.45 14.526,3 13.464,3 C11.423,3 9.771,4.66 9.771,6.7 C9.771,6.99 9.804,7.269 9.868,7.539 C6.795,7.38 4.076,5.919 2.254,3.679 C1.936,4.219 1.754,4.86 1.754,5.539 C1.754,6.82 2.405,7.95 3.397,8.61 C2.79,8.589 2.22,8.429 1.723,8.149 L1.723,8.189 C1.723,9.978 2.997,11.478 4.686,11.82 C4.376,11.899 4.049,11.939 3.713,11.939 C3.475,11.939 3.245,11.919 3.018,11.88 C3.49,13.349 4.852,14.419 6.469,14.449 C5.205,15.429 3.612,16.019 1.882,16.019 C1.583,16.019 1.29,16.009 1,15.969 C2.635,17.019 4.576,17.629 6.662,17.629 C13.454,17.629 17.17,12 17.17,7.129 C17.17,6.969 17.166,6.809 17.157,6.649 C17.879,6.129 18.504,5.478 19,4.74"></path></svg></a>
             </div>
             <div>
                <a class="el-link uk-icon-link uk-icon" href="http://www.linkedin.com/groups/OpenAIRE-3893548" target="_blank"  ><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="linkedin" ratio="1"><path d="M5.77,17.89 L5.77,7.17 L2.21,7.17 L2.21,17.89 L5.77,17.89 L5.77,17.89 Z M3.99,5.71 C5.23,5.71 6.01,4.89 6.01,3.86 C5.99,2.8 5.24,2 4.02,2 C2.8,2 2,2.8 2,3.85 C2,4.88 2.77,5.7 3.97,5.7 L3.99,5.7 L3.99,5.71 L3.99,5.71 Z"></path><path d="M7.75,17.89 L11.31,17.89 L11.31,11.9 C11.31,11.58 11.33,11.26 11.43,11.03 C11.69,10.39 12.27,9.73 13.26,9.73 C14.55,9.73 15.06,10.71 15.06,12.15 L15.06,17.89 L18.62,17.89 L18.62,11.74 C18.62,8.45 16.86,6.92 14.52,6.92 C12.6,6.92 11.75,7.99 11.28,8.73 L11.3,8.73 L11.3,7.17 L7.75,7.17 C7.79,8.17 7.75,17.89 7.75,17.89 L7.75,17.89 L7.75,17.89 Z"></path></svg></a>
             </div>
             <div>
                <a class="el-link uk-icon-link uk-icon" href="http://www.slideshare.net/OpenAIRE_eu" target="_blank"  ><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="social" ratio="1"><line fill="none" stroke="#000" stroke-width="1.1" x1="13.4" y1="14" x2="6.3" y2="10.7"></line><line fill="none" stroke="#000" stroke-width="1.1" x1="13.5" y1="5.5" x2="6.5" y2="8.8"></line><circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="4.6" r="2.3"></circle><circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="14.8" r="2.3"></circle><circle fill="none" stroke="#000" stroke-width="1.1" cx="4.5" cy="9.8" r="2.3"></circle></svg></a>
             </div>
             <div>
                <a class="el-link uk-icon-link uk-icon" href="http://vimeo.com/openaire" target="_blank" ><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="vimeo" ratio="1"><path d="M2.065,7.59C1.84,7.367,1.654,7.082,1.468,6.838c-0.332-0.42-0.137-0.411,0.274-0.772c1.026-0.91,2.004-1.896,3.127-2.688 c1.017-0.713,2.365-1.173,3.286-0.039c0.849,1.045,0.869,2.629,1.084,3.891c0.215,1.309,0.421,2.648,0.88,3.901 c0.127,0.352,0.37,1.018,0.81,1.074c0.567,0.078,1.145-0.917,1.408-1.289c0.684-0.987,1.611-2.317,1.494-3.587 c-0.115-1.349-1.572-1.095-2.482-0.773c0.146-1.514,1.555-3.216,2.912-3.792c1.439-0.597,3.579-0.587,4.302,1.036 c0.772,1.759,0.078,3.802-0.763,5.396c-0.918,1.731-2.1,3.333-3.363,4.829c-1.114,1.329-2.432,2.787-4.093,3.422 c-1.897,0.723-3.021-0.686-3.667-2.318c-0.705-1.777-1.056-3.771-1.565-5.621C4.898,8.726,4.644,7.836,4.136,7.191 C3.473,6.358,2.72,7.141,2.065,7.59C1.977,7.502,2.115,7.551,2.065,7.59L2.065,7.59z"></path></svg></a>
             </div>
          </div>

           </div>
           <!--div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-left">
              <img [src]="assetsPath + 'common/ec_logo_inv_small.png'" class="el-image" alt="European Commission">
           </div-->
        </div>
        <div *ngIf="showMenu"  class="uk-width-expand@m uk-light">

              <ul class="uk-subnav uk-margin-remove-bottom uk-subnav-divider uk-flex-center" uk-margin="" >
                <ng-container *ngFor="let submenu of menuItems">
                  <li class="el-item"  *ngIf="isEnabled(submenu.routeRequired, showPage)">
                    <a *ngIf="submenu.route.length > 0"  routerLink="{{submenu.route}}"  [queryParams]=submenu.params >{{submenu.title}}</a>
                    <a *ngIf="submenu.route.length == 0 && submenu.url.length > 0"  href="{{submenu.url}}" target="_blank" >{{submenu.title}}</a>
                  </li>
                </ng-container>
              </ul>
        </div>
     </div>
  </div>
</div>
<div class="uk-section-primary uk-section uk-section-small">
  <div class="uk-container">
     <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
        <div class="uk-width-1-1@m uk-first-column">
           <div *ngIf="showDnet" class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
              <img [src]="assetsPath + 'common/Logo_Horizontal_white_small.png'" class="el-image" alt="OpenAIRE">
           </div>
           <!--div *ngIf="showDnet" class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
              <div><a href="http://creativecommons.org/licenses/by/4.0/" rel="license"><img [src]="assetsPath + 'common/80x15.png'" alt="Creative" style="height: auto; max-width: 100%; vertical-align: middle;"></a>&nbsp;UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A&nbsp;<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
              <div>OPENAIRE IS POWERED BY&nbsp;<a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
           </div-->
           <div *ngIf="showOpenaire" class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
              <div>POWERED BY&nbsp;
                <br>
                <a href="https://www.openaire.eu/">
                <img [src]="assetsPath + 'common/Logo_Horizontal_white_small.png'" class="el-image" alt="OpenAIRE"></a>
              </div>
           </div>
           <div *ngIf="showDnet" class="uk-grid-large uk-flex-middle uk-margin-small uk-grid" uk-grid="">
              <div class="uk-width-small@m uk-first-column">
                 <div id="footer#15" class="uk-margin uk-margin-remove-bottom uk-text-center">
                    <img [src]="assetsPath + 'ec_logo_inv_small-4aa7cf58.png'"  sizes="(min-width: 114px) 114px, 100vw" class="el-image" alt="European Commission" width="114">
                 </div>
              </div>
              <div class="uk-width-expand@m">
                 <div id="footer#17" class=" uk-text-small uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
                    <a href="http://creativecommons.org/licenses/by/4.0/" rel="license"><img src="https://i.creativecommons.org/l/by/3.0/80x15.png" alt="Creative" style="height: auto; max-width: 100%; vertical-align: middle;"></a>&nbsp;Unless otherwise indicated, all materials created by the OpenAIRE consortium are licenced under&nbsp;<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CC ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.
                 </div>
              </div>
              <div class="uk-width-small@m">
                 <div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
                    <a href="#" uk-totop="" uk-scroll="" class="uk-totop uk-icon">
                    </a>
                 </div>
              </div>
           </div>
           <!--div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
              <a href="#" uk-totop="" uk-scroll="" class="uk-totop uk-icon"></a>
           </div-->
        </div>
     </div>
  </div>
</div>
</div>