manithree/theme-cards-flow - Change R4THF7FOB3LE7JE7DMA5UL6PJIYZMNUWH6TLUKDHNB2X47V4MAEQC

new layout with sidemenu

Created by Peter Siebler on May 28, 2019

R4THF7FOB3LE7JE7DMA5UL6PJIYZMNUWH6TLUKDHNB2X47V4MAEQC

Dependencies

In channels

main

Change contents

Replacement in theme/theme.less at line 56 [3.23]

B:BD[3.1170] → [2.20394:20430]

@import "public/styles/modal.less";

[3.1170]

// @import "public/styles/modal.less";
@import "public/styles/megamenu.less";

Replacement in theme/public/styles/structure.less at line 14 [3.277290]
B:BD[4.17] → [4.17:37]
```
#container.default{
```
[4.17]
[4.37]
```
#container.default {
```

Insertion in theme/public/styles/structure.less at line 41 [3.277290]

[5.799]

}
.shimlayer {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    display: none;
    z-index: 100;
    height:100%;
    width:100%;

Insertion in theme/public/styles/pagemenu.less at line 17 [6.320]

[6.929]

a.menubutton,
a.menubutton:hover{
    position: absolute;
    left:12px;
    top:4px;
    font-size: 2em;
    font-weight: 400;    
    color:@fontcolor;
    z-index: 5000;
}
a.menubutton:hover{
  color: @hovercolor;
}

Replacement in theme/public/styles/pagemenu.less at line 34 [6.320]
B:BD[6.962] → [7.365:381]
```
    left: 20px;
```
[6.962]
[7.381]
```
    left: 0;
```
Insertion in theme/public/styles/pagemenu.less at line 40 [6.320]
[6.1066]
[6.1066]
```
    width:100%;
    text-align: center;
```
Insertion in theme/public/styles/pagemenu.less at line 60 [6.320]
[6.1314]
[6.1314]
```
    border-radius: 4px;
```
Replacement in theme/public/styles/pagemenu.less at line 66 [6.320]
B:BD[6.1381] → [6.1381:1405]
```
    line-height: 1.2em;
```
[6.1381]
[6.1405]
```
    line-height: 1.15em;
```
Replacement in theme/public/styles/pagemenu.less at line 68 [6.320]
B:BD[6.1420] → [6.1420:1437]
```
    bottom: 5px;
```
[6.1420]
[6.1437]
```
    bottom: 6px;
```
Insertion in theme/public/styles/pagemenu.less at line 72 [6.320]
[6.1495]
[6.1495]
```
    text-align: left;
```
Replacement in theme/public/styles/pagemenu.less at line 111 [6.320]
B:BD[6.1854] → [6.1854:1873]
```
    height: 680px;
```
[6.1854]
[6.1873]
```
    height: 100%;
```

Deletion in theme/public/styles/pagemenu.less at line 135 [6.320]

B:BD[8.201] → [8.201:205]

∅:D[8.205] → [6.2137:2157]

B:BD[6.2137] → [6.2137:2157]

B:BD[6.2157] → [9.451:497]

∅:D[10.369] → [6.2185:2463]

∅:D[9.497] → [6.2185:2463]

B:BD[6.2185] → [6.2185:2463]

}
.menubar.scrolled {
    background-color: @card-background-color;
    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);

Deletion in theme/public/styles/pagemenu.less at line 136 [6.320]

B:BD[6.2465] → [6.2465:2768]

B:BD[6.2768] → [5.1713:1819]

∅:D[5.1819] → [6.2768:2769]

B:BD[6.2768] → [6.2768:2769]


.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;
}
#mainbox {
    display: none;
}
.closebtn {
    display: none;
}
.mobile-header {
    display: none;
}

Replacement in theme/public/styles/mobile.less at line 26 [3.279920]

