manithree/theme-cards-flow - Change MCPXLE6LIQRLQA2OBQSVIH4O3HAEZZWKPQMEDERPBHN6IVOAVXVAC

New layout fotobook, mobile version

Created by Peter Siebler on May 19, 2019

MCPXLE6LIQRLQA2OBQSVIH4O3HAEZZWKPQMEDERPBHN6IVOAVXVAC

Dependencies

In channels

main

Change contents

Replacement in theme/theme.less at line 34 [4.23]
B:BD[4.641] → [2.220:261]
```
@footer-background: rgba(0, 0, 0, 0.75);
```
[4.641]
[2.261]
```
@footer-background: rgba(0, 0, 0, 0.85);
```
Replacement in theme/public/styles/thumbnails.less at line 20 [4.276512]
B:BD[5.292] → [5.292:330]
```
    transition: all 0.2s ease-in-out;
```
[5.292]
[5.330]
```
    transition: all 1.2s ease-in-out;
```
Insertion in theme/public/styles/thumbnails.less at line 22 [4.276512]
[5.352]
[5.352]
```
    transform: scale(0.7, 0.7);
    cursor: pointer;
```

Deletion in theme/public/styles/thumbnails.less at line 26 [4.276512]

B:BD[4.276997] → [4.276997:277105]

// -----------------------------------
// Photo and video thumbnails
// -----------------------------------

Insertion in theme/public/styles/thumbnails.less at line 34 [4.276512]

[5.490]

[4.277247]

}
.albumList:hover{
    transform: scale(0.98, 0.98);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.35);
    transition: all .2s ease-in-out;
    cursor: pointer;

Replacement in theme/public/styles/structure.less at line 23 [4.277290]
B:BD[5.625] → [5.625:658]
```
    border-width: 0 50px 0 50px;
```
[5.625]
[5.658]
```
    border-width: 0 0 0 10px;
```
Replacement in theme/public/styles/pagemenu.less at line 5 [6.320]
B:BD[6.379] → [6.379:397]
```
    height: 50px;
```
[6.379]
[6.397]
```
    height: 56px;
```
Replacement in theme/public/styles/pagemenu.less at line 20 [6.320]
B:BD[6.962] → [6.962:993]
```
    left: 38px;
    top: 12px;
```
[6.962]
[6.993]
```
    left: 20px;
    top: 16px;
```
Replacement in theme/public/styles/pagemenu.less at line 60 [6.320]
B:BD[5.1271] → [5.1271:1285]
```
    top: 8px;
```
[5.1271]
[5.1285]
```
    top: 12px;
```

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

B:BD[4.280896] → [4.280896:280933]

    box-shadow: @header-shadowcolor;

[4.280896]

[6.3085]

    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);

Insertion in theme/public/styles/header.less at line 18 [4.280538]
[6.3148]
[5.4772]
```
    transition: box-shadow 250ms;
```
Deletion in theme/public/styles/header.less at line 49 [4.280538]
B:BD[5.4918] → [5.4918:4924]
```
    ;
```
Insertion in theme/public/styles/generic.less at line 18 [4.281978]
[5.5092]
[5.5092]
```
    -webkit-tap-highlight-color: transparent;
```
Replacement in theme/public/styles/footer.less at line 9 [4.283343]
B:BD[4.283495] → [6.3574:3592]
```
    height: 40px;
```
[4.283495]
[4.283513]
```
    height: 36px;
```

Insertion in theme/public/styles/footer.less at line 16 [4.283343]

[4.283730]

