// Initialize your app
var myApp = new Framework7();

// Export selectors engine
var $$ = Dom7;

// Add view
var mainView = myApp.addView('.view-main', {
    // Because we use fixed-through navbar we can enable dynamic navbar
    dynamicNavbar: true
});

// Callbacks to run specific code for specific pages, for example for About page:
myApp.onPageInit('about', function (page) {
    // run createContentPage func after link was clicked
    $$('.create-page').on('click', function () {
        createContentPage();
    });
});

// Generate dynamic page
var dynamicPageIndex = 0;
function createContentPage() {
	mainView.router.loadContent(
        '<!-- Top Navbar-->' +
        '<div class="navbar">' +
        '  <div class="navbar-inner">' +
        '    <div class="left"><a href="#" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>' +
        '    <div class="center sliding">Dynamic Page ' + (++dynamicPageIndex) + '</div>' +
        '  </div>' +
        '</div>' +
        '<div class="pages">' +
        '  <!-- Page, data-page contains page name-->' +
        '  <div data-page="dynamic-pages" class="page">' +
        '    <!-- Scrollable page content-->' +
        '    <div class="page-content">' +
        '      <div class="content-block">' +
        '        <div class="content-block-inner">' +
        '          <p>Here is a dynamic page created on ' + new Date() + ' !</p>' +
        '          <p>Go <a href="#" class="back">back</a> or go to <a href="services.html">Services</a>.</p>' +
        '        </div>' +
        '      </div>' +
        '    </div>' +
        '  </div>' +
        '</div>'
    );
	return;
}
@@ -251,1416 +251,4 @@
 %7D);%0A
-%0A// Callbacks to run specific code for specific pages, for example for About page:%0AmyApp.onPageInit('about', function (page) %7B%0A    // run createContentPage func after link was clicked%0A    $$('.create-page').on('click', function () %7B%0A        createContentPage();%0A    %7D);%0A%7D);%0A%0A// Generate dynamic page%0Avar dynamicPageIndex = 0;%0Afunction createContentPage() %7B%0A%09mainView.router.loadContent(%0A        '%3C!-- Top Navbar--%3E' +%0A        '%3Cdiv class=%22navbar%22%3E' +%0A        '  %3Cdiv class=%22navbar-inner%22%3E' +%0A        '    %3Cdiv class=%22left%22%3E%3Ca href=%22#%22 class=%22back link%22%3E%3Ci class=%22icon icon-back%22%3E%3C/i%3E%3Cspan%3EBack%3C/span%3E%3C/a%3E%3C/div%3E' +%0A        '    %3Cdiv class=%22center sliding%22%3EDynamic Page ' + (++dynamicPageIndex) + '%3C/div%3E' +%0A        '  %3C/div%3E' +%0A        '%3C/div%3E' +%0A        '%3Cdiv class=%22pages%22%3E' +%0A        '  %3C!-- Page, data-page contains page name--%3E' +%0A        '  %3Cdiv data-page=%22dynamic-pages%22 class=%22page%22%3E' +%0A        '    %3C!-- Scrollable page content--%3E' +%0A        '    %3Cdiv class=%22page-content%22%3E' +%0A        '      %3Cdiv class=%22content-block%22%3E' +%0A        '        %3Cdiv class=%22content-block-inner%22%3E' +%0A        '          %3Cp%3EHere is a dynamic page created on ' + new Date() + ' !%3C/p%3E' +%0A        '          %3Cp%3EGo %3Ca href=%22#%22 class=%22back%22%3Eback%3C/a%3E or go to %3Ca href=%22services.html%22%3EServices%3C/a%3E.%3C/p%3E' +%0A        '        %3C/div%3E' +%0A        '      %3C/div%3E' +%0A        '    %3C/div%3E' +%0A        '  %3C/div%3E' +%0A        '%3C/div%3E'%0A    );%0A%09return;%0A%7D

Remove unused JS