Project

General

Profile

« Previous | Next » 

Revision 59993

[Library | Trunk]: Fix logo on navbar of mobile. Fix footer on mobile

View differences:

modules/uoa-services-library/trunk/ng-openaire-library/src/app/sharedComponents/bottom.component.html
1 1
<ng-container *ngIf="shortView;else longView">
2 2
  <div class="uk-padding uk-flex uk-flex-middle">
3 3
    <div *ngIf="showCommision" class="uk-width-1-2">
4
      <div class="uk-flex uk-flex-middle" >
4
      <div class="uk-flex uk-flex-middle">
5 5
        <div>
6 6
          <img style="margin-right: 8px; float: left;"
7 7
               [src]="assetsPath + 'common/commission.jpg'"
8 8
               alt="flag black white low" width="50" height="33">
9 9
        </div>
10
        <div class="uk-margin-left">
10
        <div class="uk-margin-left uk-visible@m">
11 11
          <div *ngIf="!grantAdvance" class="">
12
            <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantConenctText"></span>
12
            <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml]="grantConenctText"></span>
13 13
          </div>
14
          <div  *ngIf="grantAdvance"  class="">
15
            <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantAdvanceText"></span>
14
          <div *ngIf="grantAdvance" class="">
15
            <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml]="grantAdvanceText"></span>
16 16
          </div>
17 17
        </div>
18
        <div class="uk-margin-left uk-text-center uk-hidden@m">
19
          <div *ngIf="!grantAdvance" class="">
20
            <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml]="grantConenctText"></span>
21
          </div>
22
          <div *ngIf="grantAdvance" class="">
23
            <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml]="grantAdvanceText"></span>
24
          </div>
25
        </div>
18 26
      </div>
19 27
    </div>
20 28
    <div *ngIf="showOpenaire" class="uk-text-right uk-width-1-2">
......
25 33
  </div>
26 34
</ng-container>
27 35
<ng-template #longView>
28
<div [class]="sectionClass + '  uk-section uk-section-small uk-padding-remove-bottom'">
29
   <div [class]="'uk-container  ' +(centered?'uk-container-small':'uk-container-expand') ">
30
<!--      <div class="uk-container uk-container-expand uk-margin-small">-->
31
         <div [class]="(centered?'':'uk-grid uk-grid-collapse ') " >
32
            <div id="footer#3" [class]="'uk-first-column uk-text-left  ' +
36
  <div [class]="sectionClass + '  uk-section uk-section-small uk-padding-remove-bottom'">
37
    <div [class]="'uk-container  ' +(centered?'uk-container-small':'uk-container-expand') ">
38
      <!--      <div class="uk-container uk-container-expand uk-margin-small">-->
39
      <div [class]="(centered?'':'uk-grid uk-grid-collapse ') ">
40
        <div id="footer#3" [class]="'uk-first-column uk-flex uk-flex-middle ' +
33 41
            (centered?'uk-grid uk-margin-remove-right':'uk-margin-large-right uk-width-1-3@m')">
34
               <div *ngIf="showOpenaire"
35
                    [class]="'uk-margin-top uk-text-left  '+(centered?'uk-width-1-4':'')">
36
                  <img [src]="assetsPath + 'common/Logo_Horizontal_'+(darkBackground?'white':'dark')+'_small.png'"
37
                       data-width="126"
38
                       data-height="30" class="el-image" alt="OpenAIRE">
39
               </div>
40
               <div *ngIf="showCommision" id="footer#5"
41
                    [class]="'uk-margin uk-text-left '+(centered?'uk-width-expand':'')">
42
<!--                 [src]="assetsPath +  'common/commission'+(this.darkBackground?'.jpg':'-dark.png')"-->
43
<!--                 <div *ngIf="!grantAdvance" class="uk-margin">-->
44
<!--                   <img style="margin-right: 8px; float: left;"-->
45
<!--                        [src]="assetsPath + 'common/commission'+(this.darkBackground?'.jpg':'-dark.png')"-->
46
<!--                        alt="flag black white low" width="50" height="33">-->
47
<!--                   <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantConenctText"></span>-->
48
<!--                 </div>-->
49
<!--                 <div class="uk-margin">-->
50
<!--                  <img style="margin-right: 8px; float: left;" [src]="assetsPath +  'common/commission'+(this.darkBackground?'.jpg':'-dark.png')" alt="flag black white low" width="50" height="33">-->
51
<!--                  <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantAdvanceText"></span>-->
52
<!--                </div>-->
53
                 <div class="uk-flex uk-flex-middle" >
54
                   <div>
55
                     <img style="margin-right: 8px; float: left;"
56
                          [src]="assetsPath + 'common/commission.jpg'"
57
                          alt="flag black white low" width="50" height="33">
58
                   </div>
59
                   <div class="uk-margin-left">
60
                     <div *ngIf="!grantAdvance" class="">
