manithree/theme-cards-flow - Change UW4WSPWD7TVQWURMTLRNW6LKVFLUVQT7NBUP5A4WMAIVHSLUPH7AC

New layout fotobook

Created by Peter Siebler on May 16, 2019

UW4WSPWD7TVQWURMTLRNW6LKVFLUVQT7NBUP5A4WMAIVHSLUPH7AC

Dependencies

In channels

main

Change contents

Insertion in theme/theme.less at line 25 [4.23]
[4.612]
[4.612]
```
@hovercolor:#f16821;
```
Deletion in theme/theme.less at line 29 [4.23]
B:BD[4.669] → [4.669:694]
```
@footer-border: #d4d3d3;
```

Replacement in theme/theme.less at line 37 [4.23]

B:BD[4.893] → [4.893:972]

@import "public/styles/header.less";
@import "public/styles/breadcrumbs.less";

[4.893]

[4.972]

// @import "public/styles/header.less";
// @import "public/styles/breadcrumbs.less";
@import "public/styles/pagemenu.less";
@import "public/styles/pagecover.less";

Replacement in theme/public/styles/structure.less at line 6 [4.277290]

B:BD[4.277396] → [4.277396:277417]

B:BD[4.277417] → [5.55:71]

∅:D[5.71] → [4.277433:277560]

B:BD[4.277433] → [4.277433:277560]

    position: fixed;
    top: 254px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 10;
    min-height: 100%;
    overflow-y: scroll;

[4.277396]

[4.277560]

    position: relative;
    top:50px;
    min-height: 100%;

Replacement in theme/public/styles/structure.less at line 11 [4.277290]
B:BD[4.277623] → [4.277623:277650]
```
    padding-bottom: 350px;
```
[4.277623]
[4.277650]
```
    padding-bottom: 100px;
```
Replacement in theme/public/styles/structure.less at line 16 [4.277290]
B:BD[4.277675] → [4.277675:277697]
```
  overflow-y: scroll;
```
[4.277675]
[4.277697]
```
  xoverflow-y: scroll;
```

File addition: pagemenu.less (----------)

[4.276492]


