Project

General

Profile

1
<div class="image-front-topbar">
2
  <div class="uk-section mainPageSearchForm">
3
    <div class="uk-container">
4
      <div class="search_box_bg uk-flex uk-flex-center">
5
        <div>
6
          <form class="uk-margin">
7
            <div class="uk-grid uk-margin-small-left">
8
              <div class="uk-margin-small-top uk-padding-remove-left">
9
                <entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
10
                                    [properties]="properties" [onChangeNavigate]="false"
11
                                    (selectionChange)="entityChanged($event)" [customFilter]="customFilter"
12
                ></entities-selection>
13
              </div>
14
              <div class=" uk-padding-remove-left uk-margin-small-top">
15
                <div class="uk-inline">
16
                  <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
17
                     uk-icon="icon: close"></a>
18
                  <input type="text" class="uk-input   uk-width-xlarge@l uk-width-large@m uk-width-medium"
19
                         placeholder="Search in OpenAIRE for scholarly works"
20
                         [(ngModel)]="keyword"
21
                         name="keyword">
22
                </div>
23
                <div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">
24
                  <quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
25
                                    [quickFilter]="resultsQuickFilter"
26
                                    [properties]="properties">
27
                  </quick-selections>
28
                </div>
29
              </div>
30
              <div class="uk-padding-remove-left uk-margin-small-top">
31

    
32
                <button (click)="goTo(true)" type="submit"
33
                        class="uk-button portal-button uk-text-bold  uk-padding uk-padding-remove-vertical uk-margin-small-left">
34
                  Search
35
                </button>
36
                <div class="uk-margin-small-top  uk-margin-left">
37
                  <!--                        (click)="goTo(false)"-->
38
                  <a *ngIf="selectedEntity!='all'" (click)="goTo(false)" class="portal-link">Advanced Search</a>
39
                  <a *ngIf="selectedEntity=='all'" class="portal-link ">Advanced Search</a></div>
40
                <div *ngIf="selectedEntity=='all'" uk-dropdown class="uk-dropdown default-dropdown">
41
                  <ul class="uk-list uk-margin-remove-bottom">
42
                    <li *ngIf="showSoftware || showPublications || showOrp || showDatasets"><a
43
                        [routerLink]="properties.searchLinkToAdvancedResults"
44
                        [queryParams]="getQueryParamsForAdvancedSearch('result')"
45
                    >Research
46
                      outcomes</a></li>
47
                    <li *ngIf="showProjects"><a
48
                        [routerLink]="properties.searchLinkToAdvancedProjects"
49
                        [queryParams]="getQueryParamsForAdvancedSearch('project')">
50
                      Projects</a></li>
51
                    <li *ngIf="showDataProviders"><a
52
                        [routerLink]="properties.searchLinkToAdvancedDataProviders"
53
                        [queryParams]="getQueryParamsForAdvancedSearch('datasource')">
54
                      Content providers</a></li>
55
                    <li *ngIf="showOrganizations"><a
56
                        [routerLink]="properties.searchLinkToAdvancedOrganizations"
57
                        [queryParams]="getQueryParamsForAdvancedSearch('organization')">
58
                      Organizations</a></li>
59
                  </ul>
60
                </div>
61
              </div>
62
            </div>
63
          </form>
64
        </div>
65
      </div>
66
    </div>
67
  </div>
68
</div>
69
<div class="uk-section graph-background" *ngIf="aggregator.graphSectionText && aggregator.graphSectionTitle">
70
  <div class="uk-container">
71
    <div class="uk-flex uk-flex-top uk-child-width-1-1 uk-child-width-1-2@m" uk-grid>
72
      <div class="uk-flex-last@m">
73
        <div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
74
          <div class="uk-h3">{{aggregator.graphSectionTitle}}</div>
75
          <p [innerHtml]="aggregator.graphSectionText">
76
          </p>
77
        </div>
78
        <div *ngIf="aggregator.graphSectionText">
79
          <div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
80
            <span>Read more<span class="space" uk-icon="chevron-down"></span></span>
