manithree/theme-cards-flow - Change EZHOZLJCJNWS7KMYAFTMVOL54XDQNZQJ4O6E6OKWCBXPHDOMATVQC

New version, gallery- and album description from EXIF Data.

Created by Peter Siebler on May 14, 2019

EZHOZLJCJNWS7KMYAFTMVOL54XDQNZQJ4O6E6OKWCBXPHDOMATVQC

Dependencies

In channels

main

Change contents

Replacement in theme/public/styles/structure.less at line 26 [3.277290]
B:BD[3.277761] → [3.277761:277793]
```
  border-width:  0 12px 0 12px;
```
[3.277761]
[3.277793]
```
  border-width:  0 50px 0 50px;
```

Insertion in theme/public/styles/mobile.less at line 5 [3.279920]

[3.280021]

    }
    header .icon-arrow-left{
      position: absolute;
      right:50px;
      top:10px;
      font-size: 2.5em;
      color: @headertitle;
      cursor: pointer;
    }    
    header .icon-arrow-right{
      position: absolute;
      right:8px;
      top:10px;
      font-size: 2.5em;
      color: @headertitle;
      cursor: pointer;

Deletion in theme/public/styles/header.less at line 17 [3.280538]

B:BD[3.280933] → [3.280933:281088]

  }
  
  .avatar {
    position:absolute;
    bottom:20px;
    left:50px;
    object-fit: cover;
    border-radius:50%;
    width: 90px;
    height: 90px;

Replacement in theme/public/styles/header.less at line 18 [3.280538]
B:BD[3.281092] → [3.281092:281095]
```
  
```
[3.281092]
[3.281095]
```
    
```
Replacement in theme/public/styles/header.less at line 21 [3.280538]
B:BD[3.281133] → [3.281133:281184]
```
    left: 150px;
    top: 128px;
    width: 154px;
```
[3.281133]
[3.281184]
```
    left: 54px;
    bottom: 15px;
```

Insertion in theme/public/styles/header.less at line 37 [3.280538]

[3.281420]

  header h1 a span{
    display: inline-block;
    position: relative;
    left: 12px;
    bottom: 22px;
    width:172px;
  }
  .avatar {
    position: relative;;
    bottom:20px;
    left:0;
    object-fit: cover;
    border-radius:50%;
    width: 90px;
    height: 90px;
  }

Deletion in theme/public/styles/header.less at line 64 [3.280538]

B:BD[3.281627] → [3.281627:281781]

  }
  header .icon-arrow-left{
    position: absolute;
    right:50px;
    top:10px;
    font-size: 2.5em;
    color: @headertitle;
    cursor: pointer;

Deletion in theme/public/styles/header.less at line 65 [3.280538]

B:BD[3.281785] → [3.281785:281940]

  
  header .icon-arrow-right{
    position: absolute;
    right:8px;
    top:10px;
    font-size: 2.5em;
    color: @headertitle;
    cursor: pointer;
  }

Insertion in theme/public/styles/coverItem.less at line 1 [2.80]

[2.80]

[2.81]


#container .page-teaser-outer,
#container .page-teaser-outer-media{
    position: relative;
    height:680px;
    width:100%;
    border-width: 20px 20px 36px 20px;
    border-style: solid;
    border-color: @body-background;
}
#container .page-teaser-outer-media{
    border-width: 20px 58px 40px 58px;
}

Insertion in theme/public/styles/coverItem.less at line 21 [2.80]

[2.187]

    background-size: 100%;
    background-attachment: scroll;
    background-position: 50% 50%;

Replacement in theme/public/styles/coverItem.less at line 29 [2.80]
B:BD[2.362] → [2.362:384]
```
    margin-bottom: 0;
```
[2.362]
[2.384]
```
    margin: 0;
```
Insertion in theme/public/styles/coverItem.less at line 32 [2.80]
[2.440]
[2.440]
```
    border-radius: 4px;
```

Deletion in theme/public/styles/coverItem.less at line 35 [2.80]

B:BD[2.443] → [2.443:565]

#container .page-teaser{
   border-width: 0 20px 36px 20px;
   border-style: solid;
   border-color: @body-background;
}

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

B:BD[2.110713] → [2.110713:110904]

   {{#if album.files}}
      {{!-- render album description if we can find a  ImageDescription --}}
      {{#if album.files.0.meta.exif.ImageDescription.length }}   
         {{> coverItem}}

[2.110713]

[2.110904]

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

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

B:BD[2.110991] → [2.110991:111050]

      <div id="media" class="clearfix justified-gallery">

[2.110991]

[2.111050]

      <div id="media" class="clearfix justified-gallery">
            {{!-- render album description if we can find a  ImageDescription --}}

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

[3.4094746]

<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>

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

B:BD[2.113865] → [2.113865:114873]

<div style="height:20px;"></div>  
{{!-- check if we can find images  --}}
{{#compare album.files.length '==' 1}} 
    {{!-- check if the first image is a cover images  --}}
    {{#if album.files.0.meta.exif.ImageDescription.length }}      
        <div class="page-teaser" style="background-image: url('{{relative  album.files.[0].urls.large}}')">
            <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}}
            <div class="page-teaser-desc">                         
                <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small"></img>    
                <p>{{album.files.0.meta.exif.Artist}}<br>{{album.summary}}</p>
                
            </div>
        </div>

[2.113865]

[2.114873]

{{!-- check if the first image is a cover images  --}}
{{#if album.files.0.meta.exif.ImageDescription.length }}   
<div class="page-teaser" style="background-image: url('{{relative  album.files.[0].urls.large}}')">
    <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>

Replacement in theme/partials/coverItem.hbs at line 10 [2.113863]

B:BD[2.114885] → [2.114885:114898]

{{/compare}}

[2.114885]

[2.114898]

    <div class="page-teaser-desc">
            {{#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>
    </div>
</div>
{{/if}}

Replacement in theme/partials/content.hbs at line 5 [3.4097488]

B:BD[3.4097625] → [3.4097625:4097634]

B:BD[3.4097634] → [2.114939:114967]

∅:D[2.114967] → [3.4097675:4097913]

B:BD[3.4097675] → [3.4097675:4097913]

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

[3.4097625]

[3.4097913]

{{> galleryHeader}}

Deletion in theme/partials/ablumTeaser.hbs at line 2 [2.115144]
B:BD[2.115169] → [2.115169:115248]
```
    {{!-- include the album description as cover item --}}
    {{> coverItem}}
```

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

B:BD[2.115291] → [2.115291:115344]

    <div id="albums" class="cards clearfix">

[2.115291]

[2.115344]

    <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}}