61
                       <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantConenctText"></span>
62
                     </div>
63
                     <div  *ngIf="grantAdvance"  class="">
64
                       <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantAdvanceText"></span>
65
                     </div>
66
                   </div>
67
                 </div>
68
                  <!--img  [src]="assetsPath + 'common/commission.jpg'"   sizes="(min-width: 50px) 50px" data-width="427" data-height="285" class="el-image" alt="European Commission"-->
69
               </div>
70
               <!--<div *ngIf="showSocialButtons" id="footer#6" class="newsletter uk-margin uk-margin-remove-bottom uk-text-left@s uk-text-center uk-panel">
42
          <div *ngIf="showOpenaire"
43
               [class]="(centered?'uk-width-1-1 uk-width-1-4@m uk-text-center':'')">
44
            <img [src]="assetsPath + 'common/Logo_Horizontal_'+(darkBackground?'white':'dark')+'_small.png'"
45
                 data-width="126"
46
                 data-height="30" class="el-image" alt="OpenAIRE">
47
          </div>
48
          <div *ngIf="showCommision" id="footer#5"
49
               [class]="'uk-margin uk-text-left '+(centered?'uk-width-expand':'')">
50
            <!--                 [src]="assetsPath +  'common/commission'+(this.darkBackground?'.jpg':'-dark.png')"-->
51
            <!--                 <div *ngIf="!grantAdvance" class="uk-margin">-->
52
            <!--                   <img style="margin-right: 8px; float: left;"-->
53
            <!--                        [src]="assetsPath + 'common/commission'+(this.darkBackground?'.jpg':'-dark.png')"-->
54
            <!--                        alt="flag black white low" width="50" height="33">-->
55
            <!--                   <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantConenctText"></span>-->
56
            <!--                 </div>-->
57
            <!--                 <div class="uk-margin">-->
58
            <!--                  <img style="margin-right: 8px; float: left;" [src]="assetsPath +  'common/commission'+(this.darkBackground?'.jpg':'-dark.png')" alt="flag black white low" width="50" height="33">-->
59
            <!--                  <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml] = "grantAdvanceText"></span>-->
60
            <!--                </div>-->
61
            <div class="uk-flex uk-flex-middle">
62
              <div>
63
                <img style="margin-right: 8px; float: left;"
64
                     [src]="assetsPath + 'common/commission.jpg'"
65
                     alt="flag black white low" width="50" height="33">
66
              </div>
67
              <div class="uk-margin-left">
68
                <div *ngIf="!grantAdvance" class="">
69
                  <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml]="grantConenctText"></span>
70
                </div>
71
                <div *ngIf="grantAdvance" class="">
72
                  <span style="font-size: 8pt; line-height: 0.7!important;" [innerHtml]="grantAdvanceText"></span>
73
                </div>
74
              </div>
75
            </div>
76
            <!--img  [src]="assetsPath + 'common/commission.jpg'"   sizes="(min-width: 50px) 50px" data-width="427" data-height="285" class="el-image" alt="European Commission"-->
77
          </div>
78
          <!--<div *ngIf="showSocialButtons" id="footer#6" class="newsletter uk-margin uk-margin-remove-bottom uk-text-left@s uk-text-center uk-panel">
71 79

  
72
                  <a target="_blank" href="https://www.openaire.eu/newsletter/listing" class="el-link newsletter">
73
                    <h6 class="el-title uk-margin">
74
                      Newsletter
75
                      <span   class="el-image uk-icon">
76
                        <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
77
                           <circle cx="3.12" cy="16.8" r="1.85"></circle>
78
                           <path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,8.2 C1.78,8.18 2.06,8.16 2.35,8.16 C7.57,8.16 11.81,12.37 11.81,17.57 C11.81,17.89 11.79,18.19 11.76,18.5"></path>
79
                           <path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,2.52 C1.78,2.51 2.06,2.5 2.35,2.5 C10.72,2.5 17.5,9.24 17.5,17.57 C17.5,17.89 17.49,18.19 17.47,18.5"></path>
80
                        </svg>
81
                     </span>
82
                    </h5>
83
                  </a>
84
               </div>-->
80
             <a target="_blank" href="https://www.openaire.eu/newsletter/listing" class="el-link newsletter">
81
               <h6 class="el-title uk-margin">
82
                 Newsletter
83
                 <span   class="el-image uk-icon">
84
                   <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
85
                      <circle cx="3.12" cy="16.8" r="1.85"></circle>
86
                      <path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,8.2 C1.78,8.18 2.06,8.16 2.35,8.16 C7.57,8.16 11.81,12.37 11.81,17.57 C11.81,17.89 11.79,18.19 11.76,18.5"></path>
87
                      <path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,2.52 C1.78,2.51 2.06,2.5 2.35,2.5 C10.72,2.5 17.5,9.24 17.5,17.57 C17.5,17.89 17.49,18.19 17.47,18.5"></path>