81
          </div>
82
          <div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
83
            <span>Read less<span class="space" uk-icon="chevron-up"></span></span>
84
          </div>
85
        </div>
86
      </div>
87
      <div class="uk-flex uk-flex-bottom">
88
        <div class="uk-width-1-3 uk-width-1-2@m">
89
          <img src="assets/graph.svg">
90
        </div>
91
        <div class="uk-padding uk-width-1-2">
92
          <img src="assets/common-assets/logo-large-graph.png">
93
        </div>
94
      </div>
95
    </div>
96
  </div>
97
</div>
98
<div class="uk-section" style="background: linear-gradient(180deg, #FAFAFA 50%, #FFFFFF 50%);">
99
  <div class="uk-padding uk-padding-remove-horizontal">
100
    <div class="uk-container uk-container-small">
101
      <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
102
        <div class="uk-width-1-1@m uk-first-column">
103
          <div
104
              class="uk-margin uk-text-center uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m uk-child-width-1-2@l uk-grid"
105
              id="page#8" uk-grid="" uk-height-match="target: .target">
106
            <div class="uk-first-column">
107
              <div class="el-item uk-card uk-card-default uk-card-medium uk-card-body">
108
                <div class="uk-text-center target"><img alt="Share" class="uk-width-1-3@m uk-width-small"
109
                                                        src="assets/share.svg"></div>
110

    
111
                <div class="el-content uk-margin uk-text-large"><span class="uk-text-bold">Deposit</span> your research
112
                </div>
113

    
114
                <div class="uk-margin-small-top uk-text-left card-text uk-flex uk-flex-center">
115
                  <div class="uk-margin-left uk-margin-right">Deposit in a repository of your choice.<br>
116
                    Select an OpenAIRE compatible<br>
117
                    repository (2.0 +) so that your research is linked to your funding information. Use Zenodo, a
118
                    catch-all repository hosted by CERN to deposit all your research results (publications, data,
119
                    software, etc.)
120
                  </div>
121
                </div>
122
                <a class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left ng-star-inserted uk-margin uk-margin-bottom uk-width-1-2"
123
                   href="/participate/deposit/learn-how" type="submit">Deposit </a></div>
124
            </div>
125

    
126
            <div>
127
              <div class="el-item uk-card uk-card-default uk-card-medium uk-card-body">
128
                <div class="uk-text-center target"><img alt="Share" class="uk-width-1-3@m uk-width-small"
129
                                                        src="assets/link.svg"></div>
130

    
131
                <div class="el-content uk-margin uk-text-large"><span class="uk-text-bold">Link</span> your work</div>
132

    
133
                <div class="uk-margin-small-top uk-text-left card-text uk-flex uk-flex-center">
134
                  <div class="uk-margin-left uk-margin-right">Connect all your research.<br>
135
                    If you can't find your research results in OpenAIRE, don't worry! Use our Link Out service , that
136
                    reaches out to many<br>
137
                    external sources via APIs, to connect<br>
138
                    your research results and claim them to your project.
139
                  </div>
140
                </div>
141
                <a class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left ng-star-inserted uk-margin uk-margin-bottom uk-width-1-2"
142
                   href="/participate/claim" type="submit">Link </a></div>
143
            </div>
144
          </div>
145
        </div>
146
      </div>
147
    </div>
148
  </div>
149
</div>
150
<div class="uk-section uk-padding-remove-bottom">
151
  <h3 class="uk-text-center uk-margin-medium-bottom">Our growing <span class="uk-text-bold">Community</span></h3>
152
  <numbers #numbersComponent [defaultInit]="false" backgroundClass="numbers-background"></numbers>
153
</div>
154
<!--<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"-->
155
<!--        [texts]="pageContents['left']"></helper>-->
156
<!--<div class="uk-section-muted"-->
157
<!--     uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">-->
158
<!--  <div class="uk-container uk-container-large">-->
159
<!--    <other-portals portal="explore" [properties]="properties"></other-portals>-->
160
<!--  </div>-->
161
<!--</div>-->
(2-2/4)