[5.5349]

    line-height: 3.0em;
    padding-right: 36px;
    cursor: default;
}
footer .right {
    position: absolute;
    right: 12px;
    top:0;
    text-align: right;
    width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
footer .left {
    position: absolute;
    left: 12px;
    top:0;
    text-align: left;
    width: 45%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

Replacement in theme/public/styles/footer.less at line 45 [4.283343]
B:BD[4.283781] → [4.283781:283805]
```
    text-align: center;
```
[4.283781]
[5.5364]
```
}
footer a:hover {
    color: @hovercolor;
```
Replacement in theme/public/styles/album-cards.less at line 31 [4.293090]
B:BD[4.293688] → [2.1246:1278]
```
    transform: scale(0.9, 0.9);
```
[4.293688]
[4.293777]
```
    transform: scale(0.95, 0.95);
    cursor: pointer;
```
Replacement in theme/public/styles/album-cards.less at line 46 [4.293090]
B:BD[4.294079] → [4.294079:294100]
```
    cursor: pointer;
```
[4.294079]
[5.7851]
```
    cursor: pointer;    
```
Replacement in theme/public/styles/album-cards.less at line 50 [4.293090]
∅:D[5.7880] → [4.294130:294149]
B:BD[4.294130] → [4.294130:294149]
```
    opacity: 0.75;
```
[5.7880]
[4.294149]
```
    transition: all 1s ease-in-out;
    width: 440px;
```
Replacement in theme/public/styles/album-cards.less at line 56 [4.293090]
B:BD[4.294201] → [4.294201:294221]
```
    padding: 0 1em;
```
[4.294201]
[2.1279]
```
    padding: 4px 1em 0 1em;
```
Replacement in theme/public/styles/album-cards.less at line 71 [4.293090]
B:BD[4.294469] → [4.294469:294518]
```
    line-height: 2.5em;
    letter-spacing: 2px;
```
[4.294469]
[4.294518]
```
    line-height: 2.2em;
    letter-spacing: 1px;
```

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

[4.294647]

[5.7978]

}
#albums .card-info .summary{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.card-avatar{
    position: absolute;
    top: 10px;
    right: 10px;
    object-fit: cover;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    z-index: 500;

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

B:BD[3.271] → [3.271:341]

                  {{!-- skip this because this is the cover item --}}

[3.271]

[3.341]

                  {{!-- skip this because this is the cover item  --}}

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

∅:D[3.365] → [6.10494:11940]

B:BD[6.10494] → [6.10494:11940]

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

[3.365]

[6.11940]

               <div {{{photoMeta meta}}} {{~#if isVideo~}} data-html="#media{{id}}"{{~else~}} data-src="{{relative urls.large}}"{{~/if~}} data-exthumbimage="{{relative urls.thumbnail}}" data-filename="{{filename}}">

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

B:BD[6.11998] → [6.11998:12482]

                     {{~#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>

[6.11998]

[6.12482]

                     {{~#if isVideo~}}<a href="{{relative urls.download}}">{{~else~}}<a href="{{relative urls.large}}">{{~/if~}}
                           <img class="fotopreview" src="{{relative urls.small}}" alt="{{#if meta.exif}} {{{meta.exif.DateTimeOriginal}}}  {{else}}  {{{meta.date}}} {{/if}}" />
                           <span class="show-gallery icon-zoom-in"></span></a>

Replacement in theme/partials/footer.hbs at line 1 [7.113711]

B:BD[7.113711] → [7.113712:113825]

{{!--  Optional footer   --}}
{{#if gallery.footer}}
    <footer><p>{{{gallery.footer}}}</p></footer>
{{/if}}

[7.113711]

{{!--  footer   --}}
<footer>
    {{#compare album.title '==' 'Home'}}
    <div class="left">&bullet; {{gallery.title}}&nbsp;&bullet;{{album.summary}}</div>
    {{else}}
    <div class="left">&bullet; {{album.title}}&nbsp;&bullet;{{album.summary}}</div>
    {{/compare}}
    <div class="right">{{#if gallery.footer}}{{{gallery.footer}}}: {{/if}}&nbsp;&bullet; Copyright &copy; 2019 Peter Siebler. All rights reserved.</div>
</footer>

Replacement in theme/partials/ablumTeaser.hbs at line 5 [7.115144]

B:BD[7.115394] → [7.115394:115552]

        <a href="{{relative url}}" class="card">
          <div class="card-photo" style="background-image: url('{{relative previews.0.urls.large}}')"></div>

[7.115394]

[5.8466]

        <a href="{{relative url}}" class="card" title="Show Gallery {{title}}">          
          <div class="card-photo" style="background-image: url('{{relative previews.0.urls.small}}')"></div>

File addition: photoMeta.js (----------)

[4.4100967]

/*
 *  get the meta data for a foto
 *  @call: photoMeta meta
 */
"use strict";
var attr = {};
module.exports = meta => {
    var retval = '';
    attr = {};
    if (meta) {
        attr['class'] = 'albumList';
        if (meta.caption)
            checkMeta('data-sub-html', meta.caption.trim());
        if (meta.exif) {
            checkMeta('data-datetimeoriginal', meta.exif.DateTimeOriginal);
            checkMeta('data-fnumber', meta.exif.FNumber);
            checkMeta('data-exposuretime', meta.exif.ExposureTime);
            checkMeta('data-exposuretime', meta.exif.ExposureTime);
            checkMeta('data-exposuretime', meta.exif.ExposureTime);
            checkMeta('data-isospeedratings', meta.exif.ISO);
            checkMeta('data-focallength', meta.exif.FocalLength);
            checkMeta('data-lens', meta.exif.Lens);
            checkMeta('data-model', meta.exif.Model);
            checkMeta('data-make', meta.exif.Make);
            checkMeta('data-gpslatitude', meta.exif.GPSLatitude);
            checkMeta('data-gpslongitude', meta.exif.GPSLongitude);
            checkMeta('data-gpslatituderef', meta.exif.GPSLatitudeRef);
            checkMeta('data-gpslongituderef', meta.exif.GPSLongitudeRef);
        }
        retval = (Object.keys(attr).map(key => key + '="' + attr[key]).join('" ')) + '"';
    }
    // console.log(retval);
    return retval;
}
function checkMeta(name, v) {
    var metaval = (v) ? v : null;
    if (metaval) attr[name] = metaval;
}

Deletion in README.md at line 8 [4.5728420]
B:BD[4.5728767] → [6.16673:16697]
```
** JUST FOR TESTING  **
```

Insertion in README.md at line 12 [4.5728420]

[4.5728791]

**Information**
   Gallery generated successfully!      
   164 albums, 23413 photos, 235 videos

New layout fotobook, mobile version

Dependencies

In channels

Change contents

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

Replacement in theme/public/styles/thumbnails.less at line 20 [4.276512]

Insertion in theme/public/styles/thumbnails.less at line 22 [4.276512]

Deletion in theme/public/styles/thumbnails.less at line 26 [4.276512]

Insertion in theme/public/styles/thumbnails.less at line 34 [4.276512]

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

Replacement in theme/public/styles/pagemenu.less at line 5 [6.320]

Replacement in theme/public/styles/pagemenu.less at line 20 [6.320]

Replacement in theme/public/styles/pagemenu.less at line 60 [6.320]

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

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

Deletion in theme/public/styles/header.less at line 49 [4.280538]

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

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

Insertion in theme/public/styles/footer.less at line 16 [4.283343]

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

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

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

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

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

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