.menubar {
    position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    transition: height 0.3s linear 0s;
    z-index: 100;
    padding: 8px 80px 8px 80px;
    text-align: center;
    background-color: #fafafa;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style: none;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .35)
}
.logo {
    position: absolute;
    left: 38px;
    top: 12px;
    text-align: left;
    display: block;
    margin: 0;
    padding: 0;
}
.logo a {
    color: @fontcolor;
}
.logo a:hover {
    color: @hovercolor;
}
.logo img {
    position: relative;
    bottom: 5px;
    left: 0;
    object-fit: cover;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 500;
}
.logo span {
    display: inline-block;
    position: relative;
    line-height: 1.2em;
    left: 6px;
    bottom: 5px;
    width: 112px;
    z-index: 500;
    font-weight: 400;
}
.menubar-item {
    padding: 8px 1em 8px 0;
    color: @crumbs-textcolor;
    font-weight: 600;
    text-decoration: none !important;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 0.9em;
}
.menubar-item:hover {
    color: @hovercolor;
}
.page-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 680px;
    width: 100%;
    border-style: solid;
    border-color: @body-background;
    text-align: center;
}
.page-header::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.25);
}
.menubar.scrolled {
    background-color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin-top: -130px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    -webkit-box-shadow: 0 4px 15px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px -5px rgba(0, 0, 0, 0.1);
}
.menubar.scrolled.awake {
    margin-top: 0px;
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;
}
.menubar.scrolled.sleep {
    -webkit-transition: .3s all ease-out;
    -o-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

File addition: pagecover.less (----------)

[4.276492]

.page-top {
    position: relative;
    top:48px;
    width: 100%;
    height: 640px;
    margin-bottom: 100px;
}
.page-home{
    top:0;
    margin-bottom: 0;
    height: 680px;
}

Insertion in theme/public/styles/header.less at line 6 [4.280538]
[4.280636]
[4.280636]
```
    position: fixed;
```
Replacement in theme/public/styles/header.less at line 14 [4.280538]
B:BD[4.280832] → [4.280832:280877]
```
    color: @headertitle;
    position:fixed;
```
[4.280832]
[4.280877]
```
    color: @headertitle;    
```
Insertion in theme/public/styles/header.less at line 17 [4.280538]
[4.280933]
[4.281088]
```
    transition: height 0.3s linear 0s, padding 0.3s linear 0s;
```
Replacement in theme/public/styles/header.less at line 19 [4.280538]
B:BD[4.281092] → [3.394:399]
```
    
```
[4.281092]
[4.281095]
Replacement in theme/public/styles/header.less at line 38 [4.280538]
B:BD[4.281420] → [3.435:455]
```
  header h1 a span{
```
[4.281420]
[3.455]
```
.appname{
```
Replacement in theme/public/styles/header.less at line 42 [4.280538]
B:BD[3.522] → [3.522:540]
```
    bottom: 22px;
```
[3.522]
[3.540]
```
    bottom: 42px;
```
Replacement in theme/public/styles/header.less at line 48 [4.280538]
B:BD[3.599] → [3.599:616]
```
    bottom:20px;
```
[3.599]
[3.616]
```
    bottom:40px;
```
Replacement in theme/public/styles/header.less at line 56 [4.280538]
∅:D[3.714] → [4.281420:281436]
B:BD[4.281420] → [4.281420:281436]
```
  header .info{
```
[3.714]
[4.281436]
```
.pageinfo{
```
Replacement in theme/public/styles/header.less at line 60 [4.280538]
B:BD[4.281504] → [4.281504:281520]
```
    top: 160px;
```
[4.281504]
[4.281520]
```
    bottom: 56px;
```
Insertion in theme/public/styles/header.less at line 64 [4.280538]
[4.281589]
[4.281589]
```
    width: 120px;
```
Replacement in theme/public/styles/header.less at line 66 [4.280538]
B:BD[4.281781] → [4.281781:281785]
```
  }
```
[4.281627]
```
}
```
Insertion in theme/public/styles/generic.less at line 24 [4.281978]
[4.282343]
[4.282343]
```
    overflow: scroll;
```
Replacement in theme/public/styles/generic.less at line 35 [4.281978]
B:BD[4.282560] → [4.282560:282563]
```
  
```
[4.282560]
[4.282563]

Replacement in theme/public/styles/generic.less at line 38 [4.281978]

B:BD[4.282606] → [4.282606:282675]

    font-family: 'Raleway', 'Raleway-bold', 'Open Sans', sans-serif;

[4.282606]

[4.282675]

    font-family: -apple-system, "Helvetica Neue", 'Raleway', 'Raleway-bold', 'Open Sans', sans-serif;

Insertion in theme/public/styles/generic.less at line 47 [4.281978]
[4.282878]
[4.282878]
```
  }
  a {
    text-decoration: none;
```
Insertion in theme/public/styles/generic.less at line 51 [4.281978]
[4.282882]
[4.282882]

Insertion in theme/public/styles/generic.less at line 53 [4.281978]

[4.282888]

    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;

Insertion in theme/public/styles/generic.less at line 57 [4.281978]
[4.282915]
[4.282915]
```
  }
  
  a:hover {
      text-decoration: none; 
```
Replacement in theme/public/styles/footer.less at line 9 [4.283343]
B:BD[4.283495] → [4.283495:283513]
```
    height: 30px;
```
[4.283495]
[4.283513]
```
    height: 40px;
```
Replacement in theme/public/styles/footer.less at line 11 [4.283343]
B:BD[4.283536] → [4.283536:283572]
```
    background: @footer-background;
```
[4.283536]
[4.283572]
```
    background: rgba(0, 0, 0, 0.75);
```
Deletion in theme/public/styles/footer.less at line 13 [4.283343]
B:BD[4.283603] → [4.283603:283645]
```
    border-top: 1px solid @footer-border;
```
Replacement in theme/public/styles/coverItem.less at line 5 [5.80]
B:BD[3.812] → [3.812:830]
```
    height:680px;
```
[3.812]
[3.830]
```
    height:660px;
```

Deletion in theme/public/styles/coverItem.less at line 7 [5.80]

B:BD[3.846] → [3.846:946]

    border-width: 20px 20px 36px 20px;
    border-style: solid;
    border-color: @body-background;

Replacement in theme/public/styles/coverItem.less at line 9 [5.80]

B:BD[3.949] → [3.949:1025]

#container .page-teaser-outer-media{
    border-width: 20px 58px 40px 58px;

[3.949]

[3.1025]

.page-teaser:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.25);

Replacement in theme/public/styles/coverItem.less at line 19 [5.80]
B:BD[5.82] → [5.82:129]
```
#albums .page-teaser,
#container .page-teaser{
```
[5.82]
[5.129]
```
.page-teaser{
```

Replacement in theme/public/styles/coverItem.less at line 34 [5.80]

B:BD[5.440] → [3.1141:1165]

    border-radius: 4px;