B:BD[5.2312] → [5.2312:2638]

    .mobile-header {
        position: absolute;
        top: 12px;
        left: 0;
        display: block;
        width: 100%;
        text-align: center;
        color: @fontcolor;
        font-size: 1.25em;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;

[5.2312]

[5.2638]

    .page-teaser-desc h2,
    .page-header .home,
    .page-albumtitle {
        font-size: 2.0em;

Replacement in theme/public/styles/mobile.less at line 32 [3.279920]

B:BD[5.2645] → [5.2645:2789]

    .logo {
        position: absolute;
        left: 60px;
        top: 90px;
        text-align: left;
        margin: 0;
        padding: 0;

[5.2645]

[5.2789]

    .page-teaser-desc h3 {
        font-size: 1.5em;

Replacement in theme/public/styles/mobile.less at line 36 [3.279920]

B:BD[5.2796] → [5.2796:2860]

    .logo img {
        position: relative;
        top: -38px;

[5.2796]

[5.2860]

    .page-teaser-desc p {
        font-size: 0.9em;

Replacement in theme/public/styles/mobile.less at line 40 [3.279920]
B:BD[5.2867] → [5.2867:2904]
```
    .logo span {
        top: -38px;
```
[5.2867]
[5.2904]
```
    .page-top {
        height: 420px;
```

Replacement in theme/public/styles/mobile.less at line 44 [3.279920]

B:BD[5.2911] → [5.2911:2940]

B:BD[5.2940] → [2.24276:24323]

    .card-photo,
    .card {
        width: 360px;
        margin-right: 0;

[5.2911]

[5.2962]

    .megamenu #albums {
        margin: 1em 0 0 24px;

Replacement in theme/public/styles/mobile.less at line 48 [3.279920]

B:BD[5.2969] → [5.2969:3174]

    #mainbox {
        position: absolute;
        left: 6px;
        top: 6px;
        font-size: 24px;
        cursor: pointer;
        width: 34px;
        transition: all 0.6s;
        display: block;

[5.2969]

[5.3174]

    .megamenu .card {
        margin-right: 16px;

Replacement in theme/public/styles/mobile.less at line 52 [3.279920]

B:BD[5.3181] → [5.3181:3380]

B:BD[5.3380] → [9.572:622]

∅:D[10.455] → [5.3412:3569]

∅:D[9.622] → [5.3412:3569]

B:BD[5.3412] → [5.3412:3569]

B:BD[5.3569] → [9.623:664]

∅:D[9.664] → [11.49:55]

∅:D[5.3658] → [11.49:55]

B:BD[3.280021] → [11.49:55]

B:BD[11.55] → [5.3659:4262]

∅:D[11.391] → [3.280021:280027]

∅:D[5.4262] → [3.280021:280027]

B:BD[3.280021] → [3.280021:280027]

B:BD[3.280027] → [5.4263:4435]

    #menu {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        height: 100%;
        width: 0px;
        padding: 8px 0 0 32px;
        margin: 0;
        background-color: @card-background-color;
        padding-top: 100px;
        overflow-x: hidden;
        transition: all .5s;
        z-index: 1500;
        display: none;
        text-align: left;
        box-shadow: @menubar-box-shadow;
    }
    a.menubar-item {
        padding: 8px 0 8px 0;
        text-decoration: none;
        font-size: 20px;
        color: #999;
        display: block;
        text-align: left;
        left: 32px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        border: none;
        line-height: 2em;
    }
    #menu a:hover {
        border: none;
    }
    #menu .closebtn {
        position: absolute;
        top: 0px;
        right: 4px;
        font-size: 36px;
        padding: 8px;
        margin: 0;
        display: inline-block;
        color: @fontcolor;
    }
    span.active,
    span.desktop {
        display: none;
    }
    .page-teaser-desc h2,
    .page-header .home,
    .page-albumtitle {
        font-size: 2.0em;
    }

[5.3181]

[5.4435]

Replacement in theme/public/styles/mobile.less at line 54 [3.279920]

B:BD[5.4436] → [5.4436:4489]

    .page-teaser-desc h3 {
        font-size: 1.5em;

[5.4436]

[5.4489]

@media only screen and (max-width: 320px) {
    .megamenu #albums {
        margin: 1em 0 0 66px;

Replacement in theme/public/styles/mobile.less at line 59 [3.279920]

B:BD[5.4496] → [5.4496:4548]

    .page-teaser-desc p {
        font-size: 0.9em;

[5.4496]

[5.4548]

    .megamenu .card {
        width: 181px;
        height: 139px;

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

[3.276492]

.megamenu {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fafafa;
    height: 100%;
    width: 420px;
    overflow: scroll;
    z-index: 5000;
    display: none;
    box-shadow: 0 12px 0 0 rgba(0, 0, 0, .35)
}
#megaitems {
    padding-top: 20px;
}
.megamenu-title {
    padding-left: 4px;
    padding-top: 18px;
    line-height: 2em;
    font-size: 1.2em;
    font-weight: 400;
}
.megamenu #albums {
    margin: 1em 0 0 40px;
}
.megamenu .card {
    width: 154px;
    height: 132px;
}
.megamenu .card-photo {
    width: 100%;
    height: 96px;
}
.megamenu #albums .card-info h3 {
    font-size: 0.9em;
    text-align: center;
}
.megamenu #albums .card-info .summary,
.megamenu #albums .card-info .date {
    display: none;
}
.menu-close {
    position: relative;
    top: 3px;
    border: 0;
    width: 44px;
    background-color: transparent;
    font-size: 1.4em;
}
.menu-close:hover {
    color: @hovercolor;
    cursor: pointer;
}

Deletion in theme/partials/galleryHeader.hbs at line 2 [11.1575]

B:BD[6.12800] → [5.8062:8176]

  <div class="mobile-header">{{{gallery.title}}}</div>
  <div id="mainbox" onclick="openFunction()">&#9776;</div>

Replacement in theme/partials/galleryHeader.hbs at line 3 [11.1575]

B:BD[5.8212] → [2.360907:360929]

    <h1 class="logo">

[5.8212]

[6.12854]

    <a class="menubutton" href="#">&#9776;</a>
    <h1 id="sitelogo" class="logo">

Replacement in theme/partials/galleryHeader.hbs at line 7 [11.1575]

B:BD[2.360973] → [2.360973:361029]

            <img src="{{gallery.settings.logo}}"></img>

[2.360973]

[2.361029]

            <img id="logo" src="{{gallery.settings.logo}}"></img>

Deletion in theme/partials/galleryHeader.hbs at line 12 [11.1575]

B:BD[6.13026] → [2.361050:361276]

∅:D[5.8323] → [6.13154:13170]

∅:D[2.361276] → [6.13154:13170]

B:BD[6.13154] → [6.13154:13170]

B:BD[6.13170] → [5.8324:8458]

    {{#each breadcrumbs~}}
        <a class="menubar-item" href="{{relative url}}">{{#compare this.title '==' 'Home'}}{{@root.gallery.settings.tabHome}}{{else}}{{this.title}}{{/compare}}</a><span class="desktop">&nbsp;</span>
    {{~/each~}}
     <span class="menubar-item active">{{album.title}}</span>
     <a href="#" class="closebtn" onclick="closeFunction()">&times;</a>

Insertion in theme/partials/galleryHeader.hbs at line 13 [11.1575]
[6.13179]
[6.13179]
```
  
```

Replacement in theme/partials/galleryHeader.hbs at line 28 [11.1575]

B:BD[8.604] → [8.604:915]

                    <a class="avatar-link" href="{{album.files.0.meta.exif.DocumentName}} title="{{album.files.0.meta.exif.DocumentName}}">
                        <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.DocumentName}}"></img>

[8.604]

[8.915]

                    <a class="avatar-link" href="{{album.files.0.meta.exif.DocumentName}}" title="{{album.files.0.meta.exif.DocumentName}}">
                        <img src="{{@root.gallery.settings.assets}}{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.DocumentName}}"></img>

Replacement in theme/partials/galleryHeader.hbs at line 32 [11.1575]

B:BD[8.965] → [8.965:1126]

                    <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.Artist}}"></img>

[8.965]

[8.1126]

                    <img src="{{@root.gallery.settings.assets}}{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.Artist}}"></img>

Replacement in theme/partials/footer.hbs at line 7 [12.113711]

B:BD[2.361742] → [2.361742:361830]

        <div class="left">&bullet; {{album.title}}&nbsp;&bullet;{{album.summary}}</div>

[2.361742]

[2.361830]

        <div class="left">&bullet;{{gallery.settings.albumPrefix}}&nbsp;&bullet;{{album.title}}&nbsp;&bullet;{{album.summary}}</div>

Replacement in theme/partials/coverItem.hbs at line 13 [12.113863]

B:BD[8.1336] → [8.1336:1641]

                 <a class="avatar-link" href="{{album.files.0.meta.exif.DocumentName}} title="{{album.files.0.meta.exif.DocumentName}}">
                     <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.DocumentName}}"></img>

[8.1336]

[8.1641]

                 <a class="avatar-link" href="{{album.files.0.meta.exif.DocumentName}}" title="{{album.files.0.meta.exif.DocumentName}}">
                     <img src="{{@root.gallery.settings.assets}}{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.DocumentName}}"></img>

Replacement in theme/partials/coverItem.hbs at line 17 [12.113863]

B:BD[8.1683] → [8.1683:1840]

                <img src="public/assets/{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.Artist}}"></img>

[8.1683]

[8.1840]

                <img src="{{@root.gallery.settings.assets}}{{album.files.0.meta.exif.Copyright}}" class="avatar-small" alt="" title="{{album.files.0.meta.exif.Artist}}"></img>

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

B:BD[4.469] → [4.469:493]

  {{> galleryHeader}}

[4.469]

[4.493]

  {{> galleryHeader}}
  <aside id="gallery-overview" class="megamenu">
      {{#if @root.gallery.settings.menutitle}}
      <h2 class="megamenu-title"><button class="menu-close icon-arrow-left"></button>{{@root.gallery.settings.tabHome}}&nbsp;|&nbsp;{{@root.gallery.settings.menutitle}}</h2>
      {{/if}}
      <div id="megaitems"></div>
      <div class="space3em">&nbsp;</div>
  </aside>

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

[3.4100967]

/*
 *  get the navigation menu for the current gallery
 */
"use strict";
var results = [];
/**
 *  @call foldertree album 'navi.json'
 *        foldertree album gallery.settings.navigation
 */
module.exports = (jsonObj, filename) => {
    const fs = require('fs');
    // console.log(jsonObj)
    albumdata(jsonObj.albums);
    if (results && results.length) {
        var jsonContent = JSON.stringify(results, null, 4);
        fs.writeFile(filename, jsonContent, 'utf8', function(err) {
            if (err) {
                console.log("An error occured while writing JSON Object to File " + filename);
                return console.log(err);
            }
        });
    }
}
/**
 * get all album data
 * @param {*} data 
 */
function albumdata(data) {
    data.forEach(function(obj) {
        var d = {};
        d.title = obj.title;
        d.basename = obj.basename;
        d.url = obj.url;
        d.image = obj.files[0].output.thumbnail.path;
        d.summary = obj.summary;
        d.depth = obj.depth;
        results.push(d);
        if (obj.albums && obj.albums.length > 0) {
            albumdata(obj.albums);
        }
    })
}

Replacement in theme/album.hbs at line 36 [3.4103770]
B:BD[3.4104900] → [2.363654:363677]
```
    {{> modal-window}}
```
[3.4104900]
[3.4104900]
```
    <div class="shimlayer">&nbsp;</div>
```

Deletion in theme/album.hbs at line 70 [3.4103770]

∅:D[2.363688] → [5.8510:8638]

B:BD[5.8510] → [5.8510:8638]

B:BD[6.15691] → [5.8639:8831]

      function openFunction(){
			  document.getElementById("menu").style.width="300px";
        $("#menu").toggle();		  
		  }
		  function closeFunction(){
			  document.getElementById("menu").style.width="0px";
        $("#menu").toggle();		  			  
			  document.getElementById("mainbox").innerHTML="&#9776;";
		  }

Replacement in theme/album.hbs at line 86 [3.4103770]

∅:D[2.364232] → [6.16336:16337]

B:BD[6.16336] → [6.16336:16337]

[2.364232]

[3.4106315]

      //open sidebar with album teasers
      function handleMegaItems(){
         $('.shimlayer').toggle()
          $('.megamenu').fadeToggle( "slow", "linear" );
          if ( $( "#megaitems" ).data('loaded')) return;
          $('#megaitems').load("index.html #albums").fadeIn('slow');
          $('#megaitems').data('loaded', '1');
      }
      
      $('.menubutton').on('click', function(event){
          event.preventDefault(); 
          handleMegaItems();     
      });
      $('.megamenu-title').on('click', function(event){
          event.preventDefault(); 
          handleMegaItems();     
      });

File addition: tmp2.json (----------)

[3.4107179]

{
    "input": "/Users/petsie1612/ips_apps/webfotos/tmp2",
    "output": "./fbtemp2",
    "title": "Fotobuch Peter Siebler",
    "include-raw-photos": false,
    "photo-quality": 90,
    "thumb-size": 360,
    "large-size": 1200,
    "embed-exif": true,
    "sort-albums-by": "title",
    "sort-albums-direction": "desc",
    "theme-path": "/Users/petsie1612/ips_apps/webfotos/theme-cards-flow/theme",
    "cleanup": true,
    "footer": "<span>Test Fotopalbum</span>",
    "usage-stats": false,
    "settings": "/Users/petsie1612/ips_apps/webfotos/tmp2-cfg.json",
    "_log": "debug"
}

File addition: tmp2-cfg.json (----------)

[3.4107179]

{
    "author": "Peter Siebler",
    "logo": "public/assets/icons/apple-touch-icon.png",
    "application": "tumbsUp Fotobook",
    "menutitle": "Meine Alben",
    "appVersion": "2.1.0",
    "assets": "public/assets/",
    "tabHome": "Fotobuch",
    "albumPrefix": "Album",
    "albumsPrefix": "Alben",
    "albumCardTitle": "Öffne Album ",
    "copyright": "2019 Peter Siebler. All rights reserved.",
    "navigation": "navi/fotobuch.json"
}

File addition: startpage.png (----------)
[3.4107179]
File addition: sideMenu.png (----------)
[3.4107179]
Replacement in docs/media.png at line 1 [3.4107197]
B:BD[3.4107197] → [3.4107198:4729156]
[3.4107197]
File addition: lightgallery.png (----------)
[3.4107179]
File addition: fotospage.png (----------)
[3.4107179]
Replacement in docs/fotobook.png at line 1 [3.4729179]
B:BD[3.4729179] → [3.4729180:5084301]
[3.4729179]
File addition: albumspage.png (----------)
[3.4107179]
File addition: albumpage.png (----------)
[3.4107179]
Replacement in docs/album.png at line 1 [3.5084327]
B:BD[3.5084327] → [3.5084328:5728397]
[3.5084327]
Insertion in README.md at line 29 [3.5728420]
[3.5729001]
[8.2948]

Replacement in README.md at line 31 [3.5728420]

B:BD[8.2949] → [8.2949:2953]

```

[8.2949]

[3.5729636]

##Features
- Layout with cards (gallery, album)
- Flow Layout for album fotos 
- Modified thumbsup: add Application settings.
- Album cover with text for gallery- & Album pages
- Cover Text is based on EXIF Data
- Sidemenu to select the albums

Insertion in README.md at line 119 [3.5728420]

[3.5731686]

[13.122]


##Screens
Start Page
![albums](docs/startpage.png)
Gallery
![albums](docs/albumpage.png)
Fotos Page
![albums](docs/fotospage.png)

Insertion in README.md at line 130 [3.5728420]
[13.123]
[3.5731783]
```
Sidemenu
![albums](docs/sideMenu.png)
```

new layout with sidemenu

Dependencies

In channels

Change contents

Replacement in theme/theme.less at line 56 [3.23]

Replacement in theme/public/styles/structure.less at line 14 [3.277290]

Insertion in theme/public/styles/structure.less at line 41 [3.277290]

Insertion in theme/public/styles/pagemenu.less at line 17 [6.320]

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

Insertion in theme/public/styles/pagemenu.less at line 40 [6.320]

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

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

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

Insertion in theme/public/styles/pagemenu.less at line 72 [6.320]

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

Deletion in theme/public/styles/pagemenu.less at line 135 [6.320]

Deletion in theme/public/styles/pagemenu.less at line 136 [6.320]

Replacement in theme/public/styles/mobile.less at line 26 [3.279920]

Replacement in theme/public/styles/mobile.less at line 32 [3.279920]

Replacement in theme/public/styles/mobile.less at line 36 [3.279920]

Replacement in theme/public/styles/mobile.less at line 40 [3.279920]

Replacement in theme/public/styles/mobile.less at line 44 [3.279920]

Replacement in theme/public/styles/mobile.less at line 48 [3.279920]

Replacement in theme/public/styles/mobile.less at line 52 [3.279920]

Replacement in theme/public/styles/mobile.less at line 54 [3.279920]

Replacement in theme/public/styles/mobile.less at line 59 [3.279920]

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

Deletion in theme/partials/galleryHeader.hbs at line 2 [11.1575]

Replacement in theme/partials/galleryHeader.hbs at line 3 [11.1575]

Replacement in theme/partials/galleryHeader.hbs at line 7 [11.1575]

Deletion in theme/partials/galleryHeader.hbs at line 12 [11.1575]

Insertion in theme/partials/galleryHeader.hbs at line 13 [11.1575]

Replacement in theme/partials/galleryHeader.hbs at line 28 [11.1575]

Replacement in theme/partials/galleryHeader.hbs at line 32 [11.1575]

Replacement in theme/partials/footer.hbs at line 7 [12.113711]

Replacement in theme/partials/coverItem.hbs at line 13 [12.113863]

Replacement in theme/partials/coverItem.hbs at line 17 [12.113863]

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

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

Replacement in theme/album.hbs at line 36 [3.4103770]

Deletion in theme/album.hbs at line 70 [3.4103770]

Replacement in theme/album.hbs at line 86 [3.4103770]

File addition: tmp2.json (----------)

File addition: tmp2-cfg.json (----------)

File addition: startpage.png (----------)

File addition: sideMenu.png (----------)

Replacement in docs/media.png at line 1 [3.4107197]

File addition: lightgallery.png (----------)

File addition: fotospage.png (----------)

Replacement in docs/fotobook.png at line 1 [3.4729179]

File addition: albumspage.png (----------)

File addition: albumpage.png (----------)

Replacement in docs/album.png at line 1 [3.5084327]

Insertion in README.md at line 29 [3.5728420]

Replacement in README.md at line 31 [3.5728420]

Insertion in README.md at line 119 [3.5728420]

Insertion in README.md at line 130 [3.5728420]