Project

General

Profile

« Previous | Next » 

Revision 56316

[Trunk|Connect]: Change home page view

View differences:

modules/uoa-connect-portal/trunk/src/app/communities/communities.component.html
2 2
  <div class=" uk-section uk-padding-remove-bottom">
3 3
    <div class="uk-position-cover"></div>
4 4
    <div class="uk-position-relative uk-panel">
5
      <div *ngIf="loading" class="uk-container uk-container-large uk-height-large">
5
      <div *ngIf="loading" class="uk-container uk-container-expand padding-120 uk-height-large">
6 6
        <div class="uk-animation-fade uk-margin-top  uk-width-1-2" role="alert"><span class="loading-gif  uk-align-center" ></span></div>
7 7
      </div>
8
      <div *ngIf="!loading" class="uk-container uk-container-large">
8
      <div *ngIf="!loading" class="uk-container uk-container-expand padding-120">
9 9
        <div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0" class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid>
10 10
          <div>
11 11
            <div *ngIf="managerOfCommunities.length > 0" uk-grid>
12 12
              <h5 class="uk-width-1-1 uk-text-bold">You are managing</h5>
13
              <div class="uk-width-1-1">
13
              <div class="uk-width-2-3@xl uk-width-1-1@m">
14 14
                <div class="uk-grid-match uk-grid-small  uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
15 15
                  <div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index">
16 16
                    <div  class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
......
28 28
              </div>
29 29
            </div>
30 30

  
31
            <div class="uk-container uk-container-large uk-width-4-5">
31
            <div class="uk-container uk-container-expand padding-120 uk-width-4-5">
32 32
              <div *ngIf="subscriberErrorMessage" class="uk-animation-fade uk-alert uk-alert-warning" role="alert">
33 33
                {{subscriberErrorMessage}}
34 34
              </div>
......
36 36

  
37 37
            <div *ngIf="subscriberOfCommunities.length > 0" uk-grid>
38 38
              <h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5>
39
              <div class="uk-width-1-1">
39
              <div class="uk-width-2-3@xl uk-width-1-1@m">
40 40
                <div class="uk-grid-match uk-grid-small  uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
41 41
                  <div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index">
42 42
                    <div  class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
......
61 61
          </div>
62 62
        </div>
63 63
        <div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" uk-grid>
64
          <div class="uk-width-2-5@m uk-width-1-1@s">
64
          <div class="uk-width-large-2-5@l uk-width-1-2@m uk-width-1-1@s">
65 65
            <h1 class="font-41">Build a <b>Gateway</b> for your <b>Community</b></h1>
66 66
            <div class="uk-text-large">Turn Open Science into Practice.<br>It takes your open and linked research outcomes.<br>A service customized to your needs.</div>
67 67
          </div>
......
183 183
          </div>
184 184
        </div>
185 185
      <div class="uk-margin-large-top home-background uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
186
        <div class="uk-container uk-container-large">
186
        <div class="uk-container uk-container-expand padding-120">
187 187
          <gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about'">
188 188
          </gif-slider>
189 189
        </div>
......
221 221
</div>
222 222
<helper div="home-news"></helper>
223 223
<div class="contact-banner uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
224
  <div class="uk-container uk-section">
224
  <div class="uk-container uk-container-expand padding-120 uk-section">
225 225
    <div class="uk-flex uk-flex-middle uk-padding uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
226 226
      <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m">
227 227
        <img width="237" height="250" src="../../assets/contact/1.png">
......
240 240
  </div>
241 241
</div>
242 242
<div class="uk-section-muted" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
243
    <div class="uk-container uk-container-large">
243
    <div class="uk-container uk-container-expand padding-120">
244 244
      <div uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom">
245 245
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
246 246
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
modules/uoa-connect-portal/trunk/src/app/communities/browseCommunity/browse-community.component.html
15 15
      </div>
16 16
    </a>
17 17
  </div>
18
  <div class="community uk-margin">
18
  <div class="community uk-margin-medium-bottom">
19 19
    <div class="uk-text-center uk-text-small uk-text-bold">
20 20
      <a (click)="confirmModalOpen()">
21 21
        <span class="uk-text-small uk-margin-small" *ngIf="community.title" >
......
33 33
    </div>
34 34
  </div>
35 35
  <div class="uk-position-bottom-right uk-padding-small uk-padding-remove-bottom">
36
    <a (click)="confirmModalOpen()" class="portal-color uk-text-uppercase uk-text-bold">
36
    <a (click)="confirmModalOpen()" class="portal-color uk-text-uppercase uk-text-bold uk-text-small">
37 37
      Visit
38 38
    </a>
39 39
  </div>
modules/uoa-connect-portal/trunk/src/assets/connect-custom.css
244 244
    font-size: 41px;
245 245
}
246 246

  
247
.padding-120 {
248
  padding-left: 120px;
249
}
250

  
247 251
/* NOT USED
248 252
.sketch-line {
249 253
    height:80%;

Also available in: Unified diff