88
                   </svg>
89
                </span>
90
               </h5>
91
             </a>
92
          </div>-->
85 93

  
86
            </div>
87
           <div [class]="(!centered?'uk-grid uk-width-expand':'')">
88
            <div *ngIf="showMenuItems" [class]="'uk-width-expand@m '+ (darkBackground?'uk-light':'')">
89
               <div id="footer#7" class="uk-text-right@m uk-text-center">
94
        </div>
95
        <div [class]="(!centered?'uk-grid uk-width-expand':'')">
96
          <div *ngIf="showMenuItems" [class]="'uk-width-expand@m '+ (darkBackground?'uk-light':'')">
97
            <div id="footer#7" class="uk-text-right@m uk-text-center">
90 98

  
91
                  <ul [class]="(centered?'uk-flex-center':'')
99
              <ul [class]="(centered?'uk-flex-center':'')
92 100
                  +' uk-subnav uk-margin-remove-bottom uk-subnav-divider'" uk-margin="">
93
                    <ng-container *ngFor="let submenu of menuItems">
94
                      <li class="el-item" *ngIf="isEnabled(submenu.routeRequired, showPage)">
95
                        <a *ngIf="submenu.route.length > 0"  routerLink="{{submenu.route}}"  [queryParams]=submenu.params >{{submenu.title}}</a>
96
                        <a *ngIf="submenu.route.length == 0 && submenu.url.length > 0"  href="{{submenu.url}}" target="_blank" >{{submenu.title}}</a>
97
                      </li>
98
                    </ng-container>
99
                  </ul>
101
                <ng-container *ngFor="let submenu of menuItems">
102
                  <li class="el-item" *ngIf="isEnabled(submenu.routeRequired, showPage)">
103
                    <a *ngIf="submenu.route.length > 0" routerLink="{{submenu.route}}"
104
                       [queryParams]=submenu.params>{{submenu.title}}</a>
105
                    <a *ngIf="submenu.route.length == 0 && submenu.url.length > 0" href="{{submenu.url}}"
106
                       target="_blank">{{submenu.title}}</a>
107
                  </li>
108
                </ng-container>
109
              </ul>
100 110

  
101
               </div>
102 111
            </div>
103
            <div *ngIf="!showMenuItems" id="footer#9" class="uk-width-expand@s uk-visible@m">
104
               <div id="footer#10" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
105
                  <h6 class="el-title uk-h6">Dashboards</h6>
106
                  <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
107
                     <li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'explore.openaire.eu'" target="_blank">Explore</a></li>
108
                     <li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'provide.openaire.eu'" target="_blank">Provide</a></li>
109
                     <li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'connect.openaire.eu'" target="_blank">Connect</a></li>