[5.440]

}
.page-teaser-desc{
    position: absolute; 
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: @headertitle;
    font-size: 1.2em;
    line-height: 1.5em;
    cursor: default;

Replacement in theme/public/styles/coverItem.less at line 48 [5.80]
B:BD[5.565] → [5.565:615]
```
.page-teaser h2{
    margin: 1.6em 1em 1.6em 1em;
```
[5.443]
[5.615]
```
.page-teaser-desc h2{
```
Insertion in theme/public/styles/coverItem.less at line 50 [5.80]
[5.637]
[5.637]
```
    line-height: 1.2em;
```

Replacement in theme/public/styles/coverItem.less at line 53 [5.80]

B:BD[5.683] → [5.683:718]

    text-shadow: 0px 2px 3px #555;

[5.683]

[5.718]

    text-shadow: 0px 2px 3px #555;  
    opacity: 1;
    transform: translate(0);

Replacement in theme/public/styles/coverItem.less at line 58 [5.80]
B:BD[5.721] → [5.721:738]
```
.page-teaser h3{
```
[5.721]
[5.738]
```
.page-teaser-desc h3{
```
Replacement in theme/public/styles/coverItem.less at line 60 [5.80]
B:BD[5.760] → [5.760:785]
```
    margin: 0 1em 0 1em;
```
[5.760]
[5.785]
```
    line-height: 1.2em;
    margin: 1em;
```

Replacement in theme/public/styles/coverItem.less at line 64 [5.80]

B:BD[5.831] → [5.831:857]

    text-transform: none;

[5.831]

[5.857]

    text-transform: none;    
    opacity: 1;
    transform: translate(0);

Replacement in theme/public/styles/coverItem.less at line 69 [5.80]

B:BD[5.860] → [5.860:1044]

.page-teaser .page-teaser-desc{
    position: relative;
    margin-top:120px;    
    color: @headertitle;
    font-size: 1.2em;
    line-height: 1.5em;
}
.page-teaser .avatar-small{

[5.860]

[5.1044]

.page-teaser-desc .avatar-small{

Replacement in theme/public/styles/coverItem.less at line 77 [5.80]
B:BD[5.1155] → [5.1155:1182]
```
.page-teaser a.cover-link{
```
[5.1155]
[5.1182]
```
.page-teaser-desc a.cover-link{
```
Replacement in theme/public/styles/coverItem.less at line 82 [5.80]
B:BD[5.1280] → [5.1280:1302]
```
    line-height: 3em;
```
[5.1280]
[5.1302]
```
    line-height: 1.2em;    
    padding:8px;
```

Replacement in theme/public/styles/coverItem.less at line 87 [5.80]

B:BD[5.1336] → [5.1336:1396]

.page-teaser a.cover-link:hover{
    color: @fontcolor;

[5.1336]

[5.1396]

.page-teaser-desc a.cover-link:hover{
    color: @fontcolor; 
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;

Replacement in theme/public/styles/breadcrumbs.less at line 6 [4.291372]
B:BD[4.291493] → [4.291493:291517]
```
    position: relative;
```
[4.291493]
[4.291517]
```
    position: absolute;
```
Replacement in theme/public/styles/breadcrumbs.less at line 8 [4.291372]
B:BD[4.291529] → [4.291529:291545]
```
    top: 200px;
```
[4.291529]
[4.291545]
```
    bottom: 0;
```
Insertion in theme/public/styles/breadcrumbs.less at line 12 [4.291372]
[4.291608]
[4.291608]
```
    width:100%;
```
Insertion in theme/public/styles/breadcrumbs.less at line 16 [4.291372]
[4.291709]
[4.291709]
```
    transition: height 0.3s linear 0s;
```
Replacement in theme/public/styles/breadcrumbs.less at line 18 [4.291372]
B:BD[4.291711] → [4.291711:291714]
```
  
```
[4.291711]
[4.291714]
Insertion in theme/public/styles/album-cards.less at line 3 [4.293090]
[4.293125]
[4.293125]
```
}
#albums.nocover{
  margin-top:100px;
```
Replacement in theme/public/styles/album-cards.less at line 19 [4.293090]
B:BD[4.293391] → [4.293391:293409]
```
    width: 320px;
```
[4.293391]
[4.293409]
```
    width: 340px;
```
Replacement in theme/public/styles/album-cards.less at line 41 [4.293090]
B:BD[4.293947] → [4.293947:293965]
```
    width: 320px;
```
[4.293947]
[4.293965]
```
    width: 340px;
```

File addition: camera.svg (----------)

[4.1101376]

<svg height="496pt" viewBox="0 0 496 496" width="496pt" xmlns="http://www.w3.org/2000/svg"><path d="m472 32h-16v-24c0-4.425781-3.585938-8-8-8h-64c-4.414062 0-8 3.574219-8 8v24h-256c-13.230469 0-24 10.769531-24 24v152h-88c-4.414062 0-8 3.574219-8 8v272c0 4.425781 3.585938 8 8 8h208c4.414062 0 8-3.574219 8-8v-184h248c13.230469 0 24-10.769531 24-24v-224c0-13.230469-10.769531-24-24-24zm-80-16h48v16h-48zm-280 96h32v96h-32zm96 368h-192v-256h192zm264-192h-248v-72c0-4.425781-3.585938-8-8-8h-56v-104c0-4.425781-3.585938-8-8-8h-40v-40c0-4.414062 3.59375-8 8-8h352c4.40625 0 8 3.585938 8 8v40h-40c-4.414062 0-8 3.574219-8 8v128c0 4.425781 3.585938 8 8 8h40v40c0 4.414062-3.59375 8-8 8zm8-176v112h-32v-112zm0 0"/><path d="m296 64c-57.34375 0-104 46.65625-104 104 0 8.800781 1.105469 17.535156 3.28125 25.992188l15.496094-3.984376c-1.839844-7.152343-2.777344-14.550781-2.777344-22.007812 0-48.519531 39.480469-88 88-88s88 39.480469 88 88-39.480469 88-88 88c-18.558594 0-36.3125-5.710938-51.328125-16.503906l-9.34375 12.984375c17.761719 12.765625 38.734375 19.519531 60.671875 19.519531 57.34375 0 104-46.65625 104-104s-46.65625-104-104-104zm0 0"/><path d="m296 240c39.695312 0 72-32.296875 72-72s-32.304688-72-72-72-72 32.296875-72 72 32.304688 72 72 72zm0-128c30.878906 0 56 25.128906 56 56s-25.121094 56-56 56-56-25.128906-56-56 25.121094-56 56-56zm0 0"/><path d="m40 432h144c4.414062 0 8-3.574219 8-8v-176c0-4.425781-3.585938-8-8-8h-144c-4.414062 0-8 3.574219-8 8v176c0 4.425781 3.585938 8 8 8zm8-36.6875 4.6875-4.6875c9.433594-9.433594 21.96875-14.625 35.3125-14.625 10.871094 0 21.175781 3.503906 29.734375 9.878906-9.566406 2.488282-18.359375 7.425782-25.535156 14.609375l-15.511719 15.511719h-28.6875zm112.488281 16.488281 4.199219 4.199219h-65.375l4.199219-4.199219c7.617187-7.617187 17.726562-11.800781 28.488281-11.800781s20.871094 4.183594 28.488281 11.800781zm15.511719-122.097656c-4.382812 3.960937-10.03125 6.296875-16 6.296875-13.230469 0-24-10.769531-24-24 0-5.96875 2.335938-11.617188 6.296875-16h33.703125zm-52.632812-33.703125c-2.183594 4.992188-3.367188 10.433594-3.367188 16 0 22.054688 17.945312 40 40 40 5.566406 0 11.007812-1.183594 16-3.367188v96.054688l-4.199219-4.199219c-8.738281-8.734375-19.847656-14.175781-31.863281-15.863281l-5.304688-5.304688c-12.457031-12.464843-29.015624-19.320312-46.632812-19.320312-14.664062 0-28.558594 4.816406-40 13.59375v-117.59375zm0 0"/><path d="m98.339844 322.339844 16-15.996094 11.3125 11.3125-15.996094 15.996094zm0 0"/><path d="m144 328h16v16h-16zm0 0"/><path d="m88 272h16v16h-16zm0 0"/><path d="m330.527344 352.414062c-12.65625-4.222656-22.726563-14.292968-26.941406-26.941406-1.089844-3.273437-4.136719-5.472656-7.585938-5.472656s-6.496094 2.199219-7.59375 5.472656c-4.214844 12.648438-14.285156 22.71875-26.941406 26.941406-3.265625 1.089844-5.464844 4.136719-5.464844 7.585938s2.199219 6.496094 5.472656 7.585938c12.65625 4.222656 22.726563 14.292968 26.941406 26.941406 1.089844 3.273437 4.136719 5.472656 7.585938 5.472656s6.496094-2.199219 7.59375-5.472656c4.214844-12.648438 14.285156-22.71875 26.941406-26.941406 3.265625-1.089844 5.464844-4.136719 5.464844-7.585938s-2.199219-6.496094-5.472656-7.585938zm-34.527344 22.019532c-3.9375-5.601563-8.832031-10.496094-14.433594-14.433594 5.609375-3.9375 10.496094-8.832031 14.433594-14.433594 3.9375 5.601563 8.832031 10.496094 14.433594 14.433594-5.601563 3.9375-10.496094 8.832031-14.433594 14.433594zm0 0"/><path d="m5.472656 143.585938c12.65625 4.222656 22.726563 14.292968 26.941406 26.941406 1.089844 3.273437 4.136719 5.472656 7.585938 5.472656s6.496094-2.199219 7.59375-5.472656c4.214844-12.648438 14.285156-22.71875 26.941406-26.941406 3.265625-1.089844 5.464844-4.136719 5.464844-7.585938s-2.199219-6.496094-5.472656-7.585938c-12.65625-4.222656-22.726563-14.292968-26.941406-26.941406-1.089844-3.273437-4.136719-5.472656-7.585938-5.472656s-6.496094 2.199219-7.59375 5.472656c-4.214844 12.648438-14.285156 22.71875-26.941406 26.941406-3.265625 1.089844-5.464844 4.136719-5.464844 7.585938s2.199219 6.496094 5.472656 7.585938zm34.527344-22.019532c3.9375 5.601563 8.832031 10.496094 14.433594 14.433594-5.601563 3.9375-10.496094 8.832031-14.433594 14.433594-3.9375-5.601563-8.832031-10.496094-14.433594-14.433594 5.601563-3.9375 10.496094-8.832031 14.433594-14.433594zm0 0"/></svg>

File addition: camera.png (----------)
[4.1101376]

Replacement in theme/partials/mediaItems.hbs at line 3 [4.4094768]

B:BD[5.110713] → [3.1246:1431]

∅:D[3.1431] → [5.110904:110922]

B:BD[5.110904] → [5.110904:110922]

   {{#if album.files}}      
      {{#if album.files.0.meta.exif.ImageDescription.length }}
         <div class="page-teaser-outer-media">
            {{> coverItem}}
         </div>  
      {{/if}}

[5.110713]

[5.110922]

   {{#if album.files}}           
      <div class="page-teaser-outer-media">
         {{> coverItem}}
      </div>

Replacement in theme/partials/mediaItems.hbs at line 10 [4.4094768]

∅:D[3.1573] → [5.111050:113649]

B:BD[5.111050] → [5.111050:113649]

            {{#each album.files~}}
               {{#if album.files.0.meta.exif.ImageDescription.length }}
                   {{!-- skip the cover image file --}}
               {{~else~}}
                  <div class="albumList"  
                        data-sub-html="{{meta.caption_notused}}" 
                        data-download-url="{{relative urls.download}}"
                        {{~#if isVideo~}}
                           data-html="#media{{id}}"
                        {{~else~}}
                           data-src="{{relative urls.large}}"
                        {{~/if~}}    
                        data-exthumbimage="{{relative urls.thumbnail}}"
                        data-filename="{{filename}}"
                        {{#if meta.exif}}
                           data-datetimeoriginal="{{meta.exif.DateTimeOriginal}}"
                           data-fnumber="{{meta.exif.FNumber}}"
                           data-exposuretime="{{meta.exif.ExposureTime}}"
                           data-isospeedratings="{{meta.exif.ISO}}"
                           data-focallength="{{meta.exif.FocalLength}}"
                           data-lens="{{meta.exif.Lens}}"
                           data-model="{{meta.exif.Model}}"
                           data-make="{{meta.exif.Make}}"
                           data-gpslatitude="{{meta.exif.GPSLatitude}}"
                           data-gpslongitude="{{meta.exif.GPSLongitude}}"
                           data-gpslatituderef="{{meta.exif.GPSLatitudeRef}}"
                           data-gpslongituderef="{{meta.exif.GPSLongitudeRef}}"
                           data-gpsaltitude="{{meta.exif.GPSAltitude}}"
                        {{/if}}>
                        {{!--  Image or Video thumbnail --}}
                        {{~#if isVideo~}}
                           <a href="{{relative urls.download}}">
                        {{~else~}}
                           <a href="{{relative urls.large}}">
                        {{~/if~}}
                              <img src="{{relative urls.small}}" alt="{{#if meta.exif}} {{{meta.exif.DateTimeOriginal}}}  {{else}}  {{{meta.date}}} {{/if}}" />
                              <span class="show-gallery icon-zoom-in"></span>
                           </a>
                        {{#compare meta.animated "||" isVideo}}
                           <div class="video-overlay">
                              <img src="{{relative 'public/play.png'}}" />
                           </div>
                        {{/compare}}    
                     </div>
               {{/if}}

[3.1573]

[5.113649]

            {{#each album.files~}}             
               <div class="albumList"  
                     data-sub-html="{{meta.caption_notused}}" 
                     data-download-url="{{relative urls.download}}"
                     {{~#if isVideo~}}
                        data-html="#media{{id}}"
                     {{~else~}}
                        data-src="{{relative urls.large}}"
                     {{~/if~}}    
                     data-exthumbimage="{{relative urls.thumbnail}}"
                     data-filename="{{filename}}"
                     {{#if meta.exif}}
                        data-datetimeoriginal="{{meta.exif.DateTimeOriginal}}"
                        data-fnumber="{{meta.exif.FNumber}}"
                        data-exposuretime="{{meta.exif.ExposureTime}}"
                        data-isospeedratings="{{meta.exif.ISO}}"
                        data-focallength="{{meta.exif.FocalLength}}"
                        data-lens="{{meta.exif.Lens}}"
                        data-model="{{meta.exif.Model}}"
                        data-make="{{meta.exif.Make}}"
                        data-gpslatitude="{{meta.exif.GPSLatitude}}"
                        data-gpslongitude="{{meta.exif.GPSLongitude}}"
                        data-gpslatituderef="{{meta.exif.GPSLatitudeRef}}"
                        data-gpslongituderef="{{meta.exif.GPSLongitudeRef}}"
                        data-gpsaltitude="{{meta.exif.GPSAltitude}}"
                     {{/if}}>
                     {{!--  Image or Video thumbnail --}}
                     {{~#if isVideo~}}
                        <a href="{{relative urls.download}}">
                     {{~else~}}
                        <a href="{{relative urls.large}}">
                     {{~/if~}}
                           <img src="{{relative urls.small}}" alt="{{#if meta.exif}} {{{meta.exif.DateTimeOriginal}}}  {{else}}  {{{meta.date}}} {{/if}}" />
                           <span class="show-gallery icon-zoom-in"></span>
                        </a>
                     {{#compare meta.animated "||" isVideo}}
                        <div class="video-overlay">
                           <img src="{{relative 'public/play.png'}}" />
                        </div>
                     {{/compare}}    
                  </div>

Replacement in theme/partials/galleryHeader.hbs at line 1 [3.1575]

B:BD[3.1575] → [3.1576:1881]

<header>  
  <h1>      
      <a href="{{relative gallery.home.url}}">
          <img src="public/assets/avatar.jpg" class="avatar"></img>
          <span>{{{gallery.title}}}</span>
      </a>
  </h1>
  {{#compare album.depth '==' 0}}
  <span class="info">{{album.summary}}</span>
  {{/compare}}
</header>

[3.1575]

{{#compare album.title '!=' 'Home'}}
  <nav class="menubar">  
    <h1 class="logo">      
        <a href="{{relative gallery.home.url}}">
            <img src="public/assets/avatar.jpg"></img>
            <span>{{{gallery.title}}}</span>
        </a>
    </h1>
    {{#each breadcrumbs~}}       
        <a class="menubar-item" href="{{relative url}}">{{this.title}}</a><span>&nbsp;</span>
    {{~/each~}}
  </nav>
{{/compare}}
{{#compare album.files.length '==' 1}} 
  <div class="page-top{{#compare album.title '==' 'Home'}} page-home{{/compare}}">
      <div class="page-header" style="background-image: url('{{relative  album.files.[0].urls.large}}')">
        <div class="page-teaser-desc">
            <h2>{{albumname album.title}}</h2>
            <h3>{{album.files.0.meta.exif.ImageDescription}}</h3> 
            {{#if album.files.0.meta.exif.Copyright.length }}                
            <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.Artist}}"></img>
            {{/if}}
            <p>{{album.files.0.meta.exif.Artist}}</p>
            {{#if album.files.0.meta.exif.DocumentName.length }}
            <a class="cover-link" href="{{album.files.0.meta.exif.DocumentName}}">&nbsp;{{album.files.0.meta.exif.DocumentName}}</a>
            {{/if}}       
            <p>{{album.summary}}</p>        
        </div>
      </div>  
  </div>
{{/compare}}

File addition: galleryHeader.1.hbs (----------)

[4.4094746]

<header id="pagetop">  
  <h1>      
      <a href="{{relative gallery.home.url}}">
          <img src="public/assets/avatar.jpg" class="avatar"></img>
          <span class="appname">{{{gallery.title}}}</span>
      </a>
  </h1>
  {{#compare album.depth '==' 0}}
  <span id="pageinfo" class="pageinfo">{{album.summary}}</span>
  {{/compare}}
  {{> crumbs}}
</header>

Replacement in theme/partials/crumbs.hbs at line 5 [4.4097069]
B:BD[4.4097150] → [4.4097150:4097176]
```
<nav class="breadcrumbs">
```
[4.4097150]
[4.4097176]
```
<nav id="menubar" class="breadcrumbs">
```

Replacement in theme/partials/coverItem.hbs at line 2 [5.113863]

B:BD[5.113865] → [3.1927:2042]

{{!-- check if the first image is a cover images  --}}
{{#if album.files.0.meta.exif.ImageDescription.length }}

[5.113865]

[3.2042]

{{!-- 
   check if the first image is a cover images  
--}}

Deletion in theme/partials/coverItem.hbs at line 6 [5.113863]

B:BD[3.2142] → [3.2142:2440]

∅:D[3.2440] → [5.114873:114885]

B:BD[5.114873] → [5.114873:114885]

    <h2>{{albumname album.title}}</h2>
    <h3>{{album.files.0.meta.exif.ImageDescription}}</h3>
    {{#if album.files.0.meta.exif.DocumentName.length }}
    <a class="cover-link icon-external-link" href="{{album.files.0.meta.exif.DocumentName}}">&nbsp;{{album.files.0.meta.exif.DocumentName}}</a>
    {{/if}}

Replacement in theme/partials/coverItem.hbs at line 7 [5.113863]

B:BD[3.2476] → [3.2476:2751]

            {{#if album.files.0.meta.exif.Copyright.length }}                
            <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small"></img>
            {{/if}}   
        <p>{{album.files.0.meta.exif.Artist}}<br>{{album.summary}}</p>

[3.2476]

[3.2751]

        <h2>{{albumname album.title}}</h2>
        <h3>{{album.files.0.meta.exif.ImageDescription}}</h3> 
        {{#if album.files.0.meta.exif.Copyright.length }}                
        <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.Artist}}"></img>
        {{/if}}
        <p>{{album.files.0.meta.exif.Artist}}</p>
        {{#if album.files.0.meta.exif.DocumentName.length }}
        <a class="cover-link" href="{{album.files.0.meta.exif.DocumentName}}">&nbsp;{{album.files.0.meta.exif.DocumentName}}</a>
        {{/if}}       
        <p>{{album.summary}}</p>

Replacement in theme/partials/coverItem.hbs at line 19 [5.113863]
B:BD[3.2769] → [3.2769:2777]
∅:D[3.2777] → [5.114898:114899]
B:BD[5.114898] → [5.114898:114899]
```
{{/if}}
```
[3.2769]
```
{{#if album.files.0.meta.exif.ImageDescription.length }}  
{{/if}}
```
Insertion in theme/partials/content.hbs at line 4 [4.4097488]
[4.4097620]
[4.4097620]
```
  #compare album.depth '==' 0
```
Deletion in theme/partials/content.hbs at line 7 [4.4097488]
∅:D[3.2799] → [4.4097913:4097959]
B:BD[4.4097913] → [4.4097913:4097959]
```
{{!-- include the crumbsbar --}}
{{> crumbs}}
```

Replacement in theme/partials/ablumTeaser.hbs at line 3 [5.115144]

B:BD[5.115291] → [3.2802:3055]

    <div id="albums" class="cards clearfix">
      {{!-- include the album description as cover item --}}
      {{#compare album.files.length '==' 1}} 
      <div class="page-teaser-outer">
        {{> coverItem}}
      </div>  
      {{/compare}}

[5.115291]

[5.115344]

    <div id="albums" class="cards clearfix{{#compare album.files.length '==' 0}} nocover{{/compare}}">

Replacement in theme/album.hbs at line 51 [4.4103770]
B:BD[4.4106183] → [4.4106183:4106205]
```
          margins: 8,
```
[4.4106183]
[4.4106205]
```
          margins: 10,
```

Replacement in theme/album.hbs at line 54 [4.4103770]

B:BD[4.4106259] → [4.4106259:4106287]

          cssAnimation:true

[4.4106259]

[4.4106287]

          cssAnimation:true,
          waitThumbnailsLoad: false

Replacement in theme/album.hbs at line 57 [4.4103770]

B:BD[4.4106305] → [4.4106305:4106315]

});

[4.4106305]

[4.4106315]

      });  
      var scrollWindow = function() {
        $('body').scroll(function(){        
          var $w = $(this), st =$(".page-top").position().top,navbar = $('.menubar'),y = (st) ? Math.abs(st):0;
          if (y > 150)  { if ( !navbar.hasClass('scrolled')) {navbar.addClass('scrolled');}}
          if (y < 150)  { if ( navbar.hasClass('scrolled'))  {navbar.removeClass('scrolled sleep');}}
          if ( y > 600) { if ( !navbar.hasClass('awake') )   {navbar.addClass('awake'); }}
          if ( y < 600 ) {if ( navbar.hasClass('awake') )    {navbar.removeClass('awake');navbar.addClass('sleep');}}
        });
      };
      // scrollWindow();

Replacement in setcover.sh at line 11 [5.116950]

B:BD[2.483] → [2.483:771]

AUTOR="Peter Siebler"                           ## name autor
AVATAR="avatar.jpg"                             ## optional avatar imagage
DESCRIPTION="Unser erste Thailandurlaub"        ## description
LINK="https://www.siebler.at"                   ## optional link (external or internal)

[2.483]

[2.771]

AUTOR="AUTORNAME"                           ## name autor
AVATAR="avatar.jpg"                         ## optional avatar imagage
LINK="https://DOMAIN"                       ## optional link (external or internal)

Insertion in setcover.sh at line 16 [5.116950]

[2.850]

[5.117199]

DESCRIPTION="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."

Replacement in README.md at line 8 [4.5728420]

B:BD[4.5728767] → [4.5728767:5728790]

** Just for testing **

[4.5728767]

[4.5728790]

** JUST FOR TESTING  **
# Template CARD & FLOW
This is a template for thumbsup, based on the template card and flow.
For the home and albumpages the card template is used and for the gallery pages the flow themplate.

Replacement in README.md at line 18 [4.5728420]

B:BD[5.117515] → [5.117515:117564]

   - add cover images for the gallery and albums

[5.117515]

[5.117564]

   - add cover images for the albums and galleries

Replacement in README.md at line 48 [4.5728420]

B:BD[5.117819] → [5.117819:118015]

- For this application, the first photo is checked if the EXIF data (Artist, Copyright, ImageDescription, DocumentName) is set there. 
  If these are present, then the cover teaser is displayed.

[5.117819]

[5.118015]

- For this application, the first photo is checked if the EXIF data (Artist, Copyright,  ImageDescription, DocumentName) is set there.   
  If these are present, then the cover teaser for gallery or albums is displayed.

Insertion in README.md at line 55 [4.5728420]

[5.118165]

- for justified-gallery the first foto will be uses as cover teaser.

Replacement in README.md at line 79 [4.5728420]
B:BD[5.118560] → [5.118560:118577]
```
       foto1.img
```
[5.118560]
[5.118577]
```
       foto1.img 
```

New layout fotobook

Dependencies

In channels

Change contents

Insertion in theme/theme.less at line 25 [4.23]

Deletion in theme/theme.less at line 29 [4.23]

Replacement in theme/theme.less at line 37 [4.23]

Replacement in theme/public/styles/structure.less at line 6 [4.277290]

Replacement in theme/public/styles/structure.less at line 11 [4.277290]

Replacement in theme/public/styles/structure.less at line 16 [4.277290]

File addition: pagemenu.less (----------)

File addition: pagecover.less (----------)

Insertion in theme/public/styles/header.less at line 6 [4.280538]

Replacement in theme/public/styles/header.less at line 14 [4.280538]

Insertion in theme/public/styles/header.less at line 17 [4.280538]

Replacement in theme/public/styles/header.less at line 19 [4.280538]

Replacement in theme/public/styles/header.less at line 38 [4.280538]

Replacement in theme/public/styles/header.less at line 42 [4.280538]

Replacement in theme/public/styles/header.less at line 48 [4.280538]

Replacement in theme/public/styles/header.less at line 56 [4.280538]

Replacement in theme/public/styles/header.less at line 60 [4.280538]

Insertion in theme/public/styles/header.less at line 64 [4.280538]

Replacement in theme/public/styles/header.less at line 66 [4.280538]

Insertion in theme/public/styles/generic.less at line 24 [4.281978]

Replacement in theme/public/styles/generic.less at line 35 [4.281978]

Replacement in theme/public/styles/generic.less at line 38 [4.281978]

Insertion in theme/public/styles/generic.less at line 47 [4.281978]

Insertion in theme/public/styles/generic.less at line 51 [4.281978]

Insertion in theme/public/styles/generic.less at line 53 [4.281978]

Insertion in theme/public/styles/generic.less at line 57 [4.281978]

Replacement in theme/public/styles/footer.less at line 9 [4.283343]

Replacement in theme/public/styles/footer.less at line 11 [4.283343]

Deletion in theme/public/styles/footer.less at line 13 [4.283343]

Replacement in theme/public/styles/coverItem.less at line 5 [5.80]

Deletion in theme/public/styles/coverItem.less at line 7 [5.80]

Replacement in theme/public/styles/coverItem.less at line 9 [5.80]

Replacement in theme/public/styles/coverItem.less at line 19 [5.80]

Replacement in theme/public/styles/coverItem.less at line 34 [5.80]

Replacement in theme/public/styles/coverItem.less at line 48 [5.80]

Insertion in theme/public/styles/coverItem.less at line 50 [5.80]

Replacement in theme/public/styles/coverItem.less at line 53 [5.80]

Replacement in theme/public/styles/coverItem.less at line 58 [5.80]

Replacement in theme/public/styles/coverItem.less at line 60 [5.80]

Replacement in theme/public/styles/coverItem.less at line 64 [5.80]

Replacement in theme/public/styles/coverItem.less at line 69 [5.80]

Replacement in theme/public/styles/coverItem.less at line 77 [5.80]

Replacement in theme/public/styles/coverItem.less at line 82 [5.80]

Replacement in theme/public/styles/coverItem.less at line 87 [5.80]

Replacement in theme/public/styles/breadcrumbs.less at line 6 [4.291372]

Replacement in theme/public/styles/breadcrumbs.less at line 8 [4.291372]

Insertion in theme/public/styles/breadcrumbs.less at line 12 [4.291372]

Insertion in theme/public/styles/breadcrumbs.less at line 16 [4.291372]

Replacement in theme/public/styles/breadcrumbs.less at line 18 [4.291372]

Insertion in theme/public/styles/album-cards.less at line 3 [4.293090]

Replacement in theme/public/styles/album-cards.less at line 19 [4.293090]

Replacement in theme/public/styles/album-cards.less at line 41 [4.293090]