110
                     <li><a [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'monitor.openaire.eu'" target="_blank">Monitor</a></li>
111
                     <li><a href="https://develop.openaire.eu" target="_blank">Develop</a></li>
112
                  </ul>
113
               </div>
112
          </div>
113
          <div *ngIf="!showMenuItems" id="footer#9" class="uk-width-expand@s uk-visible@m">
114
            <div id="footer#10" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
115
              <h6 class="el-title uk-h6">Dashboards</h6>
116
              <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
117
                <li><a
118
                    [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'explore.openaire.eu'"
119
                    target="_blank">Explore</a></li>
120
                <li><a
121
                    [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'provide.openaire.eu'"
122
                    target="_blank">Provide</a></li>
123
                <li><a
124
                    [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'connect.openaire.eu'"
125
                    target="_blank">Connect</a></li>
126
                <li><a
127
                    [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'monitor.openaire.eu'"
128
                    target="_blank">Monitor</a></li>
129
                <li><a href="https://develop.openaire.eu" target="_blank">Develop</a></li>
130
              </ul>
114 131
            </div>
115
            <div *ngIf="!showMenuItems" id="footer#11" class="uk-width-expand@s uk-visible@m">
116
               <div id="footer#12" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
117
                  <h6>Support</h6>
118
                  <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
132
          </div>
133
          <div *ngIf="!showMenuItems" id="footer#11" class="uk-width-expand@s uk-visible@m">
134
            <div id="footer#12" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
135
              <h6>Support</h6>
136
              <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
119 137

  
120
                    <li><a target="_blank" href="https://www.openaire.eu/contact-noads">NOADs</a></li>
121
                     <li><a target="_blank" href="https://www.openaire.eu/guides">Guides</a></li>
122
                     <li><a target="_blank" href="https://www.openaire.eu/faqs">FAQs</a></li>
123
                     <li><a target="_blank" href="https://www.openaire.eu/frontpage/webinars">Webinars</a></li>
124
                     <li><a target="_blank" href="https://www.openaire.eu/support/helpdesk">Ask a question</a></li>
125
                  </ul>
126
               </div>
138
                <li><a target="_blank" href="https://www.openaire.eu/contact-noads">NOADs</a></li>
139
                <li><a target="_blank" href="https://www.openaire.eu/guides">Guides</a></li>
140
                <li><a target="_blank" href="https://www.openaire.eu/faqs">FAQs</a></li>
141
                <li><a target="_blank" href="https://www.openaire.eu/frontpage/webinars">Webinars</a></li>
142
                <li><a target="_blank" href="https://www.openaire.eu/support/helpdesk">Ask a question</a></li>
143
              </ul>
127 144
            </div>
128
            <div *ngIf="!showMenuItems" id="footer#13" class="uk-width-expand@s uk-visible@m">
129
               <div id="footer#14" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
130
                  <h6>Updates</h6>
131
                  <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
132
                     <li><a target="_blank" href="https://www.openaire.eu/news/">News</a></li>
133
                     <li><a target="_blank" href="https://www.openaire.eu/events">Events</a></li>
134
                     <li><a target="_blank" href="https://www.openaire.eu/blogs/magazine">Blogs</a></li>
135
                     <li><a target="_blank" href="https://www.openaire.eu/newsletter/listing">Newsletters</a></li>
136
                     <li><a target="_blank" href="https://www.openaire.eu/documents">Documents</a></li>
137
                  </ul>
138
               </div>
145
          </div>
146
          <div *ngIf="!showMenuItems" id="footer#13" class="uk-width-expand@s uk-visible@m">
147
            <div id="footer#14" class="uk-width-medium uk-text-left@s uk-text-center uk-panel">
148
              <h6>Updates</h6>
149
              <ul class="uk-nav uk-nav-default uk-nav-parent-icon uk-nav-accordion" uk-nav="">
150
                <li><a target="_blank" href="https://www.openaire.eu/news/">News</a></li>
151
                <li><a target="_blank" href="https://www.openaire.eu/events">Events</a></li>
152
                <li><a target="_blank" href="https://www.openaire.eu/blogs/magazine">Blogs</a></li>
153
                <li><a target="_blank" href="https://www.openaire.eu/newsletter/listing">Newsletters</a></li>
154
                <li><a target="_blank" href="https://www.openaire.eu/documents">Documents</a></li>
155
              </ul>
139 156
            </div>
140
         </div>
141
         <div  *ngIf="showSocialButtons" class="uk-margin   uk-text-center uk-width-1-1">
142
           <div [class]="(centered?'uk-flex-center':'uk-flex-left ') +
143
           ' uk-child-width-auto uk-grid-small  uk-grid'">
144
             <div class="uk-first-column">
145
               <a  href="https://www.facebook.com/groups/openaire/" target="_blank" class="el-link uk-icon-button uk-icon">
146
                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
147
                   <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>
148
                 </svg>
149
               </a>
150
             </div>
151
             <div>
152
               <a  href="https://www.twitter.com/OpenAIRE_eu" target="_blank" class="el-link uk-icon-button uk-icon">
153
                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
154
                   <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>
155
                 </svg>
156
               </a>
157
             </div>
158
             <div>
159
               <a  href="https://www.linkedin.com/groups/3893548/" target="_blank" class="el-link uk-icon-button uk-icon">
160
                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
161
                   <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>
162
                   <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>
163
                 </svg>
164
               </a>
165
             </div>
166
             <div>
167
               <a  href="https://www.slideshare.net/OpenAIRE_eu" target="_blank" class="el-link uk-icon-button uk-icon">
168
                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
169
                   <line fill="none" stroke="#000" stroke-width="1.1" x1="13.4" y1="14" x2="6.3" y2="10.7"></line>
170
                   <line fill="none" stroke="#000" stroke-width="1.1" x1="13.5" y1="5.5" x2="6.5" y2="8.8"></line>
171
                   <circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="4.6" r="2.3"></circle>
172
                   <circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="14.8" r="2.3"></circle>
173
                   <circle fill="none" stroke="#000" stroke-width="1.1" cx="4.5" cy="9.8" r="2.3"></circle>
174
                 </svg>
175
               </a>
176
             </div>
177
             <div>
178
               <a href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw" target="_blank" class="el-link uk-icon-button uk-icon">
179
                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
180
                   <path d="M15,4.1c1,0.1,2.3,0,3,0.8c0.8,0.8,0.9,2.1,0.9,3.1C19,9.2,19,10.9,19,12c-0.1,1.1,0,2.4-0.5,3.4c-0.5,1.1-1.4,1.5-2.5,1.6 c-1.2,0.1-8.6,0.1-11,0c-1.1-0.1-2.4-0.1-3.2-1c-0.7-0.8-0.7-2-0.8-3C1,11.8,1,10.1,1,8.9c0-1.1,0-2.4,0.5-3.4C2,4.5,3,4.3,4.1,4.2 C5.3,4.1,12.6,4,15,4.1z M8,7.5v6l5.5-3L8,7.5z"></path>
181
                 </svg>
182
               </a>
183
             </div>
184
              <div>
185
               <a target="_blank" href="https://www.openaire.eu/newsletter/listing" class="el-link newsletter">
157
          </div>
158
        </div>
159
        <div *ngIf="showSocialButtons" class="uk-margin   uk-text-center uk-width-1-1">
160
          <div [class]="(centered?'uk-flex-center':'uk-flex-left ') +
161
           ' uk-child-width-auto uk-grid-small  uk-grid'" uk-grid>
162
            <div class="uk-first-column">
163
              <a href="https://www.facebook.com/groups/openaire/" target="_blank"
164
                 class="el-link uk-icon-button uk-icon">
165
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
166
                  <path
167
                      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>
168
                </svg>
169
              </a>
170
            </div>
171
            <div>
172
              <a href="https://www.twitter.com/OpenAIRE_eu" target="_blank" class="el-link uk-icon-button uk-icon">
173
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
174
                  <path
175
                      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>
176
                </svg>
177
              </a>
178
            </div>
179
            <div>
180
              <a href="https://www.linkedin.com/groups/3893548/" target="_blank" class="el-link uk-icon-button uk-icon">
181
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
182
                  <path
183
                      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>
184
                  <path
185
                      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>
186
                </svg>
187
              </a>
188
            </div>
189
            <div>
190
              <a href="https://www.slideshare.net/OpenAIRE_eu" target="_blank" class="el-link uk-icon-button uk-icon">
191
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
192
                  <line fill="none" stroke="#000" stroke-width="1.1" x1="13.4" y1="14" x2="6.3" y2="10.7"></line>
193
                  <line fill="none" stroke="#000" stroke-width="1.1" x1="13.5" y1="5.5" x2="6.5" y2="8.8"></line>
194
                  <circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="4.6" r="2.3"></circle>
195
                  <circle fill="none" stroke="#000" stroke-width="1.1" cx="15.5" cy="14.8" r="2.3"></circle>
196
                  <circle fill="none" stroke="#000" stroke-width="1.1" cx="4.5" cy="9.8" r="2.3"></circle>
197
                </svg>
198
              </a>
199
            </div>
200
            <div>
201
              <a href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw" target="_blank"
202
                 class="el-link uk-icon-button uk-icon">
203
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
204
                  <path
205
                      d="M15,4.1c1,0.1,2.3,0,3,0.8c0.8,0.8,0.9,2.1,0.9,3.1C19,9.2,19,10.9,19,12c-0.1,1.1,0,2.4-0.5,3.4c-0.5,1.1-1.4,1.5-2.5,1.6 c-1.2,0.1-8.6,0.1-11,0c-1.1-0.1-2.4-0.1-3.2-1c-0.7-0.8-0.7-2-0.8-3C1,11.8,1,10.1,1,8.9c0-1.1,0-2.4,0.5-3.4C2,4.5,3,4.3,4.1,4.2 C5.3,4.1,12.6,4,15,4.1z M8,7.5v6l5.5-3L8,7.5z"></path>
206
                </svg>
207
              </a>
208
            </div>
209
            <div>
210
              <a target="_blank" href="https://www.openaire.eu/newsletter/listing" class="el-link newsletter">
186 211
                 <span class="el-title uk-margin uk-text-large">
187 212
                   Newsletter
188
                   <span   class="el-image uk-icon">
213
                   <span class="el-image uk-icon">
189 214
                          <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
190 215
                             <circle cx="3.12" cy="16.8" r="1.85"></circle>
191
                             <path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,8.2 C1.78,8.18 2.06,8.16 2.35,8.16 C7.57,8.16 11.81,12.37 11.81,17.57 C11.81,17.89 11.79,18.19 11.76,18.5"></path>
192
                             <path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,2.52 C1.78,2.51 2.06,2.5 2.35,2.5 C10.72,2.5 17.5,9.24 17.5,17.57 C17.5,17.89 17.49,18.19 17.47,18.5"></path>
216
                             <path fill="none" stroke="#000" stroke-width="1.1"
217
                                   d="M1.5,8.2 C1.78,8.18 2.06,8.16 2.35,8.16 C7.57,8.16 11.81,12.37 11.81,17.57 C11.81,17.89 11.79,18.19 11.76,18.5"></path>
218
                             <path fill="none" stroke="#000" stroke-width="1.1"
219
                                   d="M1.5,2.52 C1.78,2.51 2.06,2.5 2.35,2.5 C10.72,2.5 17.5,9.24 17.5,17.57 C17.5,17.89 17.49,18.19 17.47,18.5"></path>
193 220
                          </svg>
194 221
                       </span>
195 222
                 </span>
196
               </a>
197
              </div>
198
           </div>
199
         </div>
200
<!--      </div>-->
201
   </div>
202
</div>
223
              </a>
224
            </div>
225
          </div>
226
        </div>
227
        <!--      </div>-->
228
      </div>
229
    </div>
203 230

  
204 231

  
205
</div>
206
<div [class]="sectionClass + ' uk-section uk-section-xsmall'">
207
   <div class="uk-container uk-container-expand">
232
  </div>
233
  <div [class]="sectionClass + ' uk-section uk-section-xsmall'">
234
    <div class="uk-container uk-container-expand">
208 235
      <div class="uk-grid-margin uk-grid" uk-grid="">
209
         <div class="uk-width-small@m uk-first-column">
210
         </div>
211
         <div class="uk-width-expand@m">
212
            <div id="footer#22" class=" uk-text-small uk-margin uk-margin-remove-bottom uk-text-center@m uk-text-center ">
213
               <a href="http://creativecommons.org/licenses/by/4.0/" rel="license" class="license">
214
                  <svg *ngIf="darkBackground" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24"
215
                       height="24" class=" uk-svg">
216
                     <title></title>
217
                     <g data-name="Creative Commons" id="Creative_Commons">
218
                        <circle cx="12" cy="12" r="11.5" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></circle>
219
                        <path d="M10.87,10a3.5,3.5,0,1,0,0,4" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></path>
220
                        <path d="M18.87,10a3.5,3.5,0,1,0,0,4" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></path>
221
                     </g>
222
                  </svg>
223
                &nbsp;<svg *ngIf="!darkBackground" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
224
                           viewBox="0 0 24 24">
225
                   <path id="creative-commons" d="M9.7,14.675a1.311,1.311,0,0,1-1.15-.557,2.511,2.511,0,0,1-.391-1.477q0-2.032,1.541-2.034a1.36,1.36,0,0,1,.666.205,1.569,1.569,0,0,1,.605.718l1.541-.8A3.222,3.222,0,0,0,9.457,9.067a3.249,3.249,0,0,0-2.412.964,3.548,3.548,0,0,0-.957,2.61,3.562,3.562,0,0,0,.945,2.63,3.362,3.362,0,0,0,2.485.942,3.367,3.367,0,0,0,1.766-.481,3.408,3.408,0,0,0,1.254-1.326l-1.419-.718a1.44,1.44,0,0,1-1.416.987Zm6.634,0a1.312,1.312,0,0,1-1.15-.557,2.511,2.511,0,0,1-.391-1.477q0-2.032,1.541-2.034a1.389,1.389,0,0,1,.686.205,1.577,1.577,0,0,1,.608.718l1.519-.8a3.181,3.181,0,0,0-3.04-1.663,3.253,3.253,0,0,0-2.412.964,3.546,3.546,0,0,0-.955,2.61,3.576,3.576,0,0,0,.934,2.63,3.349,3.349,0,0,0,2.5.942,3.328,3.328,0,0,0,1.745-.481,3.54,3.54,0,0,0,1.274-1.326l-1.438-.718a1.441,1.441,0,0,1-1.416.987ZM21.156,4.12A11.61,11.61,0,0,0,12.624.64a11.436,11.436,0,0,0-8.44,3.48A11.738,11.738,0,0,0,.641,12.64,11.537,11.537,0,0,0,4.185,21.1a11.532,11.532,0,0,0,8.44,3.541,11.856,11.856,0,0,0,8.592-3.57,11.389,11.389,0,0,0,3.424-8.431,11.583,11.583,0,0,0-3.484-8.52Zm-1.5,15.391a9.631,9.631,0,0,1-7,2.94,9.479,9.479,0,0,1-6.938-2.911A9.422,9.422,0,0,1,2.8,12.64,9.57,9.57,0,0,1,5.747,5.68,9.3,9.3,0,0,1,12.655,2.8a9.4,9.4,0,0,1,6.94,2.88,9.411,9.411,0,0,1,2.884,6.96,9.157,9.157,0,0,1-2.823,6.87Z" transform="translate(-0.641 -0.64)"/>
226
                 </svg>
227
                 {{' '}}
228
                  <svg *ngIf="darkBackground" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24"
229
                       height="24" class=" uk-svg">
230
                     <title></title>
231
                     <g id="Attribution">
232
                        <g data-name="<Group>" id="_Group_">
233
                           <circle cx="12" cy="5" data-name="<Path>" id="_Path_" r="1.5" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></circle>
234
                           <path d="M12,8a5,5,0,0,0-3.07.71,1,1,0,0,0-.43.83V15H10v5.5h4V15h1.5V9.54a1,1,0,0,0-.43-.83A5,5,0,0,0,12,8Z" data-name="<Path>" id="_Path_2" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></path>
235
                        </g>
236
                        <circle cx="12" cy="12" r="11.5" style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></circle>
237
                     </g>
238
                  </svg>
239
                 <svg *ngIf="!darkBackground" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
240
                      viewBox="0 0 24 24">
241
                   <g id="Group_756" data-name="Group 756" transform="translate(0)">
242
                     <path id="Path_2324" data-name="Path 2324" d="M18.325,11.98a.775.775,0,0,0-.775-.775H12.641a.775.775,0,0,0-.775.775v4.909h1.369V22.7h3.719V16.889h1.37V11.98Z" transform="translate(-3.095 -2.951)"/>
243
                     <path id="Path_2325" data-name="Path 2325" d="M17.209,7.759A1.679,1.679,0,1,1,15.53,6.08,1.679,1.679,0,0,1,17.209,7.759Z" transform="translate(-3.529 -1.83)"/>
244
                     <path id="Path_2326" data-name="Path 2326" d="M12.624.64A11.439,11.439,0,0,0,4.183,4.12,11.736,11.736,0,0,0,.639,12.64,11.537,11.537,0,0,0,4.183,21.1a11.531,11.531,0,0,0,8.441,3.54,11.851,11.851,0,0,0,8.591-3.57,11.383,11.383,0,0,0,3.424-8.43,11.582,11.582,0,0,0-3.484-8.52,11.612,11.612,0,0,0-8.53-3.48Zm.03,2.159a9.4,9.4,0,0,1,6.939,2.88,9.414,9.414,0,0,1,2.883,6.96,9.156,9.156,0,0,1-2.823,6.87,9.63,9.63,0,0,1-7,2.94,9.48,9.48,0,0,1-6.939-2.91A9.425,9.425,0,0,1,2.8,12.64,9.573,9.573,0,0,1,5.746,5.68,9.3,9.3,0,0,1,12.654,2.8Z" transform="translate(-0.639 -0.64)"/>
245
                   </g>
246
                 </svg>
236
        <div class="uk-width-small@m uk-first-column">
237
        </div>
238
        <div class="uk-width-expand@m">
239
          <div id="footer#22" class=" uk-text-small uk-margin uk-margin-remove-bottom uk-text-center@m uk-text-center ">
240
            <a href="http://creativecommons.org/licenses/by/4.0/" rel="license" class="license">
241
              <svg *ngIf="darkBackground" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24"
242
                   height="24" class=" uk-svg">
243
                <title></title>
244
                <g data-name="Creative Commons" id="Creative_Commons">
245
                  <circle cx="12" cy="12" r="11.5"
246
                          style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></circle>
247
                  <path d="M10.87,10a3.5,3.5,0,1,0,0,4"
248
                        style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></path>
249
                  <path d="M18.87,10a3.5,3.5,0,1,0,0,4"
250
                        style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></path>
251
                </g>
252
              </svg>
253
              &nbsp;<svg *ngIf="!darkBackground" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
254
                         viewBox="0 0 24 24">
255
              <path id="creative-commons"
256
                    d="M9.7,14.675a1.311,1.311,0,0,1-1.15-.557,2.511,2.511,0,0,1-.391-1.477q0-2.032,1.541-2.034a1.36,1.36,0,0,1,.666.205,1.569,1.569,0,0,1,.605.718l1.541-.8A3.222,3.222,0,0,0,9.457,9.067a3.249,3.249,0,0,0-2.412.964,3.548,3.548,0,0,0-.957,2.61,3.562,3.562,0,0,0,.945,2.63,3.362,3.362,0,0,0,2.485.942,3.367,3.367,0,0,0,1.766-.481,3.408,3.408,0,0,0,1.254-1.326l-1.419-.718a1.44,1.44,0,0,1-1.416.987Zm6.634,0a1.312,1.312,0,0,1-1.15-.557,2.511,2.511,0,0,1-.391-1.477q0-2.032,1.541-2.034a1.389,1.389,0,0,1,.686.205,1.577,1.577,0,0,1,.608.718l1.519-.8a3.181,3.181,0,0,0-3.04-1.663,3.253,3.253,0,0,0-2.412.964,3.546,3.546,0,0,0-.955,2.61,3.576,3.576,0,0,0,.934,2.63,3.349,3.349,0,0,0,2.5.942,3.328,3.328,0,0,0,1.745-.481,3.54,3.54,0,0,0,1.274-1.326l-1.438-.718a1.441,1.441,0,0,1-1.416.987ZM21.156,4.12A11.61,11.61,0,0,0,12.624.64a11.436,11.436,0,0,0-8.44,3.48A11.738,11.738,0,0,0,.641,12.64,11.537,11.537,0,0,0,4.185,21.1a11.532,11.532,0,0,0,8.44,3.541,11.856,11.856,0,0,0,8.592-3.57,11.389,11.389,0,0,0,3.424-8.431,11.583,11.583,0,0,0-3.484-8.52Zm-1.5,15.391a9.631,9.631,0,0,1-7,2.94,9.479,9.479,0,0,1-6.938-2.911A9.422,9.422,0,0,1,2.8,12.64,9.57,9.57,0,0,1,5.747,5.68,9.3,9.3,0,0,1,12.655,2.8a9.4,9.4,0,0,1,6.94,2.88,9.411,9.411,0,0,1,2.884,6.96,9.157,9.157,0,0,1-2.823,6.87Z"
257
                    transform="translate(-0.641 -0.64)"/>
258
            </svg>
259
              {{' '}}
260
              <svg *ngIf="darkBackground" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24"
261
                   height="24" class=" uk-svg">
262
                <title></title>
263
                <g id="Attribution">
264
                  <g data-name="<Group>" id="_Group_">
265
                    <circle cx="12" cy="5" data-name="<Path>" id="_Path_" r="1.5"
266
                            style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></circle>
267
                    <path
268
                        d="M12,8a5,5,0,0,0-3.07.71,1,1,0,0,0-.43.83V15H10v5.5h4V15h1.5V9.54a1,1,0,0,0-.43-.83A5,5,0,0,0,12,8Z"
269
                        data-name="<Path>" id="_Path_2"
270
                        style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></path>
271
                  </g>
272
                  <circle cx="12" cy="12" r="11.5"
273
                          style="fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round"></circle>
274
                </g>
275
              </svg>
276
              <svg *ngIf="!darkBackground" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
277
                   viewBox="0 0 24 24">
278
                <g id="Group_756" data-name="Group 756" transform="translate(0)">
279
                  <path id="Path_2324" data-name="Path 2324"
280
                        d="M18.325,11.98a.775.775,0,0,0-.775-.775H12.641a.775.775,0,0,0-.775.775v4.909h1.369V22.7h3.719V16.889h1.37V11.98Z"
281
                        transform="translate(-3.095 -2.951)"/>
282
                  <path id="Path_2325" data-name="Path 2325"
283
                        d="M17.209,7.759A1.679,1.679,0,1,1,15.53,6.08,1.679,1.679,0,0,1,17.209,7.759Z"
284
                        transform="translate(-3.529 -1.83)"/>
285
                  <path id="Path_2326" data-name="Path 2326"
286
                        d="M12.624.64A11.439,11.439,0,0,0,4.183,4.12,11.736,11.736,0,0,0,.639,12.64,11.537,11.537,0,0,0,4.183,21.1a11.531,11.531,0,0,0,8.441,3.54,11.851,11.851,0,0,0,8.591-3.57,11.383,11.383,0,0,0,3.424-8.43,11.582,11.582,0,0,0-3.484-8.52,11.612,11.612,0,0,0-8.53-3.48Zm.03,2.159a9.4,9.4,0,0,1,6.939,2.88,9.414,9.414,0,0,1,2.883,6.96,9.156,9.156,0,0,1-2.823,6.87,9.63,9.63,0,0,1-7,2.94,9.48,9.48,0,0,1-6.939-2.91A9.425,9.425,0,0,1,2.8,12.64,9.573,9.573,0,0,1,5.746,5.68,9.3,9.3,0,0,1,12.654,2.8Z"
287
                        transform="translate(-0.639 -0.64)"/>
288
                </g>
289
              </svg>
247 290

  
248
               </a>
249
               &nbsp;Unless otherwise indicated, all materials created by OpenAIRE are licenced under&nbsp;<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CC ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.
250
            </div>
251
         </div>
252
         <div class="uk-width-small@m">
253
            <div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right@m uk-text-center">
254
               <a href="#" uk-totop="" uk-scroll="" class="uk-totop uk-icon">
291
            </a>
292
            &nbsp;Unless otherwise indicated, all materials created by OpenAIRE are licenced under&nbsp;<a
293
              href="http://creativecommons.org/licenses/by/4.0/" rel="license">CC ATTRIBUTION 4.0 INTERNATIONAL
294
            LICENSE</a>.
295
          </div>
296
        </div>
297
        <div class="uk-width-small@m">
298
          <div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right@m uk-text-center">
299
            <a href="#" uk-totop="" uk-scroll="" class="uk-totop uk-icon">
255 300

  
256
               </a>
257
            </div>
258
         </div>
301
            </a>
302
          </div>
303
        </div>
259 304
      </div>
260
   </div>
261
</div>
305
    </div>
306
  </div>
262 307
</ng-template>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/sharedComponents/navigationBar.component.html
28 28
                      [searchRoute]="searchRoute" [properties]="properties" [communityId]="communityId"></search-bar>
29 29
        </div>
30 30
      </div>
31
      <div *ngIf="showLogo" class="uk-navbar-center">
31
      <div class="uk-navbar-center">
32 32
        <ng-container *ngTemplateOutlet="header_template; context: {mobile: true}"></ng-container>
33 33
      </div>
34 34
      <div *ngIf="!onlyTop || userMenu" class="uk-navbar-right">

Also available in: Unified diff