[
  {
    "path": ".gitignore",
    "content": "_site\nnode_modules"
  },
  {
    "path": "404.html",
    "content": "---\nlayout: page\nheader-img: \"img/404.jpg\"\npermalink: \"/404.html\"\nredirect_to: \"baseurl/journal/\"\n---\n\n<p><h1>Whoops, this page doesn't exist.</p>\n<p>You will be redirected to <a href=\"{{ site.baseurl }}/journal/\">JOURNAL</a> in few seconds.</p></h1>\n\n</div>"
  },
  {
    "path": "Gruntfile.js",
    "content": "module.exports = function(grunt) {\n\n    // Project configuration.\n    grunt.initConfig({\n        pkg: grunt.file.readJSON('package.json'),\n        uglify: {\n            main: {\n                src: 'js/<%= pkg.name %>.js',\n                dest: 'js/<%= pkg.name %>.min.js'\n            }\n        },\n        less: {\n            expanded: {\n                options: {\n                    paths: [\"css\"]\n                },\n                files: {\n                    \"css/<%= pkg.name %>.css\": \"less/<%= pkg.name %>.less\"\n                }\n            },\n            minified: {\n                options: {\n                    paths: [\"css\"],\n                    cleancss: true\n                },\n                files: {\n                    \"css/<%= pkg.name %>.min.css\": \"less/<%= pkg.name %>.less\"\n                }\n            }\n        },\n        banner: '/*!\\n' +\n            ' * <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\\n' +\n            ' * Copyright <%= grunt.template.today(\"yyyy\") %> <%= pkg.author %>\\n' +\n            ' * Licensed under <%= pkg.license.type %> (<%= pkg.license.url %>)\\n' +\n            ' */\\n',\n        usebanner: {\n            dist: {\n                options: {\n                    position: 'top',\n                    banner: '<%= banner %>'\n                },\n                files: {\n                    src: ['css/<%= pkg.name %>.css', 'css/<%= pkg.name %>.min.css', 'js/<%= pkg.name %>.min.js']\n                }\n            }\n        },\n        watch: {\n            scripts: {\n                files: ['js/<%= pkg.name %>.js'],\n                tasks: ['uglify'],\n                options: {\n                    spawn: false,\n                },\n            },\n            less: {\n                files: ['less/*.less'],\n                tasks: ['less'],\n                options: {\n                    spawn: false,\n                }\n            },\n        },\n    });\n\n    // Load the plugins.\n    grunt.loadNpmTasks('grunt-contrib-uglify');\n    grunt.loadNpmTasks('grunt-contrib-less');\n    grunt.loadNpmTasks('grunt-banner');\n    grunt.loadNpmTasks('grunt-contrib-watch');\n\n    // Default task(s).\n    grunt.registerTask('default', ['uglify', 'less', 'usebanner']);\n\n};\n"
  },
  {
    "path": "LICENSE",
    "content": "The MIT License (MIT)\n\nCopyright (c) 2016 Anna Prigkipaki\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "p h o t o r a m a \n====================\n\n![photorama](https://raw.githubusercontent.com/sunbliss/photorama/gh-pages/photorama_thumb.gif)\n\n----------\n\n---> [DEMO](https://sunbliss.github.io/photorama/ \"DEMO\")  <---\n\n----------\n\nA theme for **jekyll**. \n\nCreated for gh-pages (project page).\n\nThis template was crafted having in mind the photobloggers and the artists.\n\nIt uses [Clean Blog](https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll \"Clean Blog\") as its basis.\n\n----------\n## Change Log\n\n### Version 2.2 (4/23/2018)\n\n<a href=\"https://github.com/sunbliss/photorama/wiki/How-to-get-SSL-on-Jekyll%3F\"> How to get SSL Certificate (Https) For Jekyll</a>\n\n### Version 2.1 (3/22/2017)\n\n* Fixed script loading. \n* Fixed padding bottom for the navbar toggle menu.\n\n\n### Version 2.0 (2/4/2017)\n\n* HTTPS is now enforced. \n\n~~**Custom Domains are not supported.**~~\n\n~~For the time being, the only way to apply a custom domain name is by removing HTTPS as of the previous version. \nHoping Github developers will give its users the ability to add a custom domain served under security.~~\n\n### Version 1.2 (1/31/2017)\n\n* Fixed footer code so that the twitter icon links to the twitter_username instead of instagram_username.\n\n### Version 1.1 (7/15/2016)\n\n* Improved galleries and search section.\n* Better rendering of the header text.\n\n### Version 1.0 (6/19/2016)\n* Initial Template\n\n----------\n\n **IMPORTANT!!!**\n================\n\n### Before you begin: Change the URL and the BASEURL as well as the internal nav links in the _config.yml\n\nThe **URL** should say `https://yourusername.github.io`\n\nThe **BASEURL** should say `/repositoryname`\n\n**Internal nav** should say\n\n  nav:\n\n  - GALLERY: `\"https://yourusername.github.io/repositoryname/gallery/\"`\n  - JOURNAL: `\"https://yourusername.github.io/repositoryname/journal/\"`\n  - ABOUT: `\"https://yourusername.github.io/repositoryname/about/`\"\n\nIf there are problems with loading assets like CSS files and images, make sure that both **URL** and **BASEURL** are set correctly!!! \n\n----------\n\n~~**NOT FOR HTTPS served repos!!!**~~\n==================================\n\n~~* Applies for v1.2!~~\n\nIf you want to use your **own domain** go to the root of your project's repository, create a CNAME file and add a line with your domain name, e.g. `www.yourdomain.com`.\n\nGo to your domain name registrar and add a CNAME record pointing your domain to GitHub Pages:\n- type: CNAME\n- host: www.yourdomainname.com\n- answer: yourusername.github.io/repositoryname\n- TTL: 300\n\n----------\n\nUsage\n============ \n\n###Quick Start\n\n1. [Fork this repository](https://github.com/sunbliss/photorama/fork) to get started. \n2. Go to `https://github.com/yourusername/photorama/settings`\n3. Rename the repository to your new project, e.g. *myphotoblog*\n2. Create a new branch called `gh-pages` in your repository. \n3. Go to the branches directory at `https://github.com/yourusername/repositoryname/branches` and *change* **default branch** to **gh-pages**.\n4. Delete **master** branch. \n3. GitHub will build your site automatically and publish it at `https://yourusername.github.io/repositoryname/`.  \n\n----------\n\n- The homepage welcomes the visitors with 3 animated photos of your choice. It is recommended that all three are landscape orientated for best view.\n\nTo change the welcome content at the far left of the Home page go here: `/index.html` and fill the responding lines of the YAML with your desired text.\n\n----------\n\n- To enable **disqus** comments in the posts, change their front matter for comments to 'true'.\n\nYou must have a registered account in disqus, where you will also register a forum for your website.\n\nFind the line `s.src = '//yourproject.disqus.com/embed.js';  // ` in the disqus_comments.html and REPLACE 'yourproject' with your forum shortname.\n\n----------\n\n- In order to send **newsletters** about your posts to your subscribers, you should register an account in [tinyletter](http://www.tinyletter.com \" tinyletter\").\n\nFind the line `'https://tinyletter.com/yourproject', ` in the *newsletter.html* and replace 'yourproject' with your registered website.\n\nYou can always ommit the newsletter rendering by deleting the line `{% include newsletter.html %}\n` in the *default.html* layout.\n\n----------\n\nIf you want to use the matching **NEWSLETTER** template, you must always create a new file  by copying its respective index.html and renaming it to e.g. 2016-March-newsletter.html and then save it inside the folder and the accompanying images inside the 'images folder', so it can be accessed to your viewers through their browser. In this case the root url for the above newsletter will be ***http://yourgithubusername.github.io/yourproject/2016-March-newsletter.html***. Copy this link and replace this part of the code `http://www.yoursite.com/newsletter/year-month-newsletter` with it.\n\n----------\n\n**TAGS** and **CATEGORIES** of the posts \n\nWhen you add a tag or a category name in the front matter of a post, don't forget to add the responding markdown files in /journal/tag/ folder and in /journal/category folder, so they can always render when browsing the journal or searching in the respective page.\n\n----------\n\nAll the credits and the helpers can be found at **ABOUT** page.\n\n\n----------\n\nRead <a href=\"https://sunbliss.github.io/photorama/journal/images-size-for-better-performance/\">**this**</a> post if you want to ensure your website always loads fast.\n\n\n----------\n\nI hope you will find it useful for your projects, photographic or not.\n\n\n----------\n\n\n##License\n\nThe MIT License (MIT)\n\nCopyright (c) 2014 Filippo Oretti, Dario Andrei\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n"
  },
  {
    "path": "_config.yml",
    "content": "# Site settings\ntitle: PHOTORAMA\nemail: \"\"\ndescription: \"Photo Journal\"\nurl: \"https://sunbliss.github.io\"\nbaseurl: \"/photorama\"\nfacebook_username: \"\"\ntwitter_username: \"\"\ninstagram_username: \"\"\ngithub_username:  \"\"\ndeviantart_username: \"\"\nflickr_username: \"\"\ndiscus_shortname: \"\"\nshare: true\n\n# Owner/author information\nowner:\n  name:   photorama\n  avatar: avatar.png\n  favicon: favicon.ico\n  info: photography website template\n\n# Settings for comments helper\n# Set 'provider' to the comment provider you want to use. (i.e.  Disqus, Intense Debate, livefyre, or Facebook Comments)\n# Set 'provider' to false to turn commenting off globally.\n#Set 'provider: false' to disable comments globally.\n# Disable comments for individual pages/posts by specifying 'comments: false' in the page/post YAML Front Matter.\n#\ncomments :\n  provider : disqus\n  disqus :\n    short_name : \"\"\n\n# Internal nav\nnav:\n  - GALLERY: \"https://sunbliss.github.io/photorama/gallery/\"  \n  - JOURNAL: \"https://sunbliss.github.io/photorama/journal/\"\n  - ABOUT: \"https://sunbliss.github.io/photorama/about/\"\n\n# All translation keys\ntranslations:\n # 404.html\n  permalink: \"/404.html\"\n\n# Server\ndestination:      \t ./_site\nport:             \t 4000\n\n\n# Build settings\nmarkdown: kramdown\nhighlighter: rouge\npermalink: pretty\npaginate: 5\npaginate_path: \"/journal/page:num/\"\npermalink: \"/journal/:title/\"\ncategories_path: \"/journal/category/\"\ntags_path: \"/journal/tag/\"\ngems: \n - jekyll-paginate\nexclude: [\"less\",\"node_modules\",\"Gruntfile.js\",\"package.json\",\"README.md\"]\n\n# SiteMap\nsitemap:\n    file: \"/sitemap.xml\"\n    exclude:\n        - \"/atom.xml\"\n        - \"/feed.xml\"\n        - \"/feed/index.xml\"\n    include_posts:\n        - \"/writing/\"\n    change_frequency_name: \"change_frequency\"\n    priority_name: \"priority\"\n"
  },
  {
    "path": "_includes/Scroll_to_Top.html",
    "content": "<script>\n//** jQuery Scroll to Top Control script- (c) \n//** v1.1 (April 7th, 10')\n//** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.\n//** 2) Fixes scroll animation not working in Opera. \nvar scrolltotop={\n//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control\n//scrollto: Keyword (Integer, or \"Scroll_to_Element_ID\"). How far to scroll document up when control is clicked on (0=top).\nsetting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},\ncontrolHTML: '<img src=\"https://cloud.githubusercontent.com/assets/14811095/13691821/88412468-e744-11e5-8bb5-94340afd92e7.png\" style=\"filter:alpha(opacity=100); -moz-opacity:1;\"/>', //HTML for control, which is auto wrapped in DIV w/ ID=\"topcontrol\"\ncontrolattrs: {offsetx:35, offsety:60}, //offset of control relative to right/ bottom of window corner\nanchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as \"Scroll Up\" links\nstate: {isvisible:false, shouldvisible:false},\nscrollup:function(){\nif (!this.cssfixedsupport) //if control is positioned using JavaScript\nthis.$control.css({opacity:0}) //hide control immediately after clicking it\nvar dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)\nif (typeof dest==\"string\" && jQuery('#'+dest).length==1) //check element set by string exists\ndest=jQuery('#'+dest).offset().top\nelse\ndest=0\nthis.$body.animate({scrollTop: dest}, this.setting.scrollduration);\n},\nkeepfixed:function(){\nvar $window=jQuery(window)\nvar controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx\nvar controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety\nthis.$control.css({left:controlx+'px', top:controly+'px'})\n\n},\n\ntogglecontrol:function(){\nvar scrolltop=jQuery(window).scrollTop()\nif (!this.cssfixedsupport)\nthis.keepfixed()\nthis.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false\nif (this.state.shouldvisible && !this.state.isvisible){\nthis.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])\nthis.state.isvisible=true\n}\nelse if (this.state.shouldvisible==false && this.state.isvisible){\nthis.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])\nthis.state.isvisible=false\n}\n\n},\ninit:function(){\njQuery(document).ready(function($){\nvar mainobj=scrolltotop\nvar iebrws=document.all\n\nmainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode==\"CSS1Compat\" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode\nmainobj.$body=(window.opera)? (document.compatMode==\"CSS1Compat\"? $('html') : $('body')) : $('html,body')\nmainobj.$control=$('<div id=\"topcontrol\">'+mainobj.controlHTML+'</div>')\n.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})\n.attr({title:'Scroll To Top'})\n.click(function(){mainobj.scrollup(); return false})\n.appendTo('body')\n\nif (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text\nmainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text\nmainobj.togglecontrol()\n\n$('a[href=\"' + mainobj.anchorkeyword +'\"]').click(function(){\nmainobj.scrollup()\n\nreturn false\n})\n\n$(window).bind('scroll resize', function(e){\n\nmainobj.togglecontrol()\n\n})\n\n})\n\n}\n\n}\n\nscrolltotop.init()\n</script>"
  },
  {
    "path": "_includes/disqus_comments.html",
    "content": "{% if page.comments %}\n<div id=\"disqus_thread\"></div>\n<script>\n        var disqus_config = function () {\n        this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable\n        this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable\n    };\n    \n    (function() {  // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW\n        var d = document, s = d.createElement('script');\n        \n        s.src = '//yourproject.disqus.com/embed.js';  // IMPORTANT: Replace 'yourproject' with your forum shortname!\n        \n        s.setAttribute('data-timestamp', +new Date());\n        (d.head || d.body).appendChild(s);\n    })();\n</script>\n<noscript>Please enable JavaScript to view the <a href=\"https://disqus.com/?ref_noscript\" rel=\"nofollow\">comments powered by Disqus.</a></noscript>\n{% endif %}"
  },
  {
    "path": "_includes/footer.html",
    "content": "<!-- Footer -->\n<footer>\n<div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1\">\n\n                <ul class=\"list-inline text-center\">\n\n                    {% if site.facebook_username %}\n                    <li>\n                        <a href=\"https://facebook.com/{{ site.facebook_username }}\" data-toggle=\"tooltip\" title=\"Facebook\">\n                            <span class=\"fa-stack fa-lg\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-facebook fa-stack-1x fa-inverse\"></i>\n                            </span>\n                        </a>\n                    </li>\n                    {% endif %}\n                    {% if site.twitter_username %}\n                    <li>\n                        <a href=\"https://twitter.com/{{ site.twitter_username }}\" data-toggle=\"tooltip\" title=\"Twitter\">\n                            <span class=\"fa-stack fa-lg\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-twitter fa-stack-1x fa-inverse\"></i>\n                            </span>\n                        </a>\n                    </li>\n                    {% endif %}\n                    {% if site.instagram_username %}\n                    <li>\n                        <a href=\"https://instagram.com/{{ site.instagram_username }}\" data-toggle=\"tooltip\" title=\"Instagram\">\n                            <span class=\"fa-stack fa-lg\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-instagram fa-stack-1x fa-inverse\"></i>\n                            </span>\n                        </a>\n                    </li>\n                    {% endif %}\n                    {% if site.flickr_username %}\n                    <li>\n                        <a href=\"https://flickr.com/photos/{{ site.flickr_username }}\" data-toggle=\"tooltip\" title=\"Flickr\">\n                            <span class=\"fa-stack fa-lg\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-flickr fa-stack-1x fa-inverse\"></i>\n                            </span>\n                        </a>\n                    </li>\n                    {% endif %}\n                    {% if site.deviantart_username %}\n                    <li>\n                        <a href=\"http://{{ site.deviantart_username }}.deviantart.com\">\n                            <span class=\"fa-stack fa-lg\" data-toggle=\"tooltip\" title=\"Deviantart\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-deviantart fa-stack-1x fa-inverse\"></i>\n                            </span>\n                        </a>\n                    </li>\n                    {% endif %}\n                    {% if site.github_username %}\n                    <li>\n                        <a href=\"https://github.com/{{ site.github_username }}\" data-toggle=\"tooltip\" title=\"Github\">\n                            <span class=\"fa-stack fa-lg\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-github fa-stack-1x fa-inverse\"></i>\n                            </span>\n                        </a>\n                    </li>\n                    {% endif %}\n            <li>\n    <a href=\"mailto:{{ site.email }}\" data-toggle=\"tooltip\" target=\"_blank\" title=\"Email\">\n                       <span class=\"fa-stack fa-lg\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-envelope-o fa-stack-1x fa-inverse\"></i>\n</span>\n          </a> </li>\n\n         <li>\n                        <a href=\"{{ \"/feed.xml\" | prepend: site.baseurl }}\" data-toggle=\"tooltip\" title=\"Feed\">\n                            <span class=\"fa-stack fa-lg\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-rss fa-stack-1x fa-inverse\"></i>\n                            </span>\n                        </a>\n                    </li>\n                </ul>\n                <p class=\"copyright text-muted\">Copyright &copy; {{ site.title }} {{ site.time | date: '%Y' }}</p>\n<center><h6><p>Powered by <a href=\"https://github.com/jekyll/\">Jekyll</a>.</p></h6></center>\n            </div>\n        </div>\n    </div>\n</footer>\n"
  },
  {
    "path": "_includes/head.html",
    "content": "<head>\n\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n   <meta property=\"og:url\" content=\"{{ site.url }}{{ page.url }}\" />\n   <link rel=\"canonical\" href=\"{{ site.url }}{{ page.url }}\" />\n\n\n  <link rel=\"shortcut icon\" href=\"{{ site.basurl }}/favicon.ico?\" type=\"image/x-icon\">\n<link rel=\"icon\" href=\"{{ site.baseurl }}/favicon.ico?\" type=\"image/x-icon\">\n\n    <meta name=\"description\" content=\"{{ site.description }}\">\n\n    <title>{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>\n\n    <link rel=\"canonical\" href=\"{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}\">\n\n<!-- CSS -->\n\t\n    <!-- Bootstrap Core CSS -->\n    <link rel=\"stylesheet\" href=\"{{ \"/css/bootstrap.min.css\" | prepend: site.baseurl }}\">\n\n    <!-- Custom CSS -->\n    <link rel=\"stylesheet\" href=\"{{ \"/css/main.css\" | prepend: site.baseurl }}\">\n    <link rel=\"stylesheet\" href=\"{{ \"/css/galleries.css\" | prepend: site.baseurl }}\">\n     <link rel=\"stylesheet\" href=\"{{ \"/css/super-search.css\" | prepend: site.baseurl }}\">\n    <link rel=\"stylesheet\" href=\"{{ \"/css/magnificpopup.css\" | prepend: site.baseurl }}\">\n\n    <!-- Custom Fonts -->\n    <link href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\" type=\"text/css\">\n    <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,600&subset=latin,latin-ext' rel='stylesheet' type='text/css'>\n    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>\n    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>\n\n    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->\n    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->\n    <!--[if lt IE 9]>\n        <script src=\"https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js\"></script>\n        <script src=\"https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js\"></script>\n    <![endif]-->\n\n\n</head>\n"
  },
  {
    "path": "_includes/nav.html",
    "content": "<!-- Navigation -->\n<nav class=\"navbar navbar-default navbar-custom navbar-fixed-top\" style=\"margin-right:1em; z-index: 1;\">\n    <div class=\"container-fluid\">\n        <!-- Brand and toggle get grouped for better mobile display -->\n        <div class=\"navbar-header page-scroll\">\n            <button type=\"button\" class=\"navbar-toggle\" data-toggle=\"collapse\" data-target=\"#bs-example-navbar-collapse-1\">\n                <i class=\"fa fa-bars fa-lg\"></i>\n            </button>\n            <a href=\"{{ site.baseurl }}/\" title=\"HOME\"><img src=\"{{ site.baseurl }}/logo.png\" alt=\"logo\" style=\"width:150px;cursor:pointer;margin-top:15px;\"/></a>\n        </div>\n\n        <!-- Collect the nav links, forms, and other content for toggling -->\n        <div class=\"collapse navbar-collapse\" id=\"bs-example-navbar-collapse-1\">\n            <ul class=\"nav navbar-nav navbar-right\" style=\"margin-right:1em; text-shadow: -.025em -.025em 0 rgba(0, 133, 161, 0.75), .025em -.025em 0 rgba(0, 133, 161, 0.75), -.025em .025em 0 rgba(0, 133, 161, 0.75), .025em .025em 0 rgba(0, 133, 161, 0.75);\">\n               {% for nav_hash in site.nav %}\n          {% for nav_item in nav_hash %}\n            {% assign lowercase_nav_item = nav_item[0] | downcase %}\n            {% if page.active == lowercase_nav_item %}\n              <li class=\"active\"><a href=\"{{ nav_item[1] }}\">{{ nav_item[0] }}</a></li>\n            {% else %}\n              <li><a href=\"{{ nav_item[1] }}\">{{ nav_item[0] }}</a></li>\n            {% endif %}\n          {% endfor %}\n        {% endfor %}\n                            </ul>\n        </div>\n        <!-- /.navbar-collapse -->\n    </div>\n    <!-- /.container -->\n</nav>\n\n"
  },
  {
    "path": "_includes/newsletter.html",
    "content": "\n        <div class=\"row\"  style=\"background-color: #530720; padding-bottom: 40px; margin-top: 50px; margin-bottom: 80px;\">\n            <div class=\"col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1\">\n\n      <center><h4><p>SUBSCRIBE TO RECEIVE POSTS DIRECTLY TO YOUR INBOX</h4></center>\n\n\n<form style=\"padding:3px;text-align:center;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;\" action=\"https://tinyletter.com/photorgasms\" method=\"post\" target=\"popupwindow\" onsubmit=\"window.open('https://tinyletter.com/yourproject', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true\"><input type=\"text\" placeholder=\"Enter your email address\"  style=\"width:200px;height:30px;border:0;background-color:#5A0F28;color:#dddddd;outline:0;padding-left:12px;\" name=\"email\" id=\"tlemail\" />&nbsp; &nbsp; <input type=\"submit\" value=\"Get notified!\" style=\"background-color:#470118;color:#dddddd;height:30px;border:0;\" /></form>\n            </div>\n        </div>\n     \n<style type=\"text/css\">\n        .tlemail::-webkit-input-placeholder {\n   color: rgba(255,255,255,.45);\n}\n       .tlemail:-moz-placeholder { /* Firefox 18- */\n   color: rgba(255,255,255,.45);  \n}\n\n      .tlemail::-moz-placeholder {  /* Firefox 19+ */\n   color: rgba(255,255,255,.45);  \n}\n\n      .tlemail:-ms-input-placeholder {  \n   color: rgba(255,255,255,.45);  \n}\n    </style>\n"
  },
  {
    "path": "_includes/search.html",
    "content": "<a href=\"javascript:void(0)\" title=\"SEARCH\" onclick=\"superSearch.toggle()\" class=\"super-search-btn\">\n<span class=\"fa fa-search\" style=\"font-size:1em; position:fixed; right: .75em; top: 1em; z-index: 2;\"></span>\n</a>\n<div class=\"super-search\" id=\"js-super-search\">\n<a href=\"javascript:void(0)\" onclick=\"superSearch.toggle()\" class=\"super-search__close-btn\"\">\n<span class=\"fa fa-close\" style=\"font-size:48px;\"></span>\n</a>\n<input type=\"text\" placeholder=\"Type here to search\" class=\"super-search__input\" id=\"js-super-search__input\">\n<ul class=\"super-search__results\" id=\"js-super-search__results\"></ul>\n</div>\n\n\n\n <script src=\"{{ site.baseurl }}/js/super-search.js\"></script>\n\n<script>\nsuperSearch({\n    searchFile: '{{ site.baseurl }}/feed.xml',\n    searchSelector: '#js-super-search', // CSS Selector for search container element.\n    inputSelector: '#js-super-search__input', // CSS selector for <input>\n    resultsSelector: '#js-super-search__results' // CSS selector for results container\n});\n</script>"
  },
  {
    "path": "_includes/share.html",
    "content": "<div class=\"post-share text-center\">\n    <p class=\"light small\">\n        <h6>Share this post</h6>\n    </p>\n    <ul class=\"social-mini\">\n\n       <li>\n            <a  href=\"https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}\"\n            onclick=\"window.open(this.href, 'facebook-share','width=580,height=296');return false;\" data-toggle=\"tooltip\" title=\"Share on Facebook\" itemprop=\"Facebook\">\n                <span class=\"fa-stack fa-lg\" style=\"\ncolor: #223333;font-size:1em;\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-facebook fa-stack-1x fa-inverse\"></i>\n                            </span>\n            </a>\n        </li>\n\n <li>\n            <a href=\"https://twitter.com/intent/tweet?text=&quot;{{ page.title }}&quot;%20{{ site.url }}{{ page.url }}%20via%20&#64;{{ site.owner.twitter }}\"\n            onclick=\"window.open(this.href, 'twitter-share', 'width=550,height=235');return false;\" data-toggle=\"tooltip\" title=\"Share on Twitter\" itemprop=\"Twitter\">\n                <span class=\"fa-stack fa-lg\" style=\"\ncolor: #223333;font-size:1em;\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-twitter fa-stack-1x fa-inverse\"></i>\n                            </span>\n            </a>\n        </li>\n\n                <li>\n            <a href=\"https://plus.google.com/share?url={{ site.url }}{{ page.url }}\"\n           onclick=\"window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;\" data-toggle=\"tooltip\" title=\"Share on Google plus\" itemprop=\"GooglePlus\">\n                <span class=\"fa-stack fa-lg\" style=\"\ncolor: #223333;font-size:1em;\">\n                                <i class=\"fa fa-circle fa-stack-2x\"></i>\n                                <i class=\"fa fa-google-plus fa-stack-1x fa-inverse\"></i>\n                            </span>\n            </a>\n        </li>\n    </ul></div>"
  },
  {
    "path": "_includes/signoff.html",
    "content": "<div class=\"post-author text-center\">                       \n\t        <img src=\"{{ site.baseurl }}/img/{{ site.owner.avatar }}\" alt=\"{{ site.owner.name }}'s photo\" itemprop=\"image\" class=\"post-avatar img-circle img-responsive\"/>    \n\t    <h4>By <span itemprop=\"name\" class=\"fn\"><a href=\"{{ site.baseurl }}/about/\" title=\"About {{ site.owner.name }}\" itemprop=\"url\">{{ site.owner.name }}</a></span></h4>\n\t    <div style=\"font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; display:inline-block;font-size:.75em;\">{{ site.owner.info }}</div>\n</div>"
  },
  {
    "path": "_includes/subgallery.html",
    "content": "{% if include.id %}\n  {% assign gallery = page.[include.id] %}\n{% else %}\n  {% assign gallery = page.gallery %}\n{% endif %}\n\n<div class=\"gallery masonry-gallery\">\n  {% for img in gallery %}\n\n  <figure class=\"gallery-item\">\n\n\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ img.image_path }}\" class=\"popup\"  title=\"{{ img.image-caption }}\" data-caption=\"{{ img.image-copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ img.image_path }}\"></a>\n\t\t\t\t\t\t\n\t</header>\t\n\t\t\n   <figcaption class='gallery-caption'>\n\t\t<div class=\"entry-summary\" id=\"{{ img.image-caption }}\">\n\t\t\t\t<h3>{{img.image-caption}}</h3>\n\t\t\t\t\t<p>{{img.image-copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\n  {% endfor %}\n</div>\n"
  },
  {
    "path": "_layouts/default.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n\n{% include head.html %}\n\n<head>\n{% if page.url == \"/404.html\" %}<meta http-equiv=\"refresh\" content=\"5; url={{ site.baseurl }}/journal\" />{% endif %}\n</head>\n\n<body>\n\n    {% include nav.html %}\n\n    {{ content }}\n\n    {% include search.html %}\n\n    {% include newsletter.html %}\n\n    {% include footer.html %}\n\n   {% include Scroll_to_Top.html %}  \n\n</body>\n\n</html>\n"
  },
  {
    "path": "_layouts/home.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n{% include head.html %}\n<link rel=\"shortcut icon\" href=\"{{ root_url }}/favicon.ico?\" type=\"image/x-icon\">\n<link rel=\"icon\" href=\"{{ root_url }}/favicon.ico?\" type=\"image/x-icon\">\n</head>\n\n<body>\n\n\n    {% include nav.html %}\n\n    {{ content }}\n\n    </body>\n\n</html>\n\n"
  },
  {
    "path": "_layouts/journal_by_category.html",
    "content": "---\nlayout: page\ntitle: categories\ndescription: archive\nheader-img: \"img/misc-bg.jpg\"\n---\n\n<div id=\"post-content\">\n    {% if site.categories[page.category] %}\n        {% for post in site.categories[page.category] %}\n            {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %}\n            {% if forloop.first %}\n                <h3>{{ post_year }}</h3><div class=\"list-group\" style=\"display: inline-block;\">\n            {% endif %}\n\t\t\t\n            {% if forloop.first == false %}\n                {% assign previous_index = forloop.index0 | minus: 1 %}\n                {% capture previous_post_year %}{{ site.categories[page.category][previous_index].date | date: '%Y' }}{% endcapture %}\n                {% if post_year != previous_post_year %}\n                    </div><h3>{{ post_year }}</h3><div class=\"list-group\">\n                {% endif %}\n            {% endif %}\n\t\t\t\n            <a href=\"{{ site.baseurl }}{{ post.url }}\">\n                <h4>{{ post.title }}</h4>\n            </a>\n\n            {% if forloop.last %}\n                </div>\n            {% endif %}\n        {% endfor %}\n    {% else %}\n        <p>There are no posts in this category.</p>\n    {% endif %}\n</div>"
  },
  {
    "path": "_layouts/journal_by_tag.html",
    "content": "---\nlayout: page\ntitle: tags\ndescription: archive\nheader-img: \"img/misc-bg.jpg\"\n---\n\n<div id=\"post-content\">\n    {% if site.tags[page.tag] %}\n        {% for post in site.tags[page.tag] %}\n            {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %}\n            {% if forloop.first %}\n                <h3>{{ post_year }}</h3><div class=\"list-group\"style=\"display: inline-block;\">\n            {% endif %}\n\t\t\t\n            {% if forloop.first == false %}\n                {% assign previous_index = forloop.index0 | minus: 1 %}\n                {% capture previous_post_year %}{{ site.tags[page.tag][previous_index].date | date: '%Y' }}{% endcapture %}\n                {% if post_year != previous_post_year %}\n                    </div><h3>{{ post_year }}</h3><div class=\"category-list\" >\n                {% endif %}\n            {% endif %}\n\t\t\t\n            <a href=\"{{ site.baseurl }}{{ post.url }}\">\n                <h4>{{ post.title }}</h4>\n            </a>\n\n            {% if forloop.last %}\n                </div>\n            {% endif %}\n        {% endfor %}\n    {% else %}\n        <p>There are no posts for this tag.</p>\n    {% endif %}\n</div>"
  },
  {
    "path": "_layouts/page.html",
    "content": "---\nlayout: default\n---\n\n<!-- Page Header -->\n<header class=\"intro-header\" style=\"background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1\">\n                <div class=\"site-heading\">\n                    <h1>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1>\n                    <hr class=\"small\">\n                    <span class=\"subheading\">{{ page.description }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</header>\n\n<!-- Main Content -->\n<div class=\"container\">\n\t<div class=\"row\">\n\t\t\t\t\t{{ content }}\n\t</div>\n</div>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n  <script src=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js\"></script>\n<!-- Custom Theme JavaScript -->\n<script src=\"{{ site.baseurl }}/js/main.min.js \"></script>"
  },
  {
    "path": "_layouts/post.html",
    "content": "---\nlayout: default\n---\n\n<html>\n    <head>\n        <meta charset=\"utf-8\">\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n        \n        <meta name=\"viewport\" content=\"width=device-width\">\n\n<link href=\"{{ site.baseurl }}/css/tags-wrap.css\" rel=\"stylesheet\" />\n  \n    </head>\n    <body>\n  \n\n{% assign post = page %}\n\n<article>\n<!-- Post Header -->\n<header class=\"intro-header\" style=\"background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% endif %}')\">\n    <div class=\"container\">\n        <div class=\"row\">\n                            <div class=\"post-heading\">\n                    <h1 style=\"color: #acd578;\">{{ page.title }}</h1>\n                    {% if page.subtitle %}\n                    <h2 class=\"subheading\">{{ page.subtitle }}</h2>\n                    {% endif %}\n                    <span class=\"meta\">Posted on {{ page.date | date: \"%B %-d, %Y\" }}</span>\n\n<span class=\"time-tag-categ\" style=\"font-size:.7em;background-color: rgba(128, 128, 128, 0.45);\">\n\n{% assign minutes = content | number_of_words | divided_by: 180 %}\n<i class=\"fa fa-clock-o\"></i>&nbsp;{% if minutes == 0 %}{% assign minutes = 1 %}{% endif %}\n{{ minutes }} minute read\n\n\n\n {% if post.tags.size > 0 %}\n  &sim; Tagged with <i class=\"fa fa-tags\"></i>{% if post.tags.size == 1 %} {% else %}{% endif %}&nbsp;:&nbsp;{% for tag in page.tags %}<a href=\"{{ site.baseurl }}/journal/tag/{{  tag | cgi_encode }}/\" data-toggle=\"tooltip\" title=\"Other posts tagged with {{ tag }}\" rel=\"tag\">{{ tag }}</a>{% unless forloop.last %}&nbsp;&bull;&nbsp;{% endunless %}{% endfor %}{% endif %}\n\n\n  {% if post.categories.size > 0 %}\n   &sim; Filed in <i class=\"fa fa-briefcase\"></i>{% if post.categories.size == 1 %} {% else %}{% endif %}&nbsp;:&nbsp;{% for tag in page.categories %}<a href=\"{{ site.baseurl }}/journal/category/{{ tag | cgi_encode }}/\" data-toggle=\"tooltip\" title=\"Other posts filed in {{ tag }} category\" rel=\"tag\">{{ tag }}</a>{% unless forloop.last %}&nbsp;&bull;&nbsp;{% endunless %}{% endfor %%}{% endif %}    \n                    \n   </span>\n\n            </div>\n        </div>\n    </div>\n</header>\n\n<!-- Post Content -->\n\n    <div class=\"container\">\n        <div class=\"row\">\n            \n\n               \t\t\t\t{{ content }}\n\n                <br>\n          <br>\n    <br>\n\n\n               {% include signoff.html %} \n    <hr class=\"small\">\n {% if site.share %}{% include share.html %}{% endif %}\n                        \n{% if site.comments %}{% include disqus_comments.html %}{% endif %}\n                        \n                <br>\n\n                <ul class=\"pager\">\n                    {% if page.previous.url %}\n                    <li class=\"previous\">\n                        <a href=\"{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"{{page.previous.title}}\">&larr; Previous Post</a>\n                    </li>\n                    {% endif %}\n                    {% if page.next.url %}\n                    <li class=\"next\">\n                        <a href=\"{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"{{page.next.title}}\">Next Post &rarr;</a>\n                    </li>\n                    {% endif %}\n                </ul>\n\n        </div>\n    </div>\n</article>\n\n<br>\n\n<hr class=\"medium\">\n\n            <div class=\"tags-wrap\">\n   <div class=\"tags\">\n\n  <div class=\"section-heading group\" style=\"color: #fff; text-align: center; margin-top: 10px;\">\n\n    <h3>Tags Cloud</h3>\n\n  </div>\n\n{% assign rawtags = \"\" %}\n{% for post in site.posts %}\n{% assign ttags = post.tags | join:'|' | append:'|' %}\n{% assign rawtags = rawtags | append:ttags %}\n{% endfor %}\n\n{% assign rawtags = rawtags | split:'|' | sort %}\n\n{% assign tags = \"\" %}\n\n{% for tag in rawtags %}\n{% if tag != \"\" %}\n\n{% if tags == \"\" %}\n{% assign tags = tag | split:'|' %}\n{% endif %}\n\n{% unless tags contains tag %}\n{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}\n{% endunless %}\n{% endif %}\n{% endfor %}\n\n  <div class=\"tag-list\">\n    {% for tag in tags %}\n<a href=\"{{ site.baseurl }}/journal/tag/{{ tag | slugify }}/\" style=\"text-decoration:none;\"> {{ tag }} </a> &nbsp;&nbsp;\n{% endfor %}\n  </div>\n\n</div>\n\n<hr class=\"medium\">\n\n<div class=\"categories\">\n\n  <div class=\"section-heading group\" style=\"color: #fff; text-align: center; margin-top: 10px;\">\n\n    <h3>Categories Cloud</h3>\n\n  </div>\n\n \n{% assign rawcategories = \"\" %}\n{% for post in site.posts %}\n{% assign tcategories = post.categories | join:'|' | append:'|' %}\n{% assign rawcategories = rawcategories | append:tcategories %}\n{% endfor %}\n\n{% assign rawcategories = rawcategories | split:'|' | sort %}\n\n{% assign categories = \"\" %}\n\n{% for category in rawcategories %}\n{% if tag != \"\" %}\n\n{% if categories == \"\" %}\n{% assign categories = category | split:'|' %}\n{% endif %}\n\n{% unless categories contains category %}\n{% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %}\n{% endunless %}\n{% endif %}\n{% endfor %}\n\n <div class=\"category-list\">\n   {% for category in categories %}\n<a href=\"{{ site.baseurl }}/journal/category/{{ category | slugify }}/\"> {{ category }} </a> &nbsp;&nbsp;\n{% endfor %}\n  </div>\n\n</div>\n\n<hr class=\"medium\">\n\n<br>\n<br>\n\n       </div>\n\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n  <script src=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js\"></script>\n<!-- Custom Theme JavaScript -->\n<script src=\"{{ site.baseurl }}/js/main.min.js \"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n\n<script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n         type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\nimage: {\n      titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n</body>\n</html>\n\n\n\n\n"
  },
  {
    "path": "_posts/2016-02-01-multiple-galleries.markdown",
    "content": "---\nlayout: \"post\"\ntitle: \"Multiple Galleries\"\nsubtitle: \"A post with multiple galleries arranged with ISOTOPE\"\nactive: \"journal\"\nimage:\n  feature: \"pc007.jpg\"\ndate: \"2016-02-01\"\nheader-img: \"img/postcover/pc007.jpg\"\ncomments: \"true\"\ngallery1: \n  - image_path: /img/galleries/g01/bg1.jpg\n    image-caption: IMAGE TITLE\n    image-copyright: © photorama\n  - image_path: /img/galleries/g01/bg2.jpg\n    image-caption: IMAGE TITLE\n    image-copyright: © photorama\n  - image_path: /img/galleries/g01/bg3.jpg\n    image-caption: IMAGE TITLE\n    image-copyright: © photorama \ngallery2: \n  - image_path: /img/galleries/g02/bg1.jpg\n    image-caption: IMAGE TITLE\n    image-copyright: © photorama\n  - image_path: /img/galleries/g02/bg2.jpg\n    image-caption: IMAGE TITLE\n    image-copyright: © photorama\n  - image_path: /img/galleries/g02/bg3.jpg\n    image-caption: IMAGE TITLE\n    image-copyright: © photorama \n---\n\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n\n<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.title}}</h2>\n\n\n\n\n<p> Content of your post HERE </p>\n\n<p> Add as many paragraphs amongst your galleries as you want. </p>\n\n\n           <!-- Gallery __-->\n\t\t\t\n{% include subgallery.html id=\"gallery1\" %}\n\n<!-- end of GALLERY __ -->\n\n<p> Add as many galleries as you want, including as many photos as you want. Simply edit the <b>FRONT MATTER</b> of the post, adding the corresponding <b>path</b>, <b>caption</b> and <b>copyright</b> info for each one of your photos. </p>\n\n           <!-- Gallery __-->\n\t\t\t\n{% include subgallery.html id=\"gallery2\" %}\n\n<!-- end of GALLERY __ -->\n\n\t\t</div><!-- end of WRAPPER __ -->\n\t</section>\n\n\nPhotography by: <a href=\"https://unsplash.com/photos/j0g8taxHZa0\">UNSPLASH</a>"
  },
  {
    "path": "_posts/2016-03-01-Around-the-World-in-80-Days.markdown",
    "content": "---\nlayout:     post\ntitle:      \"Around the World in 80 Days\"\nsubtitle:   \"Jules Verne\"\nactive: journal\nimage:\n  feature: \"pc006.jpg\"\ndate:       2016-03-01 \nheader-img: \"img/postcover/pc006.jpg\"\ntags: [tag03]\ncategories: [cat04]\ncomments: false\n---\n\n<p>\"You're a sly dog!\" said Passepartout, winking at him.</p>\n\n<p>This expression rather disturbed Fix, without his knowing why.  Had the Frenchman guessed his real purpose?  He knew not what to think.  But how could Passepartout have discovered that he was a detective?  Yet, in speaking as he did, the man evidently meant more than he expressed.</p>\n\n<p>Passepartout went still further the next day; he could not hold his tongue.</p>\n\n<p>\"Mr. Fix,\" said he, in a bantering tone, \"shall we be so unfortunate as to lose you when we get to Hong Kong?\"</p>\n\n<p>\"Why,\" responded Fix, a little embarrassed, \"I don't know; perhaps&mdash;\"</p>\n\n<p>\"Ah, if you would only go on with us!  An agent of the Peninsular Company, you know, can't stop on the way!  You were only going to Bombay, and here you are in China.  America is not far off, and from America to Europe is only a step.\"</p>\n\n<p>Fix looked intently at his companion, whose countenance was as serene as possible, and laughed with him.  But Passepartout persisted in chaffing him by asking him if he made much by his present occupation.</p>\n\n<p>\"Yes, and no,\" returned Fix; \"there is good and bad luck in such things.  But you must understand that I don't travel at my own expense.\"</p>\n\n<p>\"Oh, I am quite sure of that!\" cried Passepartout, laughing heartily.</p>\n\n<p>Fix, fairly puzzled, descended to his cabin and gave himself up to his reflections.  He was evidently suspected; somehow or other the Frenchman had found out that he was a detective.  But had he told his master?  What part was he playing in all this: was he an accomplice or not?  Was the game, then, up?  Fix spent several hours turning these things over in his mind, sometimes thinking that all was lost, then persuading himself that Fogg was ignorant of his presence, and then undecided what course it was best to take.</p>\n\n<p>Placeholder text by <a href=\"http://www.fillerati.com/\">Fillerati</a>. Photography by <a href=\"https://unsplash.com\">UNSPLASH</a>.</p>"
  },
  {
    "path": "_posts/2016-03-05-Moby-Dick.markdown",
    "content": "---\nlayout:     post\ntitle:      \"Moby Dick\"\nsubtitle:   \"Herman Melville\"\nactive: journal\nimage:\n  feature: \"pc005.jpg\"\ndate:       2016-03-05 \nheader-img: \"img/postcover/pc005.jpg\"\ntags: [tag02]\ncategories: [cat03]\ncomments: false\n---\n\n<p>Nearly all joined in singing this hymn, which swelled high above the howling of the storm. A brief pause ensued; the preacher slowly turned over the leaves of the Bible, and at last, folding his hand down upon the proper page, said: \"Beloved shipmates, clinch the last verse of the first chapter of Jonah&mdash;'And God had prepared a great fish to swallow up Jonah.'\"</p>\n\n<p>\"Shipmates, this book, containing only four chapters&mdash;four yarns&mdash;is one of the smallest strands in the mighty cable of the Scriptures. Yet what depths of the soul does Jonah's deep sealine sound! what a pregnant lesson to us is this prophet! What a noble thing is that canticle in the fish's belly! How billow-like and boisterously grand! We feel the floods surging over us; we sound with him to the kelpy bottom of the waters; sea-weed and all the slime of the sea is about us! But WHAT is this lesson that the book of Jonah teaches? Shipmates, it is a two-stranded lesson; a lesson to us all as sinful men, and a lesson to me as a pilot of the living God. As sinful men, it is a lesson to us all, because it is a story of the sin, hard-heartedness, suddenly awakened fears, the swift punishment, repentance, prayers, and finally the deliverance and joy of Jonah. As with all sinners among men, the sin of this son of Amittai was in his wilful disobedience of the command of God&mdash;never mind now what that command was, or how conveyed&mdash;which he found a hard command. But all the things that God would have us do are hard for us to do&mdash;remember that&mdash;and hence, he oftener commands us than endeavors to persuade. And if we obey God, we must disobey ourselves; and it is in this disobeying ourselves, wherein the hardness of obeying God consists.</p>\n\n<p>\"With this sin of disobedience in him, Jonah still further flouts at God, by seeking to flee from Him. He thinks that a ship made by men will carry him into countries where God does not reign, but only the Captains of this earth. He skulks about the wharves of Joppa, and seeks a ship that's bound for Tarshish. There lurks, perhaps, a hitherto unheeded meaning here. By all accounts Tarshish could have been no other city than the modern Cadiz. That's the opinion of learned men. And where is Cadiz, shipmates? Cadiz is in Spain; as far by water, from Joppa, as Jonah could possibly have sailed in those ancient days, when the Atlantic was an almost unknown sea. Because Joppa, the modern Jaffa, shipmates, is on the most easterly coast of the Mediterranean, the Syrian; and Tarshish or Cadiz more than two thousand miles to the westward from that, just outside the Straits of Gibraltar. See ye not then, shipmates, that Jonah sought to flee world-wide from God? Miserable man! Oh! most contemptible and worthy of all scorn; with slouched hat and guilty eye, skulking from his God; prowling among the shipping like a vile burglar hastening to cross the seas. So disordered, self-condemning is his look, that had there been policemen in those days, Jonah, on the mere suspicion of something wrong, had been arrested ere he touched a deck. How plainly he's a fugitive! no baggage, not a hat-box, valise, or carpet-bag,&mdash;no friends accompany him to the wharf with their adieux. At last, after much dodging search, he finds the Tarshish ship receiving the last items of her cargo; and as he steps on board to see its Captain in the cabin, all the sailors for the moment desist from hoisting in the goods, to mark the stranger's evil eye. Jonah sees this; but in vain he tries to look all ease and confidence; in vain essays his wretched smile. Strong intuitions of the man assure the mariners he can be no innocent. In their gamesome but still serious way, one whispers to the other&mdash;\"Jack, he's robbed a widow;\" or, \"Joe, do you mark him; he's a bigamist;\" or, \"Harry lad, I guess he's the adulterer that broke jail in old Gomorrah, or belike, one of the missing murderers from Sodom.\" Another runs to read the bill that's stuck against the spile upon the wharf to which the ship is moored, offering five hundred gold coins for the apprehension of a parricide, and containing a description of his person. He reads, and looks from Jonah to the bill; while all his sympathetic shipmates now crowd round Jonah, prepared to lay their hands upon him. Frighted Jonah trembles, and summoning all his boldness to his face, only looks so much the more a coward. He will not confess himself suspected; but that itself is strong suspicion. So he makes the best of it; and when the sailors find him not to be the man that is advertised, they let him pass, and he descends into the cabin.</p>\n\n<p>Placeholder text by <a href=\"http://www.fillerati.com/\">Fillerati</a>. Photography by <a href=\"https://unsplash.com\">UNSPLASH</a>.</p>"
  },
  {
    "path": "_posts/2016-03-10-At-the-Earth's-Core.markdown",
    "content": "---\nlayout:     post\ntitle:      \"At the Earth's Core\"\nsubtitle:   \"Edgar Rice Burroughs\"\nactive: journal\nimage:\n  feature: \"pc004.jpg\"\ndate:       2016-03-10 \nheader-img: \"img/postcover/pc004.jpg\"\ntags: [tag01]\ncategories: [cat02]\ncomments: false\n---\n\n<p>Formerly he may have been as good to look upon as the others of his handsome race, and it may be that the terrible result of this encounter had tended to sour an already strong and brutal character.  However this may be it is quite certain that he was not a pretty sight, and now that his features, or what remained of them, were distorted in rage at the sight of Dian with another male, he was indeed most terrible to see&mdash;and much more terrible to meet.</p>\n\n<p>He had broken into a run now, and as he advanced he raised his mighty spear, while I halted and fitting an arrow to my bow took as steady aim as I could.  I was somewhat longer than usual, for I must confess that the sight of this awful man had wrought upon my nerves to such an extent that my knees were anything but steady.  What chance had I against this mighty warrior for whom even the fiercest cave bear had no terrors!  Could I hope to best one who slaughtered the sadok and dyryth single-handed!  I shuddered; but, in fairness to myself, my fear was more for Dian than for my own fate.</p>\n\n<p>And then the great brute launched his massive stone-tipped spear, and I raised my shield to break the force of its terrific velocity.  The impact hurled me to my knees, but the shield had deflected the missile and I was unscathed.  Jubal was rushing upon me now with the only remaining weapon that he carried&mdash;a murderous-looking knife.  He was too close for a careful bowshot, but I let drive at him as he came, without taking aim.  My arrow pierced the fleshy part of his thigh, inflicting a painful but not disabling wound.  And then he was upon me.</p>\n\n<p>My agility saved me for the instant.  I ducked beneath his raised arm, and when he wheeled to come at me again he found a sword's point in his face.  And a moment later he felt an inch or two of it in the muscles of his knife arm, so that thereafter he went more warily.</p>\n\n<p>It was a duel of strategy now&mdash;the great, hairy man maneuvering to get inside my guard where he could bring those giant thews to play, while my wits were directed to the task of keeping him at arm's length. Thrice he rushed me, and thrice I caught his knife blow upon my shield. Each time my sword found his body&mdash;once penetrating to his lung.  He was covered with blood by this time, and the internal hemorrhage induced paroxysms of coughing that brought the red stream through the hideous mouth and nose, covering his face and breast with bloody froth. He was a most unlovely spectacle, but he was far from dead.</p>\n\n<p>As the duel continued I began to gain confidence, for, to be perfectly candid, I had not expected to survive the first rush of that monstrous engine of ungoverned rage and hatred.  And I think that Jubal, from utter contempt of me, began to change to a feeling of respect, and then in his primitive mind there evidently loomed the thought that perhaps at last he had met his master, and was facing his end.</p>\n\n<p>At any rate it is only upon this hypothesis that I can account for his next act, which was in the nature of a last resort&mdash;a sort of forlorn hope, which could only have been born of the belief that if he did not kill me quickly I should kill him.  It happened on the occasion of his fourth charge, when, instead of striking at me with his knife, he dropped that weapon, and seizing my sword blade in both his hands wrenched the weapon from my grasp as easily as from a babe.</p>\n\n<p>Flinging it far to one side he stood motionless for just an instant glaring into my face with such a horrid leer of malignant triumph as to almost unnerve me&mdash;then he sprang for me with his bare hands.  But it was Jubal's day to learn new methods of warfare.  For the first time he had seen a bow and arrows, never before that duel had he beheld a sword, and now he learned what a man who knows may do with his bare fists.</p>\n\n<p>As he came for me, like a great bear, I ducked again beneath his outstretched arm, and as I came up planted as clean a blow upon his jaw as ever you have seen.  Down went that great mountain of flesh sprawling upon the ground.  He was so surprised and dazed that he lay there for several seconds before he made any attempt to rise, and I stood over him with another dose ready when he should gain his knees.</p>\n\n<p>Placeholder text by <a href=\"http://www.fillerati.com/\">Fillerati</a>. Photography by <a href=\"https://unsplash.com\">UNSPLASH</a>.</p>"
  },
  {
    "path": "_posts/2016-03-15-The-Wizard-of-Oz.markdown",
    "content": "---\nlayout:     post\ntitle:      \"The Wizard of Oz\"\nsubtitle:   \"L. Frank Baum\"\nactive: journal\nimage:\n  feature: \"pc003.jpg\"\ndate:       2016-03-15\nheader-img: \"img/postcover/pc003.jpg\"\ntags: [tag03, tag04]\ncategories: [cat03, cat04]\ncomments: false\n---\n\n<p>Now this same morning the Wicked Witch came to the door of her castle and looked out with her one eye that could see far off.  She saw all her wolves lying dead, and the strangers still traveling through her country.  This made her angrier than before, and she blew her silver whistle twice.</p>\n\n<p>Straightway a great flock of wild crows came flying toward her, enough to darken the sky.</p>\n\n<p>And the Wicked Witch said to the King Crow, \"Fly at once to the strangers; peck out their eyes and tear them to pieces.\"</p>\n\n<p>The wild crows flew in one great flock toward Dorothy and her companions.  When the little girl saw them coming she was afraid.</p>\n\n<p>But the Scarecrow said, \"This is my battle, so lie down beside me and you will not be harmed.\"</p>\n\n<p>So they all lay upon the ground except the Scarecrow, and he stood up and stretched out his arms.  And when the crows saw him they were frightened, as these birds always are by scarecrows, and did not dare to come any nearer.  But the King Crow said:</p>\n\n<p>\"It is only a stuffed man.  I will peck his eyes out.\"</p>\n\n<p>The King Crow flew at the Scarecrow, who caught it by the head and twisted its neck until it died.  And then another crow flew at him, and the Scarecrow twisted its neck also.  There were forty crows, and forty times the Scarecrow twisted a neck, until at last all were lying dead beside him.  Then he called to his companions to rise, and again they went upon their journey.</p>\n\n<p>When the Wicked Witch looked out again and saw all her crows lying in a heap, she got into a terrible rage, and blew three times upon her silver whistle.</p>\n\n<p>Forthwith there was heard a great buzzing in the air, and a swarm of black bees came flying toward her.</p>\n\n<p>Placeholder text by <a href=\"http://www.fillerati.com/\">Fillerati</a>. Photography by <a href=\"https://unsplash.com\">UNSPLASH</a>.</p>"
  },
  {
    "path": "_posts/2016-03-20-The-Scarlet-Plague.markdown",
    "content": "---\nlayout:     post\ntitle:      \"The Scarlet Plague\"\nsubtitle:   \"Jack London\"\nactive: journal\nimage:\n  feature: \"pc002.jpg\"\ndate:       2016-03-20\nheader-img: \"img/postcover/pc002.jpg\"\ntags: [tag03, tag04]\ncategories: [cat03, cat04]\ncomments: false\n---\n\n<p>The boys laughed and lay down again in the sand, while Granser sighed  ponderously. He had eaten too much, and, with hands clasped on his  paunch, the fingers interlaced, he resumed his maunderings.</p>\n\n<p>\"'The fleeting systems lapse like foam,'\" he mumbled what was evidently  a quotation. \"That's it&mdash;foam, and fleeting. All man's toil upon the  planet was just so much foam. He domesticated the serviceable animals,  destroyed the hostile ones, and cleared the land of its wild vegetation.  And then he passed, and the flood of primordial life rolled back again,  sweeping his handiwork away&mdash;the weeds and the forest inundated his  fields, the beasts of prey swept over his flocks, and now there are  wolves on the Cliff House beach.\" He was appalled by the thought. \"Where  four million people disported themselves, the wild wolves roam to-day,  and the savage progeny of our loins, with prehistoric weapons, defend  themselves against the fanged despoilers. Think of it! And all because  of the Scarlet Death&mdash;\"</p>\n\n<p>The adjective had caught Hare-Lip's ear.</p>\n\n<p>\"He's always saying that,\" he said to Edwin. \"What is scarlet?\"</p>\n\n<p>\"'The scarlet of the maples can shake me like the cry of bugles going  by,'\" the old man quoted.</p>\n\n<p>\"It's red,\" Edwin answered the question. \"And you don't know it because  you come from the Chauffeur Tribe. They never did know nothing, none of  them. Scarlet is red&mdash;I know that.\"</p>\n\n<p>\"Red is red, ain't it?\" Hare-Lip grumbled. \"Then what's the good of  gettin' cocky and calling it scarlet?\"</p>\n\n<p>\"Granser, what for do you always say so much what nobody knows?\" he  asked. \"Scarlet ain't anything, but red is red. Why don't you say red,  then?\"</p>\n\n<p>\"Red is not the right word,\" was the reply. \"The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it.\"</p>\n\n<p>\"Red is good enough for me,\" Hare-Lip muttered obstinately. \"My dad  calls red red, and he ought to know. He says everybody died of the Red  Death.\"</p>\n\n<p>Placeholder text by <a href=\"http://www.fillerati.com/\">Fillerati</a>. Photography by <a href=\"https://unsplash.com\">UNSPLASH</a>.</p>"
  },
  {
    "path": "_posts/2016-03-25-Alice-in-Wonderland.markdown",
    "content": "---\nlayout:     post\ntitle:      \"Alice in Wonderland\"\nsubtitle:   \"Lewis Carroll\"\nactive: journal\nimage:\n  feature: \"pc001.jpg\"\ndate:       2016-03-25\nheader-img: \"img/postcover/pc001.jpg\"\ntags: [tag01, tag02]\ncategories: [cat01, cat02]\ncomments: false\n---\n\nThe rabbit-hole went straight on like a tunnel for some way, and then  dipped suddenly down, so suddenly that Alice had not a moment to think  about stopping herself before she found herself falling down a very deep  well.\n\nEither the well was very deep, or she fell very slowly, for she had  plenty of time as she went down to look about her and to wonder what was  going to happen next. First, she tried to look down and make out what  she was coming to, but it was too dark to see anything; then she  looked at the sides of the well, and noticed that they were filled with  cupboards and book-shelves; here and there she saw maps and pictures  hung upon pegs. She took down a jar from one of the shelves as  she passed; it was labelled 'ORANGE MARMALADE', but to her great  disappointment it was empty: she did not like to drop the jar for fear  of killing somebody, so managed to put it into one of the cupboards as  she fell past it.\n\n'Well!' thought Alice to herself, 'after such a fall as this, I shall  think nothing of tumbling down stairs! How brave they'll all think me at  home! Why, I wouldn't say anything about it, even if I fell off the top  of the house!' (Which was very likely true.)\n\nDown, down, down. Would the fall NEVER come to an end! 'I wonder how  many miles I've fallen by this time?' she said aloud. 'I must be getting  somewhere near the centre of the earth. Let me see: that would be four  thousand miles down, I think&mdash;' (for, you see, Alice had learnt several  things of this sort in her lessons in the schoolroom, and though this  was not a VERY good opportunity for showing off her knowledge, as there  was no one to listen to her, still it was good practice to say it over)  '&mdash;yes, that's about the right distance&mdash;but then I wonder what Latitude  or Longitude I've got to?' (Alice had no idea what Latitude was, or  Longitude either, but thought they were nice grand words to say.)\n\nPresently she began again. 'I wonder if I shall fall right THROUGH the  earth! How funny it'll seem to come out among the people that walk with  their heads downward! The Antipathies, I think&mdash;' (she was rather glad  there WAS no one listening, this time, as it didn't sound at all the  right word) '&mdash;but I shall have to ask them what the name of the country  is, you know. Please, Ma'am, is this New Zealand or Australia?' (and  she tried to curtsey as she spoke&mdash;fancy CURTSEYING as you're falling  through the air! Do you think you could manage it?) 'And what an  ignorant little girl she'll think me for asking! No, it'll never do to  ask: perhaps I shall see it written up somewhere.'\n\nDown, down, down. There was nothing else to do, so Alice soon began  talking again. 'Dinah'll miss me very much to-night, I should think!'  (Dinah was the cat.) 'I hope they'll remember her saucer of milk at  tea-time. Dinah my dear! I wish you were down here with me! There are no  mice in the air, I'm afraid, but you might catch a bat, and that's very  like a mouse, you know. But do cats eat bats, I wonder?' And here Alice  began to get rather sleepy, and went on saying to herself, in a dreamy  sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do  bats eat cats?' for, you see, as she couldn't answer either question,  it didn't much matter which way she put it. She felt that she was dozing  off, and had just begun to dream that she was walking hand in hand with  Dinah, and saying to her very earnestly, 'Now, Dinah, tell me the truth:  did you ever eat a bat?' when suddenly, thump! thump! down she came upon  a heap of sticks and dry leaves, and the fall was over.\n\n<p>Alice was not a bit hurt, and she jumped up on to her feet in a moment:  she looked up, but it was all dark overhead; before her was another  long passage, and the White Rabbit was still in sight, hurrying down it.  There was not a moment to be lost: away went Alice like the wind, and  was just in time to hear it say, as it turned a corner, 'Oh my ears  and whiskers, how late it's getting!' She was close behind it when she  turned the corner, but the Rabbit was no longer to be seen: she found  herself in a long, low hall, which was lit up by a row of lamps hanging  from the roof.</p>\n\n<p>There were doors all round the hall, but they were all locked; and when  Alice had been all the way down one side and up the other, trying every  door, she walked sadly down the middle, wondering how she was ever to  get out again.</p>\n\n<p>Placeholder text by <a href=\"http://www.fillerati.com/\">Fillerati</a>. Photography by <a href=\"https://unsplash.com\">UNSPLASH</a>.</p>"
  },
  {
    "path": "_posts/2016-07-01-images-size-for-better-performance.markdown",
    "content": "---\nlayout: \"post\"\ntitle: \"BLOG IMAGE PERFORMANCE IS NECESSARY\"\nsubtitle: \"Image format and what Is the Ideal File Size for an Image?\"\nactive: \"journal\"\nimage:\n  feature: \"pc008.jpg\"\ndate: \"2016-02-01\"\nheader-img: \"img/postcover/pc008.jpg\"\ncomments: \"true\"\n---\n\n<p>I would like to thank <a href=\"http://designyourownblog.com/about-dyob/\">Marianne</a>, owner of <a href=\"http://designyourownblog.com/\">DESIGN YOUR OWN BLOG</a> who gave me permission to link to her post where she is talking about blog image performance.</p>\n\n> Is blog image performance necessary?\n> \n> Consider this:\n> \n> Your users don’t want to wait more than 3 seconds for your page to load.\n> \n> Google pays attention to your website speed and ranks it accordingly.\n> \n> So I’d say yes, it’s very necessary.\n> \n>   – Marianne\n\n<p>If you care about your readers <a href=\"http://designyourownblog.com/blog-image-performance/\">this</a> post is a <b>MUST READ</b>.</p>\n\n> There are 3 steps (4 for JPEGs) we should take to optimize our images:\n> \n> Always resize the image to the largest size it will appear.\n> \n> Further reduce JPEG file size with these tricks.\n> \n> Reduce quality on save.\n> \n> Run it through a lossless image compression tool.\n> \n>   – Marianne\n \n<p>This Jekyll template was crafted in order to be used by photobloggers. If the photos you upload are not optimized, the page loading time will increase significantly! </p>\n\n> DO NOT upload an image at its full size, such as 2500 x 3500, and then resize it in the settings after you’ve uploaded it to your blog!\n> \n>   – Marianne\n\n<p> So, dig in her informative post and learn how you can have a fast loading photography website!</p>\n\n<a href=\"http://designyourownblog.com/blog-image-performance/\"><b>\"THE BIGGEST MISTAKE YOU’RE PROBABLY MAKING WITH YOUR BLOG IMAGES + CHEAT SHEET\"</b></a>\n\nThank you Marianne! :)\n\n<br>\n<br>\n\n<a href=\"http://designyourownblog.com/wp-content/uploads/2015/10/biggest-blog-mistake-image-performance-2.jpg\">Featured Image Source</a>"
  },
  {
    "path": "about/index.html",
    "content": "---\nlayout: page\ntitle: \"About\"\ndescription: \"Statement\"\nactive: about\nheader-img: \"img/about-bg.jpg\"\n---\n\n<h1>CREDITS</h1>\n<br>\n<br>\n<h4>The posts were written and exported as markdown ready for publication with <a href=\"http://dillinger.io/\">Dillinger</a>, a useful online editor.</h4>\n<br>\n<h4>All the commits were performed with the help of <a href=\"https://www.sourcetreeapp.com/\">Source Tree</a> app.</h4>\n<br> \n<h4>The photos are organised in galleries with <a href=\"https://github.com/metafizzy/isotope\">ISOTOPE</a>.</h4>\n<br>\n<h4>The search overlay function code lies in <a href=\"https://github.com/chinchang/super-search\">SUPER SEARCH</a>.</h4>\n\n\n<br>\n<h6><p>Image Source: <a href=\"https://unsplash.com/photos/Dwheufds6kQ/\">Unsplash</a></p></h6>\n"
  },
  {
    "path": "bower.json",
    "content": "{\n  \"name\": \"photorama\",\n  \"description\": \"Photo Journal\",\n  \"main\": \"index.html\",\n  \"moduleType\": [],\n  \"authors\": [\n    \"Anna Prigkipaki\"\n  ],\n  \"license\": \"Apache-2.0\",\n  \"homepage\": \"\",\n  \"private\": true,\n  \"ignore\": [\n    \"**/.*\",\n    \"node_modules\",\n    \"bower_components\",\n    \"test\",\n    \"tests\"\n  ]\n}\n"
  },
  {
    "path": "css/WYSIWYG.css",
    "content": "/* WYSIWYG TEXT STYLES\n--------------------------------------------------------- */\nhtml { font-family: 'Josefin Sans', sans-serif; font-size: 62.5%; }\nbody { font-family: 'Josefin Sans', sans-serif; font-size: 1.8em; font-weight: 400; }\n\n/* CONTENT */\nbody #content { position: relative; }\nbody #content > .wrapper { padding: 3em 4.5% 0; }\n\n/* Layouts */\nbody.fullscreen { max-height: 100%; overflow-y: hidden; overflow-x: hidden; background: #000; }\nbody.fullscreen #content { height: 100vh; overflow: hidden; }\nbody.fullscreen #content > .wrapper { padding: 0; }\n\n/* Text on Dark Background (over images) */\nbody.fullscreen ul.social-icons, body.fullscreen  #footer p { vertical-align: bottom; padding-bottom: 0; line-height: 1.1; }\nbody.fullscreen ul.social-icons li a  { color: white; }\n\nbody.fullscreen .position-absolute { color: #dddddd;  bottom: 0; left: 0; width: 100%; padding: 0 4.5%; /*-webkit-transform: translateY(-50%);\n-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }\n\n/*galleries adapted*/\n\t.masonry-gallery .gallery-item { width: 47.5% !important; }\n\t.fullscreen-gallery.kenburns-gallery canvas { position: relative; }\n\t.fullscreen-gallery .gallery-caption .entry-summary { padding-bottom: 1.5em; }\n\t.vertical-gallery.gallery { height: 400px; margin-top: 2em; }\n\t.vertical-gallery .gallery-icon { width: 90%; }\n\t.vertical-gallery .gallery-caption { width: 90%; position: absolute; bottom: 0; }\n\t.vertical-gallery .gallery-icon img { bottom: auto; top: 0; }\n\t.vertical-gallery .gallery-caption h3 { font-size: 1.4em; }\n\n\nh1 { font-weight: normal; font-size: 1.7em; margin: 0 0 .5em 0; line-height: 1.4; }\nh2 { font-weight: normal; font-size: 1.5em; margin: 0 0 .7em 0; line-height: 1.2; letter-spacing: .01em;  }\nh3 { font-weight: normal; font-size: 1.25em; margin: 0 0 .5em 0; line-height: 1.4; }\nh4 { font-weight: normal; font-size: 1.15em; margin: 0 0 .5em 0; line-height: 1.4; }\nh5 { font-weight: bold; font-size: 1em; margin: 0 0 .5em 0; line-height: 1.4; }\nh6 { font-weight: bold; font-size: .8em; margin: 0 0 .5em 0; line-height: 1.4; }\np { padding: 0 0 1.5em 0; line-height: 1.6; }\nul, ol { padding: 0; line-height: 1.6; list-style: disc; }\nol { list-style: decimal; }\nstrong, input, button, .button { font-weight: bold; }\nnav ul { list-style: none; }\nem { font-style: italic; } \na { color: #EA8E00; text-decoration: none; \n-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }\nh1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }\na:hover { text-decoration: none; color: #222;  } \nimg { border: 0; margin-top: 5px; margin-bottom: 2em; max-width: 100%; height: auto; }\np img, h2 img { vertical-align: middle; }\nul ul, ol ol { padding-bottom: 0; }\nul.aligncenter, .aligncenter ul, ol.aligncenter, .aligncenter ol { list-style-position: inside; padding-left: 0; }\n\n.clear { clear: both; }\n.alignleft { float: left; }\n.alignright { float: right; }\n.aligncenter { text-align: center; margin-left: auto; margin-right: auto; }\n.justify { text-align: justify; }\n.justifyleft { text-align: left; }\n.justifyright { text-align: right; }\n.hidden { display: none; }\n.big, big { font-size: 1.15em; line-height: 1.5; font-weight: 300; }\nh2.big { font-size: 240%; letter-spacing: .1em; }\n.extrabig { font-size: 1.9em; line-height: 1.3; }\n.small, small { font-size: .85em; line-height: 1.5; }\n.extrasmall { font-size: .6em; }\nh6 .small, h6 .big, .small h6, .big h6 { line-height: 1; }\n.big i { font-size: 1.4em; font-weight: normal;  }\n.extrabig i { font-size: 1.6em; font-weight: normal; }\n.serif { font-family: Times, serif; opacity: .8; font-size: 94%; }\n.smaller-width { width: 70%; }\n.smaller-padding { padding-bottom: 8px; }\n.smaller-margin { margin-bottom: 8px; }\n.no-padding { padding-bottom: 0; }\n.no-margin { margin-bottom: 0; }\n.side-padding { padding-left: 10%; padding-right: 10%; }\n.position-absolute { position: absolute; }\n.bring-up { position: relative; top: -1.8em; }\nhr.divider { background: none; border: 0; padding: 1.5em 0; margin: 0; clear: both; }\n\n.image-with-caption { width: 100%; position: relative; background: #222; margin: 0 0 1em 0; }\n.image-with-caption img { width: 100%; height: auto; margin: 0 0 -5px 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;  }\n.image-with-caption figcaption { position: absolute; width: 100%; padding: 1em 2em; bottom: 2em; color: #F7F6F5; font-size: 90%; opacity: 0; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;  }\n.image-with-caption:hover figcaption { opacity: 1; bottom: 0; }\n.image-with-caption:hover img { opacity: .3; }\n.image-with-caption p:first-of-type { font-family: Times, serif; font-style: italic; font-size: .9em; opacity: .8; }\n\nimg.alignleft { margin: 5px 20px 20px 0; }\nimg.alignright { margin: 5px 0 20px 20px; }\np.alignleft, div.alignleft { margin-right: 20px; }\np.alignright, div.alignright { margin-left: 20px; }\nimg.alignnone.size-full { max-width: 110% !important; width: 110%; margin-left: -1.2em; }\n\ntable { width: 100%; margin: 0 0 25px 0; border-collapse: collapse; border: 1px solid rgba(0,0,0,0.15); clear: both; }\ntable th { background: rgba(0,0,0,.05); text-align: center; padding: 15px; font-size: 1.1em; }\ntable td { text-align: center; padding: 1em; vertical-align: middle; border-top: 1px solid rgba(0,0,0,0.05); font-size: .95em; }\ntable tr:nth-child(odd)  td {  }\ntable tr:nth-child(even) td {  }\ntable p { padding: 0; }\ntable sup { vertical-align: text-top; font-size: .55em; display: inline-block; margin: 2px 5px 0 -10px; }\ntable p.table-top { display: inline-block; background: #EA8E00; color: #F7F6F5; text-transform: uppercase; padding: 7px 1em 5px 1em; font-size: .6em; line-height: 1; position: relative; top: -16px; margin-bottom: 1em; font-weight: bold; letter-spacing: .05em; }\n\nul.arrows, ul.ticks { padding-left: 2em; }\nul.arrows li, ul.ticks li { list-style: none; position: relative; }\nul.arrows li::before, ul.ticks li::before { position: absolute; left: -1.5em; font-size: 1.1em; font-weight: normal; }\nul.arrows li::before { content: '→'; }\nul.ticks li::before { content: '✔';}\n\n\n.circle-image { display: inline-block; margin: 0 .8em 0 3px; vertical-align: top; float: left; }\n.circle-image img, img.circle-image { width: 80px; height: 80px; border-radius: 40px; margin: -.5em .5em 2em 0; }\n\n\n.icons-showoff::after { content: \"\"; display: block; clear: both; }\n.icons-showoff p { display: inline-block; text-align: center; width: 100px; font-size: .8em; } \n.icons-showoff i { font-size: 2em; display: block; } \n\n\n/* FOOTER\n_____________________________________ */\nbody.fullscreen #footer {\n    position: absolute;\n    display: block;\n    bottom: 0;\n    padding-bottom: 3.5em;\n    right: 0;\n    z-index: 3;\n    color: white;\n    text-align: right;\n    padding: 2em 4.5% 0;\n}\n\n\n#footer {  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }\n\n\n\n\nul.soc-icons { list-style: none; display: inline-block; vertical-align: top; padding: 0 0 1.5em  .5em; line-height: 1.1; position: relative; z-index: 99; }\nul.soc-icons::after { content: \"\"; display: block; clear: both; }\nul.soc-icons li { display: inline-block; padding: 0 0 0 1em; font-size: 1.5em; }\nul.soc-icons li a { text-decoration: none !important;}\nul.soc-icons li a:hover i { color: #000;\n\t-moz-animation: spinHorizontal .5s linear;\n    -o-animation: spinHorizontal .5s linear;    \n    -webkit-animation: spinHorizontal .5s linear;\n    animation: spinHorizontal .5s linear; }\n@-webkit-keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }\n@-mox-keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }\n@-o-keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }\n@keyframes spinHorizontal { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-360deg); } }\n"
  },
  {
    "path": "css/galleries.css",
    "content": "/* Galleries */\n.gallery { clear: both; width: 100%; margin: 0 0 2em 0; }\n.gallery::after { content:\"\"; display: block; clear: both; }\n.gallery-item { position: relative; display: block; width: auto; }\n.gallery-icon { position: relative; z-index: 9;  -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }\n.gallery-icon a { display: block; width: 100%; height: 100%; position: relative; z-index: 9; }\n.gallery-icon img { max-width: 100%; height: auto; margin: 0px; }\n.gallery-caption { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: 10; pointer-events: none; }\n.gallery-caption .entry-summary { display: inline-block; position: absolute; width: 100%; bottom: 0; color: #F7F6F5; opacity: 0;\n-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }\n.gallery-item:hover .gallery-caption .entry-summary { opacity: 1; }\n.gallery-caption h3, .gallery-caption p { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; padding: 0; margin: 0; }\n.gallery-item:hover .gallery-caption h3, .gallery-item:hover .gallery-caption p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }\n.gallery-caption h3  { font-weight: bold; text-transform: uppercase; font-size: .9em; letter-spacing: 0.05em; }\n.gallery-caption .entry-summary > p { font-family: Times, serif; font-style: italic; font-size: .8em; opacity: .8; }\n\n#gallery-filter { display: block; position: relative; top: 12px; }\n#gallery-filter ul {  list-style: none; padding: 0; margin: 0 0 .3em 0; font-size: .8em; letter-spacing: 0.05em; }\n#gallery-filter ul li { display: inline-block; vertical-align: bottom; margin: 0 2em 2em 0; }\n#gallery-filter ul li a { display: block; color: #222; position: relative; }\n#gallery-filter ul li a:hover {  }\n#gallery-filter ul li a.active {  }\n#gallery-filter ul li a::after { content: \"\"; display: block; border-bottom: 2px solid #EA8E00; width: 0; position: absolute; bottom: 0; left: 0; right: 0; \n-webkit-transform: scale(0,1); transform: scale(0,1);\n-webkit-transform-origin: 50% 0; transform-origin: 50% 0;\n-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }\n#gallery-filter ul li a.active::after { width: 100%; -webkit-transform: scale(1); transform: scale(1); }\n#gallery-filter ul li a:hover::after { width: 100%; -webkit-transform: scale(1); transform: scale(1); }\n\n#grid-changer { display: inline-block; float: right; margin-top: -2.6em; z-index: 12; }\n#grid-changer ul { display: inline-block; list-style: none; padding: 0; margin: 0 0 .3em 0; font-size: .8em; letter-spacing: 0.05em; }\n#grid-changer ul li { display: inline-block; vertical-align: top; margin: -.3em 0 0 .2em;  } \n#grid-changer ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #ccc; position: relative; border: 2px solid #999; \n-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }\n#grid-changer ul li a.active, #grid-changer ul li a.active:hover { border-color: #222; color: #222; }\n#grid-changer ul li a:hover { border-color: #EA8E00; color: #EA8E00; }\n#grid-changer svg { fill: #222; }\n\n.masonry-gallery.gallery { z-index: 0; width: 102.2%; margin: 0 0 1em 0; }\n.masonry-gallery .gallery-item { margin: 0 2% 1.3em 0; background: transparent; width: 31.3%; }\n.masonry-gallery .gallery-item.col-2 { width: 48%; }\n.masonry-gallery .gallery-item.col-3 { width: 31.3%; }\n.masonry-gallery .gallery-item.col-4 { width: 23%; }\n.masonry-gallery .gallery-item.col-5 { width: 18%; }\n.masonry-gallery .gallery-item.col-6 { width: 14.66%; }\n.masonry-gallery .gallery-item.col-7 { width: 12.28%; }\n.masonry-gallery .gallery-item.col-8 { width: 10.5%; }\n.masonry-gallery .gallery-item:hover .gallery-icon { opacity: 1; }\n.masonry-gallery .gallery-icon { text-align: center; }\n.masonry-gallery .gallery-caption .entry-summary { text-align: center; bottom: 0; padding: 1em; font-size: .8em; color: #F7F6F5; }\n.masonry-gallery .gallery-item.col-5 .gallery-caption { font-size: .85em; }\n.masonry-gallery .gallery-caption h3 { -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); margin-bottom: .5em; }\n.masonry-gallery .gallery-caption p { -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); padding-bottom: 1em; }\n\n.fullscreen-gallery.gallery { height: 100vh !important; margin: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }\n.fullscreen-gallery .gallery-caption { position: absolute; bottom: 0; left: 0; z-index: 99; pointer-events: auto; }\n.fullscreen-gallery .gallery-caption .entry-summary { width: 100%; bottom: 0; padding: 2.5em 4.5%; opacity: 1; }\n.fullscreen-gallery .gallery-item { height: 100%; width: 100%; }\n.fullscreen-gallery .gallery-icon { height: 100%; width: 100%; }\n.fullscreen-gallery .gallery-video  { height: 100%; width: 100%; background-size: cover; }\n.fullscreen-gallery .gallery-video video { height: 100%; width: 100%; display: inline-block; vertical-align: baseline; }\n.fullscreen-gallery .gallery-icon img { min-width: 100%; min-height: 100%; }\n.fullscreen-gallery .gallery-caption h3 { font-size: 1.15em; margin-bottom: .3em; text-transform: none; }\n\n.fullscreen-gallery.kenburns-gallery .gallery-icon { display: none; }\n.fullscreen-gallery.kenburns-gallery canvas { z-index: -1; position: absolute; left: 0; top: 0; }\n\niframe#okplayer { min-width: 100%; min-height: 100%; }\n\n#gallerynav { display: inline-block; padding: 0 1em; }\n#gallerynav a { color: #F7F6F5; padding: .3em; font-size: 1.5em; font-weight: bold; }\n#gallerynav a svg { fill: #F7F6F5; vertical-align: bottom; }\n#gallerynav a.thumbs { padding: 0 1.5em 0 0; }\n#gallerynav a:hover, #gallerynav a.active { color: #EA8E00; }\n#gallerynav a:hover svg { fill: #EA8E00; }\n#gallerynav a.pause { font-size: .7em; padding-left: .9em; position: relative; top: -3px; font-weight: normal; }\n#gallerythumbs { position: fixed; width: 100%; height: 120px; text-align: left; left: 0; bottom: -24px;/*hide scroll track*/ z-index: 888; white-space: nowrap; padding: 0 !important; overflow: hidden; overflow-x: scroll;  background: #222;\n-webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); \n-webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }\n#gallerythumbs.reveal { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);  }\n#gallerythumbs li { display: inline-block; height: 120px; width: auto; margin: 0; list-style: none; vertical-align: bottom;\nopacity: 1;  -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -ms-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; }\n#gallerythumbs:hover li { opacity: .5; }\n#gallerythumbs:hover li:hover { opacity: 1; }\n#gallerythumbs li img { width: auto; height: 100%; margin: 0; }\nbody.gallerythumbsrevealed #footer { -webkit-transform: translate3d(0,-64px,0); transform: translate3d(0,-64px,0); }\nbody.gallerythumbsrevealed .gallery {  -webkit-transform: translate3d(0,-64px,0); transform: translate3d(0,-64px,0); }\nbody.gallerythumbsrevealed .position-absolute { -webkit-transform: translate3d(0,-64px,0); transform: translate3d(0,-64px,0); }\n\n.horizontal-gallery.gallery { height: 50vh; white-space: nowrap; overflow-x: auto; overflow-y: hidden; width: 109%; margin: 0 0 1.5em -4.5%; }\n.horizontal-gallery .gallery-item { display: inline-block; vertical-align: top; height: 100%; width: auto; margin: 0 .2em 0 0; }\n.horizontal-gallery .gallery-item:last-child { margin-right: 0; }\n.horizontal-gallery .gallery-icon { display: block; width: 100%; height: 100%; } \n.horizontal-gallery .gallery-icon img { height: 98%; width: auto; max-width: 9999px; }\n.horizontal-gallery .gallery-caption { white-space: normal;  font-size: .85em; padding: 2em; }\n.horizontal-gallery .gallery-caption h3 { margin-bottom: .3em;  -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0);  }\n.horizontal-gallery .gallery-caption p { -webkit-transform: translate3d(0,0,0); transform: translate3d(-5px,0,0); padding-bottom: 2em; }\n\n.vertical-gallery.gallery { height: 62vh; margin-bottom: 1em; margin-top: -4em; }\n.vertical-gallery .gallery-item { height: 100%; width: 100%; clear: both; }\n.vertical-gallery .gallery-icon { display: inline-block; width: 50%; height: 100%; float: right; } \n.vertical-gallery .gallery-icon img { width: auto; max-height: 100%; max-width: 100%; float: right; position: absolute; bottom: 0; right: 0; }\n.vertical-gallery .gallery-caption { position: relative; display: inline-block; width: 45%; height: 100%; float: left; opacity: 0; }\n.vertical-gallery .gallery-caption .entry-summary { color: #222; opacity: 1; bottom: 10%; padding: 0 0 0 5em; text-align: left; }\n.vertical-gallery .gallery-caption h3 { font-size: 2em; line-height: 1.1; margin-bottom: .5em; }\n\n#gallerypuntiks { width: 18px; position: absolute; bottom: 0; z-index: 90; }\n#gallerypuntiks a { display: inline-block; width: 10px; height: 10px; border: 2px solid #999; border-radius: 5px; font-size: 0; margin: .5em; clear: both; background: #F7F6F5; padding: .5em;  -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }\n#gallerypuntiks a:hover { border-color: #EA8E00; }\n#gallerypuntiks a.activeSlide { border-color: #222; }\n\n.before-after { max-width: 100%; clear: both; float: left; margin: 0 2em 1em 0; }\n.before-after .gallery-icon a::after { display: none; }\n\n.gallery.no-margin { margin-bottom: 0 !important; }\n\n/* Popup image */\nbody.mfp-zoom-out-cur #header, body.mfp-zoom-out-cur #content, body.mfp-zoom-out-cur #sidebar {  -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }\n.mfp-bg { background: #F7F6F5; opacity: 0.7; }\n.mfp-figure:after { box-shadow: none; border: 8px solid rgba(255,255,255,0.8); }\nimg.mfp-img { padding: 0; } \n.mfp-counter { color: #F7F6F5; background: #222; padding: 0.5em 1em; margin-right: -2em;\n -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); \n -moz-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); \n -o-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);  \n -ms-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);  \n clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); }\n.mfp-container button { box-shadow: none; background: none; }\n.mfp-container button.mfp-arrow-right { background: transparent url(\"../img/right-arrow.svg\") no-repeat center center; }\n.mfp-container button.mfp-arrow-right::before, .mfp-container button.mfp-arrow-right::after { display: none; }\n.mfp-container button.mfp-arrow-left { background: transparent url(\"../img/left-arrow.svg\") no-repeat center center; }\n.mfp-container button.mfp-arrow-left::before, .mfp-container button.mfp-arrow-left::after { display: none; }\n\n\n     /*galleries adapted*/\n\t.masonry-gallery .gallery-item { width: 30% !important; }\n\t\t\n@media screen and (max-height: 480px) {\n\t/*header smaller space*/\n\t#header { padding-top: 2em; }\n\n\t/*galleries adapted*/\n\t.fullscreen-gallery .gallery-caption .entry-summary { padding-bottom: 2em; }\n\t.masonry-gallery .gallery-item {width: 98% !important;}\n}\n\n@media screen and (max-width: 640px) and (orientation: portrait) {\n\t/*galleries adapted*/\n\t.fullscreen-gallery .gallery-caption .entry-summary { padding-bottom: 5em; }\n\t.masonry-gallery .gallery-item { width: 98% !important; }\n\t  "
  },
  {
    "path": "css/journal.css",
    "content": ".section--postsWrapper\n{\n    width: 100%;\n    background: #000;\n    padding-top: 20px;\n    position: relative;\n    clear: both;\n}\n\n.blockGroup\n{\n    margin: 0;\n    padding: 0;\n}\n\n.blockGroup-list {\n  list-style: none;\n  padding: 0;\n  margin-top: 0rem;\n  margin-left: -25px;\n  margin-right: 20px;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n  -ms-flex-align: stretch;\n  align-items: stretch;\n  clear: both;\n}\n\n.blockGroup-list li\n{\n    padding: 0 10px;\n}\n\n.blockGroup-list .block {\n  display: block;\n  width: 100%;\n  margin-bottom: 1.5rem;\n  font-family: \"Roboto\", sans-serif;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: -webkit-box;\n  display: flex;\n}\n\n@media (max-width: 767px)\n{\n    .blockGroup-list .block\n    {\n        width: 100%;\n    }\n}\n\n.blockGroup-list li:nth-child(1).block\n{\n    width: 100%;\n}\n\n.blockGroup-list li:nth-child(1).block .postArticle-image\n{\n    padding-top: 30%;\n    position: center;\n}\n\n@media (max-width: 767px)\n{\n    .blockGroup-list li:nth-child(1).block .postArticle-image\n    {\n        padding-top: 50%;\n    }\n}\n\n.blockGroup-list li:nth-child(1).block .postArticle-title\n{\n    color: #fff;\n    font-size: 1rem;\n}\n\n.blockGroup-list li:nth-child(2).block,\n.blockGroup-list li:nth-child(3).block\n{\n    width: 100%;\n}\n\n.blockGroup-list li:nth-child(2).block .postArticle-image\n{\n    padding-top: 25%;\n    background-size: 50%;\n    background-position: left;\n}\n\n.blockGroup-list li:nth-child(3).block .postArticle-image\n{\n    padding-top: 25%;\n    background-size: 50%;\n    background-position: right;\n}\n\n.blockGroup-list li:nth-child(2).block .postArticle-title,\n.blockGroup-list li:nth-child(3).block .postArticle-title\n{\n    font-size: 1rem;\n}\n\n@media (max-width: 767px)\n{\n    .blockGroup-list li:nth-child(2).block,\n  .blockGroup-list li:nth-child(3).block\n    {\n        width: 100%;\n    }\n}\n\n.blockGroup-list li .postArticle-title\n{\n    color: #fff;\n    font-size: 0.75rem;\n    line-height: 1.5;\n}\n\n.blockGroup-list .postArticle-wrapper\n{\n    position: relative;\n    background: #000;\n    width: 100%;\n    -webkit-box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0);\n    box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0);\n}\n\n.blockGroup-list .postArticle-wrapper:hover\n{\n    -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0.4, 0.4, 0.4, 1);\n    transition: box-shadow 0.2s cubic-bezier(0.4, 0.4, 0.4, 0.4, 1);\n    -webkit-box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.8);\n    box-shadow: 4px 4px 24px 4px rgba(255, 255, 255, 0.8);\n}\n\n.blockGroup-list .postArticle a\n{\n    display: block;\n    color: #fff;\n    margin-top: 0.75rem;\n    font-weight: 300;\n    text-align: center;\n}\n\n.blockGroup-list li:nth-child(2).block .postArticle-title\n{\n    display: block;\n    color: #fff;\n    margin-top: 0.75rem;\n    text-align: left;\n    font-weight: 300;\n}\n\n.blockGroup-list li:nth-child(3).block .postArticle-title\n{\n    display: block;\n    color: #fff;\n    margin-top: 0.75rem;\n    font-weight: 300;\n    text-align: right;\n}\n\n.blockGroup-list .postArticle-image {\n  background-size: 100%;\n    background-repeat: no-repeat;\n  background-position: center;\n  padding-top: 100%;\n  -webkit-transition-property: all, left, top, width;\n  -webkit-transition-duration: .5s, .1s, .1s, .1s;\n  -webkit-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);\n  -webkit-transition-delay: 0;\n  -moz-transition-property: all, left, top, width;\n  -moz-transition-duration: .5s, .1s, .1s, .1s;\n  -moz-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);\n  -moz-transition-delay: 0;\n  -ms-transition-property: all, left, top, width;\n  -ms-transition-duration: .5s, .1s, .1s, .1s;\n  -ms-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);\n  -ms-transition-delay: 0;\n  -o-transition-property: all, left, top, width;\n  -o-transition-duration: .5s, .1s, .1s, .1s;\n  -o-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);\n  -o-transition-delay: 0;\n  -webkit-transition-property: all, left, top, width;\n          transition-property: all, left, top, width;\n  -webkit-transition-duration: .5s, .1s, .1s, .1s;\n          transition-duration: .5s, .1s, .1s, .1s;\n  -webkit-transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);\n          transition-timing-function: cubic-bezier(0.33, 0, 0.2, 1);\n}\n\n@media (max-width: 767px)\n{\n    .blockGroup-list .postArticle-image\n    {\n        padding-top: 50%;\n    }\n}\n\n.blockGroup-list li:nth-child(2).block .block-postMeta\n{\n    display: block;\n    color: #fff;\n    font-size: 15px;\n    text-transform: uppercase;\n    text-align: left;\n}\n\n.blockGroup-list li:nth-child(3).block .block-postMeta\n{\n    display: block;\n    bottom: 0;\n    padding-bottom: 10px;\n    color: #fff;\n    font-size: 15px;\n    text-transform: uppercase;\n    text-align: right;\n}\n\n.blockGroup-list .postArticle-title,\n.blockGroup-list .block-postMeta\n{\n    color: #fff;\n    padding-left: 15px;\n    padding-right: 15px;\n    text-align: center;\n}\n"
  },
  {
    "path": "css/magnificpopup.css",
    "content": "/* Magnific Popup CSS */\n.mfp-bg {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1042;\n  overflow: hidden;\n  position: fixed;\n  background: #0b0b0b;\n  opacity: 0.8; }\n\n.mfp-wrap {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1043;\n  position: fixed;\n  outline: none !important;\n  -webkit-backface-visibility: hidden; }\n\n.mfp-container {\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  padding: 0 8px;\n  box-sizing: border-box; }\n\n.mfp-container:before {\n  content: '';\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle; }\n\n.mfp-align-top .mfp-container:before {\n  display: none; }\n\n.mfp-content {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 auto;\n  text-align: left;\n  z-index: 1045; }\n\n.mfp-inline-holder .mfp-content,\n.mfp-ajax-holder .mfp-content {\n  width: 100%;\n  cursor: auto; }\n\n.mfp-ajax-cur {\n  cursor: progress; }\n\n.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder {\n  cursor: -moz-zoom-out;\n  cursor: -webkit-zoom-out;\n  cursor: zoom-out; }\n\n.mfp-zoom {\n  cursor: pointer;\n  cursor: -webkit-zoom-in;\n  cursor: -moz-zoom-in;\n  cursor: zoom-in; }\n\n.mfp-auto-cursor .mfp-content {\n  cursor: auto; }\n\n.mfp-close,\n.mfp-arrow,\n.mfp-preloader,\n.mfp-counter {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none; }\n\n.mfp-loading.mfp-figure {\n  display: none; }\n\n.mfp-hide {\n  display: none !important; }\n\n.mfp-preloader {\n  color: #CCC;\n  position: absolute;\n  top: 50%;\n  width: auto;\n  text-align: center;\n  margin-top: -0.8em;\n  left: 8px;\n  right: 8px;\n  z-index: 1044; }\n  .mfp-preloader a {\n    color: #CCC; }\n    .mfp-preloader a:hover {\n      color: #FFF; }\n\n.mfp-s-ready .mfp-preloader {\n  display: none; }\n\n.mfp-s-error .mfp-content {\n  display: none; }\n\nbutton.mfp-close,\nbutton.mfp-arrow {\n  overflow: visible;\n  cursor: pointer;\n  background: transparent;\ncursor: pointer; \n  border: 0;\n  -webkit-appearance: none;\n  display: block;\n  outline: none;\n  padding: 0;\n  z-index: 1046;\n  box-shadow: none;\n  touch-action: manipulation; }\n\nbutton::-moz-focus-inner {\n  padding: 0;\n  border: 0; }\n\n.mfp-close {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-decoration: none;\n  text-align: center;\n  opacity: 0.65;\n  padding: 0 0 18px 10px;\n  color: #FFF;\n  font-style: normal;\n  font-size: 28px;\n  font-family: Arial, Baskerville, monospace; }\n  .mfp-close:hover,\n  .mfp-close:focus {\n    opacity: 1; }\n  .mfp-close:active {\n    top: 1px; }\n\n.mfp-close-btn-in .mfp-close {\n  color: #333; }\n\n.mfp-image-holder .mfp-close,\n.mfp-iframe-holder .mfp-close {\n  color: #FFF;\n  right: -6px;\n  text-align: right;\n  padding-right: 6px;\n  width: 100%; }\n\n.mfp-counter {\n  position: absolute;\n  top: 0;\n  right: 0;\n  color: #CCC;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap; }\n\n.mfp-arrow {\n  position: absolute;\n  opacity: 0.65;\n  margin: 0;\n  top: 50%;\n  margin-top: -55px;\n  padding: 0;\n  width: 90px;\n  height: 110px;\n  -webkit-tap-highlight-color: transparent; }\n  .mfp-arrow:active {\n    margin-top: -54px; }\n  .mfp-arrow:hover,\n  .mfp-arrow:focus {\n    opacity: 1; }\n  .mfp-arrow:before,\n  .mfp-arrow:after {\n    content: '';\n    display: block;\n    width: 0;\n    height: 0;\n    position: absolute;\n    left: 0;\n    top: 0;\n    margin-top: 35px;\n    margin-left: 35px;\n    border: medium inset transparent; }\n  .mfp-arrow:after {\n    border-top-width: 13px;\n    border-bottom-width: 13px;\n    top: 8px; }\n  .mfp-arrow:before {\n    border-top-width: 21px;\n    border-bottom-width: 21px;\n    opacity: 0.7; }\n\n.mfp-arrow-left {\n  left: 0; }\n  .mfp-arrow-left:after {\n    border-right: 17px solid #FFF;\n    margin-left: 31px; }\n  .mfp-arrow-left:before {\n    margin-left: 25px;\n    border-right: 27px solid #3F3F3F; }\n\n.mfp-arrow-right {\n  right: 0; }\n  .mfp-arrow-right:after {\n    border-left: 17px solid #FFF;\n    margin-left: 39px; }\n  .mfp-arrow-right:before {\n    border-left: 27px solid #3F3F3F; }\n\n.mfp-iframe-holder {\n  padding-top: 40px;\n  padding-bottom: 40px; }\n  .mfp-iframe-holder .mfp-content {\n    line-height: 0;\n    width: 100%;\n    max-width: 900px; }\n  .mfp-iframe-holder .mfp-close {\n    top: -40px; }\n\n.mfp-iframe-scaler {\n  width: 100%;\n  height: 0;\n  overflow: hidden;\n  padding-top: 56.25%; }\n  .mfp-iframe-scaler iframe {\n    position: absolute;\n    display: block;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n    background: #000; }\n\n/* Main image in popup */\nimg.mfp-img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  line-height: 0;\n  box-sizing: border-box;\n  padding: 40px 0 40px;\n  margin: 0 auto; }\n\n/* The shadow behind the image */\n.mfp-figure {\n  line-height: 0; }\n  .mfp-figure:after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 40px;\n    bottom: 40px;\n    display: block;\n    right: 0;\n    width: auto;\n    height: auto;\n    z-index: -1;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);\n    background: #444; }\n  .mfp-figure small {\n    color: #BDBDBD;\n    display: block;\n    font-size: 12px;\n    line-height: 14px; }\n  .mfp-figure figure {\n    margin: 0; }\n\n.mfp-bottom-bar {\n  margin-top: -36px;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 100%;\n  cursor: auto; }\n\n.mfp-title {\n  text-align: left;\n  line-height: 18px;\n  color: #F3F3F3;\n  word-wrap: break-word;\n  padding-right: 36px; }\n\n.mfp-image-holder .mfp-content {\n  max-width: 100%; }\n\n.mfp-gallery .mfp-image-holder .mfp-figure {\n  cursor: pointer; }\n\n@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {\n  /**\n       * Remove all paddings around the image on small screen\n       */\n  .mfp-img-mobile .mfp-image-holder {\n    padding-left: 0;\n    padding-right: 0; }\n  .mfp-img-mobile img.mfp-img {\n    padding: 0; }\n  .mfp-img-mobile .mfp-figure:after {\n    top: 0;\n    bottom: 0; }\n  .mfp-img-mobile .mfp-figure small {\n    display: inline;\n    margin-left: 5px; }\n  .mfp-img-mobile .mfp-bottom-bar {\n    background: rgba(0, 0, 0, 0.6);\n    bottom: 0;\n    margin: 0;\n    top: auto;\n    padding: 3px 5px;\n    position: fixed;\n    box-sizing: border-box; }\n    .mfp-img-mobile .mfp-bottom-bar:empty {\n      padding: 0; }\n  .mfp-img-mobile .mfp-counter {\n    right: 5px;\n    top: 3px; }\n  .mfp-img-mobile .mfp-close {\n    top: 0;\n    right: 0;\n    width: 35px;\n    height: 35px;\n    line-height: 35px;\n    background: rgba(0, 0, 0, 0.6);\n    position: fixed;\n    text-align: center;\n    padding: 0; } }\n\n@media all and (max-width: 900px) {\n  .mfp-arrow {\n    -webkit-transform: scale(0.75);\n    transform: scale(0.75); }\n  .mfp-arrow-left {\n    -webkit-transform-origin: 0;\n    transform-origin: 0; }\n  .mfp-arrow-right {\n    -webkit-transform-origin: 100%;\n    transform-origin: 100%; }\n  .mfp-container {\n    padding-left: 6px;\n    padding-right: 6px; } }\n"
  },
  {
    "path": "css/main.css",
    "content": "body {\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 20px;\n  color: #eee;\n  background-color: #000;\n}\np {\n  line-height: 1.5;\n  margin: 30px 0;\n}\np a {\n  text-decoration: none;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: 800;\n}\na {\n  color: #760824;\n  transition: color .4s;\n  text-decorarion: none;\n}\na:hover,\na:focus {\n  color: #fff;\n     transition: color .3s;\n    outline: none;\n    text-shadow:none;\n}\na img:hover,\na img:focus {\n  cursor: zoom-in;\n  outline: none;\n}\nblockquote {\n  color: #808080;\n  font-style: italic;\n}\nhr.small {\n  max-width: 100px;\n  margin: 15px auto;\n  border-width: 4px;\n  border-color: white;\n}\n.navbar-custom {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.navbar-custom .navbar-brand {\n  font-weight: 800;\n}\n.navbar-custom .nav li a {\n  color: white;\n  text-transform: uppercase;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n@media only screen and (min-width: 768px) {\n  .navbar-custom {\n    background: transparent;\n    border-bottom: 1px solid transparent;\n  }\n  .navbar-custom .navbar-brand {\n    color: white;\n    padding: 20px;\n  }\n  .navbar-custom .navbar-brand:hover,\n  .navbar-custom .navbar-brand:focus {\n    color: #0085a1;\n  }\n  .navbar-custom .nav li a {\n    color: white;\n    padding: 20px;\n  }\n  .navbar-custom .nav li a:hover{\n    color: #0085a1;\n  }\n}\n@media only screen and (min-width: 1170px) {\n  .navbar-custom {\n    -webkit-transition: background-color 0.3s;\n    -moz-transition: background-color 0.3s;\n    transition: background-color 0.3s;\n    /* Force Hardware Acceleration in WebKit */\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n  }\n  .navbar-custom.is-fixed {\n    /* when the user scrolls down, we hide the header right above the viewport */\n    position: fixed;\n    top: -61px;\n    background-color: rgba(0, 0, 0, 0.9);\n    -webkit-transition: -webkit-transform 0.3s;\n    -moz-transition: -moz-transform 0.3s;\n    transition: transform 0.3s;\n  }\n  .navbar-custom.is-fixed .navbar-brand {\n    color: #ffffff;\n  }\n  .navbar-custom.is-fixed .navbar-brand:hover {\n    color: #0085a1;\n  }\n  \n  .navbar-custom.is-fixed .nav li a:hover {\n    color: #0085a1;\n  }\n.navbar-custom.is-fixed .nav li a:active{\n    color: #6ec54d;\n  }\n  .navbar-custom.is-visible {\n    /* if the user changes the scrolling direction, we show the header */\n    -webkit-transform: translate3d(0, 100%, 0);\n    -moz-transform: translate3d(0, 100%, 0);\n    -ms-transform: translate3d(0, 100%, 0);\n    -o-transform: translate3d(0, 100%, 0);\n    transform: translate3d(0, 100%, 0);\n  }\n}\n.intro-header {\n  background: no-repeat center center;\n  background-color: #808080;\n  background-attachment: scroll;\n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  background-size: cover;\n  -o-background-size: cover;\n  margin-bottom: 50px;\n}\n.intro-header .site-heading,\n.intro-header .post-heading,\n.intro-header .page-heading {\n  padding: 100px 0 50px;\n  color: white;\n}\n@media only screen and (min-width: 768px) {\n  .intro-header .site-heading,\n  .intro-header .post-heading,\n  .intro-header .page-heading {\n    padding: 150px 0;\n  }\n}\n.intro-header .site-heading,\n.intro-header .page-heading {\n  text-align: center;\n}\n.intro-header .site-heading h1,\n.intro-header .page-heading h1 {\n  margin-top: 0;\n  font-size: 50px;\n  text-shadow: 1px 1px 4px #000;\n}\n.intro-header .site-heading .subheading,\n.intro-header .page-heading .subheading {\n  font-size: 24px;\n  line-height: 1.1;\n  display: block;\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: 300;\n  margin: 10px 0 0;\n  text-shadow: 1px 1px 4px #000;\n}\n@media only screen and (min-width: 768px) {\n  .intro-header .site-heading h1,\n  .intro-header .page-heading h1 {\n    font-size: 80px;\n    text-shadow: 1px 1px 4px #000;\n  }\n}\n.intro-header .post-heading h1 {\n  font-size: 35px;\n}\n.intro-header .post-heading .subheading,\n.intro-header .post-heading .meta {\n  line-height: 1.1;\n  display: block;\n}\n.intro-header .post-heading .subheading {\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 24px;\n  margin: 10px 0 30px;\n  font-weight: 600;\n  text-shadow: 1px 1px 4px #000;\n}\n.intro-header .post-heading .meta {\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-style: italic;\n  text-shadow: 1px 1px 4px #000;\n  font-size: 20px;\n}\n.intro-header .post-heading .meta a {\n  color: white;\n}\n@media only screen and (min-width: 768px) {\n  .intro-header .post-heading h1 {\n    font-size: 55px;\n  }\n  .intro-header .post-heading .subheading {\n    font-size: 30px;\n    text-shadow: 1px 1px 4px #000;\n  }\n}\n.post-preview > a {\n  color: #f5f5f5;\n}\n.post-preview > a:hover,\n.post-preview > a:focus {\n  text-decoration: none;\n  color: #0085a1;\n}\n.post-preview > a > .post-title {\n  font-size: 30px;\n  margin-top: 30px;\n  margin-bottom: 10px;\n}\n.post-preview > a > .post-subtitle {\n  margin: 0;\n  font-weight: 300;\n  margin-bottom: 10px;\n}\n.post-preview > .post-meta {\n  color: #808080;\n  font-size: 18px;\n  font-style: italic;\n  margin-top: 0;\n}\n.post-preview > .post-meta > a {\n  text-decoration: none;\n  color: #404040;\n}\n.post-preview > .post-meta > a:hover,\n.post-preview > .post-meta > a:focus {\n  color: #0085a1;\n  text-decoration: underline;\n}\n@media only screen and (min-width: 768px) {\n  .post-preview > a > .post-title {\n    font-size: 36px;\n  }\n}\n.section-heading {\n  font-size: 36px;\n  margin-top: 60px;\n  font-weight: 700;\n}\n.caption {\n  text-align: center;\n  font-size: 14px;\n  padding: 10px;\n  font-style: italic;\n  margin: 0;\n  display: block;\n  border-bottom-right-radius: 5px;\n  border-bottom-left-radius: 5px;\n}\nfooter {\n  margin: -30px 0 0px;\n}\nfooter .list-inline {\n  margin: 0;\n  padding: 0;\n}\nfooter .copyright {\n  font-size: 14px;\n  text-align: center;\n  margin-bottom: 0;\n}\n.floating-label-form-group {\n  font-size: 14px;\n  position: relative;\n  margin-bottom: 0;\n  padding-bottom: 0.5em;\n  border-bottom: 1px solid #eeeeee;\n}\n.floating-label-form-group input,\n.floating-label-form-group textarea {\n  z-index: 1;\n  position: relative;\n  padding-right: 0;\n  padding-left: 0;\n  border: none;\n  border-radius: 0;\n  font-size: 1.5em;\n  background: none;\n  box-shadow: none !important;\n  resize: none;\n}\n.floating-label-form-group label {\n  display: block;\n  z-index: 0;\n  position: relative;\n  top: 2em;\n  margin: 0;\n  font-size: 0.85em;\n  line-height: 1.764705882em;\n  vertical-align: middle;\n  vertical-align: baseline;\n  opacity: 0;\n  -webkit-transition: top 0.3s ease,opacity 0.3s ease;\n  -moz-transition: top 0.3s ease,opacity 0.3s ease;\n  -ms-transition: top 0.3s ease,opacity 0.3s ease;\n  transition: top 0.3s ease,opacity 0.3s ease;\n}\n.floating-label-form-group::not(:first-child) {\n  padding-left: 14px;\n  border-left: 1px solid #eeeeee;\n}\n.floating-label-form-group-with-value label {\n  top: 0;\n  opacity: 1;\n}\n.floating-label-form-group-with-focus label {\n  color: #0085a1;\n}\nform .row:first-child .floating-label-form-group {\n  border-top: 1px solid #eeeeee;\n}\n.btn {\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  text-transform: uppercase;\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  border-radius: 0;\n  padding: 15px 25px;\n}\n.btn-lg {\n  font-size: 16px;\n  padding: 25px 35px;\n}\n.btn-default:hover,\n.btn-default:focus {\n  background-color: #0085a1;\n  border: 1px solid #0085a1;\n  color: white;\n}\n.pager {\n  margin: 20px 0 0;\n}\n.pager li > a,\n.pager li > span {\n  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  text-transform: uppercase;\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  padding: 10px 5px;\n  background-color: black;\n}\n@media only screen and (min-width: 768px) {\n  .pager li > a,\n  .pager li > span {\n    font-size: 14px;\n    padding: 15px 25px;\n  }\n}\n.pager li > a:hover,\n.pager li > a:focus {\n  color: white;\n  background-color: black;\n  }\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n  color: #808080;\n  background-color: #404040;\n  cursor: not-allowed;\n}\n::-moz-selection {\n  color: white;\n  text-shadow: none;\n  background: #0085a1;\n}\n::selection {\n  color: white;\n  text-shadow: none;\n  background: #0085a1;\n}\nimg::selection {\n  color: white;\n  background: transparent;\n}\nimg::-moz-selection {\n  color: white;\n  background: transparent;\n}\nbody {\n  webkit-tap-highlight-color: #0085a1;\n}\n.fa-stack-2x {\n color: black;\n}\n\n"
  },
  {
    "path": "css/selena.css",
    "content": "\n/*-----------------*/\n/***** Selena *****/\n/*-----------------*/\n\nfigure.effect-selena {\n\tbackground: #530720;\n}\n\nfigure.effect-selena img {\n     cursor: default;\n\topacity: 1;\n\t-webkit-transition: -webkit-transform 0.35s;\n\ttransition: transform 0.35s;\n\t-webkit-transform-origin: 50% 50%;\n\ttransform-origin: 50% 50%;\n}\n\nfigure.effect-selena:hover img {\n\t-webkit-transform: scale3d(0.95,0.95,1);\n\ttransform: scale3d(0.95,0.95,1);\n}\n\nfigure.effect-selena h2 {\n\t-webkit-transition: -webkit-transform 0.35s;\n\ttransition: transform 0.35s;\n\t-webkit-transform: translate3d(0,20px,0);\n\ttransform: translate3d(0,20px,0);\n}\n\nfigure.effect-selena p {\n\topacity: 0;\n\t-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\n\ttransition: opacity 0.35s, transform 0.35s;\n\t-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);\n\ttransform: perspective(1000px) rotate3d(1,0,0,90deg);\n\t-webkit-transform-origin: 50% 0%;\n\ttransform-origin: 50% 0%;\n}\n\nfigure.effect-selena:hover h2 {\n\t-webkit-transform: translate3d(0,0,0);\n\ttransform: translate3d(0,0,0);\n}\n\nfigure.effect-selena:hover p {\n\topacity: 1;\n\t-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);\n\ttransform: perspective(1000px) rotate3d(1,0,0,0);\n}"
  },
  {
    "path": "css/super-search.css",
    "content": "/* super-search\nAuthor: Kushagra Gour (http://kushagragour.in)\nMIT Licensed\n*/\n.super-search-btn {\n\tcolor: #fff;\n    transition: color .4s;\n    text-shadow: 2px 2px #000;\n}\n.super-search-btn:hover {\n\tcolor: #6ec54d;\n    transition: color .3s;\n    text-shadow: none;\n}\n\n.super-search {\n\tposition: fixed;\n\tbackground-color: rgba(0, 0, 0, 0.95);\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tz-index: 1;\n\ttransition: 0.2s ease;\n\tvisibility: hidden;\n\topacity: 0;\n}\n.super-search__close-btn {\n\tcolor: #d3d3d3;\n     transition: color .4s;\n\tposition: absolute;\n\tright: 10px;\n\ttop: 15px;\n\tz-index: 1;\n}\n.super-search__close-btn:hover {\n\tcolor: #fff;\n     transition: color .3s;\n}\n.super-search__input {\n\tborder: 0;\n\tfont-size: 50px;\n\tborder-left: none;\n\tborder-right: none;\n\tcolor: #f9f9f9;\n    background-color: #000;\n\twidth: 100%;\n    outline: 0;\n\tpadding: 10px 31px;\n\ttext-align: center;\n\ttransform: translateY(-100%);\n\ttransition: 0.15s ease-out 150ms;\n}\n.is-active .super-search__input {\n\ttransform: translateY(0);\n}\n.super-search__results {\n\ttext-align: center;\n\tlist-style: none;\n\tpadding: 0;\n\toverflow-x: hidden;\n\theight: calc(100% - 110px);\n\ttransition: 0.2s ease;\n}\n.super-search__results.is-hidden {\n\topacity: 0;\n\ttransform: translateY(-1vh);\n}\n\n.super-search__results > li > a {\n     font-size: 1.25em;\n\tdisplay: block;\n\tposition: relative;\n\tbackground-color: #111;\n\tpadding: 17px;\n\tmargin: 12px 14px;\n\tbox-shadow: 0 0px 8px rgba(255,255,255,0.45);\n}\n.super-search__result-date {\n\tcolor: #BBB;\n\tposition: absolute;\n\tright: 12px;\n}\n@media (max-width: 750px) {\n.super-search__result-date {\n    position: static;\n    display: block;\n }\n}\n.super-search.is-active {\n\topacity: 1;\n\tvisibility: visible;\n     z-index: 3;\n}\n\n.super-search__input::-webkit-input-placeholder {\n   color: rgba(138, 17, 17, .45);\n}\n\n.super-search__input:-moz-placeholder { /* Firefox 18- */\n   color: rgba(138, 17, 17, .45);  \n}\n\n.super-search__input::-moz-placeholder {  /* Firefox 19+ */\n   color: rgba(138, 17, 17, .45);  \n}\n\n.super-search__input:-ms-input-placeholder {  \n   color: rgba(138, 17, 17, .45);  \n}"
  },
  {
    "path": "css/tags-wrap.css",
    "content": ".tags-wrap {\n    max-width: 1200px;\n    margin: auto;\n}\n\n.categories .category-list {\n  list-style: none;\n  text-align: center;\n  margin-bottom: 10px;\n}\n\n@media (max-width: 450px) {\n  .categories .category-list {\n    font-size: 16px;\n  }\n}\n\n.tags .tag-list {\n  list-style: none;\n  text-align: center;\n  margin-bottom: 10px;\n}\n\n@media (max-width: 450px) {\n  .tags .tag-list {\n    font-size: 16px;\n  }\n}\n\nhr.medium {\n    max-width: 450px;\n    margin: 15px auto;\n    border-width: 4px;\n    border-color: #d9d4d0;\n}\n"
  },
  {
    "path": "feed.xml",
    "content": "---\nlayout: null\n---\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<rss version=\"2.0\" xmlns:atom=\"http://www.w3.org/2005/Atom\">\n  <channel>\n    <title>{{ site.title | xml_escape }}</title>\n    <description>{{ site.description | xml_escape }}</description>\n    <link>{{ site.url }}{{ site.baseurl }}/</link>\n    <atom:link href=\"{{ \"/feed.xml\" | prepend: site.baseurl | prepend: site.url }}\" rel=\"self\" type=\"application/rss+xml\" />\n    <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>\n    <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>\n    <generator>Jekyll v{{ jekyll.version }}</generator>\n    {% for post in site.posts limit:10 %}\n      <item>\n        <title>{{ post.title | xml_escape }}</title>\n        <description>{{ post.content | xml_escape }}</description>\n        <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>\n        <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>\n        <guid isPermaLink=\"true\">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>\n        {% for tag in post.tags %}\n        <category>{{ tag | xml_escape }}</category>\n        {% endfor %}\n        {% for cat in post.categories %}\n        <category>{{ cat | xml_escape }}</category>\n        {% endfor %}\n      </item>\n    {% endfor %}\n  </channel>\n</rss>\n"
  },
  {
    "path": "gallery/gallery01/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 1st album\"\nimages:\n - image_path: /gallery/archive/g01/bg1.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g01/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g01/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\"  title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\" id=\"{{ image.caption }}\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n\n<script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n         type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\nimage: {\n      titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    \n</body></html>\n"
  },
  {
    "path": "gallery/gallery02/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 2nd album\"\nimages:\n - image_path: /gallery/archive/g02/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g02/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g02/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n             return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/gallery03/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 3rd album\"\nimages:\n - image_path: /gallery/archive/g03/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g03/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g03/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/gallery04/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 4th album\"\nimages:\n - image_path: /gallery/archive/g04/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g04/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g04/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/gallery05/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 5th album\"\nimages:\n - image_path: /gallery/archive/g05/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g05/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g05/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/gallery06/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 6th album\"\nimages:\n - image_path: /gallery/archive/g06/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g06/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g06/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/gallery07/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 7th album\"\nimages:\n - image_path: /gallery/archive/g07/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g07/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g07/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/gallery08/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 8th album\"\nimages:\n - image_path: /gallery/archive/g08/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g08/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g08/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/gallery09/index.html",
    "content": "---\nlayout: page\ntitle: \"album\"\ndescription: \"masonry\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nalbum-title: \"my 9th album\"\nimages:\n - image_path: /gallery/archive/g09/bg1.jpg\n   caption: IMAGE TITLE\n   mfp-title: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g09/bg2.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n - image_path: /gallery/archive/g09/bg3.jpg\n   caption: IMAGE TITLE\n   copyright: © photorama\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n</head>\n\n    <body>\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t<br><br>\n\t\t\t<h2>{{page.album-title}}</h2>\n\n\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\n{% for image in page.images %}  \t\t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\" class=\"popup\" title=\"{{ image.caption }}\" data-caption=\"{{ image.copyright }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.caption}}</h3>\n\t\t\t\t\t\t\t<p>{{image.copyright}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t\t\n{% endfor %}\n\n\t\t\t</div>\n\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<!-- include image popups -->\n<script src=\"{{ site.baseurl }}/js/jquery.magnific-popup.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n    <script type=\"text/javascript\">\n      $(document).ready(function($) {\n        $('a.popup').magnificPopup({\n          type: 'image',\n\t  gallery:{\n         enabled:true,\n         navigateByImgClick: true,\n         preload: [0,1] // Will preload 0 - before current, and 1 after the current image\n       },\n      image: {\n         titleSrc: function(item) {\n              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');\n            }\n        }\n          // other options\n      });\n});\n    </script>\n\n</body></html>\n"
  },
  {
    "path": "gallery/index.html",
    "content": "---\nlayout: page\ntitle: \"ALBUMS\"\ndescription: \"archive\"\nactive: gallery\nheader-img: \"img/gallery-bg.jpg\"\nimages:\n - image_path: /gallery/albums/alb01.jpg\n   gallery-folder: /gallery/gallery01/\n   gallery-name: gallery1\n   gallery-date: July 2015\n - image_path: /gallery/albums/alb02.jpg\n   gallery-folder: /gallery/gallery02/\n   gallery-name: gallery2\n   gallery-date: June 2015\n - image_path: /gallery/albums/alb03.jpg\n   gallery-folder: /gallery/gallery03/\n   gallery-name: gallery3\n   gallery-date: May 2015\n - image_path: /gallery/albums/alb04.jpg\n   gallery-folder: /gallery/gallery04/\n   gallery-name: gallery4\n   gallery-date: April 2015\n - image_path: /gallery/albums/alb05.jpg\n   gallery-folder: /gallery/gallery05/\n   gallery-name: gallery5\n   gallery-date: March 2015\n - image_path: /gallery/albums/alb06.jpg\n   gallery-folder: /gallery/gallery06/\n   gallery-name: gallery6\n   gallery-date: February 2015\n - image_path: /gallery/albums/alb07.jpg\n   gallery-folder: /gallery/gallery07/\n   gallery-name: gallery7\n   gallery-date: January 2015\n - image_path: /gallery/albums/alb08.jpg\n   gallery-folder: /gallery/gallery08/\n   gallery-name: gallery8\n   gallery-date: December 2014\n - image_path: /gallery/albums/alb09.jpg\n   gallery-folder: /gallery/gallery09/\n   gallery-name: gallery9\n   gallery-date: November 2014\n---\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n    <link rel=\"stylesheet\" href=\"{{ \"/css/selena.css\" | prepend: site.baseurl }}\">\n</head>\n\n\n    <body class=\"gallery\">\n \n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\t\n\t\t\t<h2>{{page.title}}</h2>\n\t\t\t\n\t\t\t<!-- Gallery __-->\n\t\t\t<div class=\"gallery masonry-gallery\">\n\t\t\t\t\n{% for image in page.images %}  \t\n\n\t               <figure class=\"gallery-item\">\n                         <figure class=\"effect-selena\">\n\t\t\t\t\t<header class='gallery-icon'>\n\t\t       \n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.gallery-folder }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\n\t\t\t\t\t</header>\t\n\t\t\t\t\t<figcaption class='gallery-caption'>\n\t\t\t\t\t\t<div class=\"entry-summary\">\n\t\t\t\t\t\t\t<h3>{{image.gallery-name}}</h3>\n\t\t\t\t\t\t\t<p>{{image.gallery-date}}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</figcaption>\n                       </figure>\n\t\t\t\t</figure>\n\t\t\t\t\t\t\t\n{% endfor %}\t\t\n\t\t\t\t\n\t\t\t</div>\n\t\t\t\n\t\t</div><!-- END .wrapper -->\n\t</section>\n\n\n<br>\n<h6><p>Image Source: <a href=\"https://unsplash.com/photos/YOT6kS8YtEA/\">Unsplash</a></p></h6>\n\n<!-- jQuery -->    \n\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js\"></script>\n<script src=\"{{ site.baseurl }}/js/retina.min.js\"></script>\n<!-- include Masonry -->\n<script src=\"{{ site.baseurl }}/js/isotope.pkgd.min.js\"></script> \n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include carousel plugins -->\n<script src=\"{{ site.baseurl}}/js/jquery.tinycarousel.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n<!-- Modernizr -->\n <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n</body></html>\n"
  },
  {
    "path": "index.html",
    "content": "---\nlayout: home\nmain-title: \"PHOT&#8226;O&#8226;RAMA\"\nsubtitle: \"Photo Journal\"\ndescription: \"Photography and more\"\nimages:\n - image_path: /img/slider/home01.jpg\n   gallery-folder: /img/slider/\n - image_path: /img/slider/home02.jpg\n   gallery-folder: /img/slider/\n - image_path: /img/slider/home03.jpg\n   gallery-folder: /img/slider/\n---\n\n\n<html class=\"no-js\" lang=\"en\">\n<head>\n\t<meta content=\"charset=utf-8\">\n\n<!-- CSS -->\n     <link href=\"//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css\" rel=\"stylesheet\" type=\"text/css\">\n     <link rel=\"stylesheet\" href=\"{{ site.baseurl }}/css/main.css\" type=\"text/css\" media=\"screen\" />\n      <link rel=\"stylesheet\" href=\"{{ site.baseurl }}/css/galleries.css\" media=\"screen\" />\n<link rel=\"stylesheet\" href=\"{{ site.baseurl }}/css/WYSIWYG.css\" media=\"screen\" />\n\n\n\n\t<!-- Modernizr -->\n  <script src=\"{{ site.baseurl }}/js/modernizr.js\"></script>\n\n\n\n  \n\n</head>\n\n<body class=\"fullscreen\">\n\n<!-- MAIN CONTENT SECTION  _____________________________________________-->\n\t<section id=\"content\" role=\"main\">\n\t\t<div class=\"wrapper\">\n\n\t\t\t<!-- WYSIWYG -->\n\n\t\t<div class=\"position-absolute\">\n\t\t\t\t<h2 class=\"big no-margin\"><strong>{{ page.main-title }}</strong></h2>\n\t\t\t\t<h2>{{ page.subtitle }}</h2> \n                     <div class=\"entry-summary\">\n\t\t\t\t\t\t\t<p>{{ page.description }}</p>\n\t\t\t\t\t\t</div><br />\n\t\t\t</div>\n\t\t\t\n\t\t\t<div class=\"gallery fullscreen-gallery kenburns-gallery\">\n\n\t\t\t\t<canvas id=\"kenburns\"></canvas>\n\t\t\t\t\n{% for image in page.images %}  \t\n\n\t\t\t\t<figure class=\"gallery-item\">\n\t\t\t\t\t<header class='gallery-icon'>\n\n<a href=\"{{ site.url }}{{ site.baseurl }}{{ image.gallery-folder }}\">\n<img src=\"{{ site.url }}{{ site.baseurl }}{{ image.image_path }}\"></a>\n\t\n\t\t\t\t</header>\t\n\t\t\t\t</figure>\n\n{% endfor %}\n\n\t\t\t\t</div>\n\t\t\t<!-- END WYSIWYG -->\n\t\t\t\n\t\n\t\t</div><!-- END .wrapper -->\n\t\t\n\t</section>\n\n<div id=\"footer\" role=\"contentinfo\">\n\t\t<ul class=\"soc-icons\">\n\n                 {% if site.facebook_username %}\n\t\t\t<li>\n   <a href=\"https://facebook.com/{{ site.facebook_username }}\" style=\"\ncolor:#dddddd; target=\"_blank\" title=\"Facebook\">\n                       <i class=\"fa fa-facebook\"></i>\n                     </span>\n</a></li>\n    {% endif %}\n {% if site.twitter_username %}\n\t\t\t<li>\n   <a href=\"https://twitter.com/{{ site.twitter_username }}\" style=\"\ncolor:#dddddd; target=\"_blank\" title=\"Twitter\">\n                       <i class=\"fa fa-twitter\"></i>\n                     </span>\n</a></li>\n    {% endif %}\n                {% if site.instagram_username %}\n\t\t\t<li>\n   <a href=\"https://instagram.com/{{ site.instagram_username }}\" style=\"\ncolor:#dddddd; target=\"_blank\" title=\"Instagram\">\n                       <i class=\"fa fa-instagram\"></i>\n                     </span>\n</a></li>\n    {% endif %}\n                    {% if site.flickr_username %}\n\t\t\t\t\t\t<li>\n   <a href=\"https://flickr.com/photos/{{ site.flickr_username }}\" style=\"\ncolor:#dddddd; target=\"_blank\" title=\"Flickr\">\n              <i class=\"fa fa-flickr\"></i>\n                     </span>\n </a></li>\t\n     {% endif %}\n                    {% if site.deviantart_username %}\n\t\t\t<li>\n   <a href=\"http://{{ site.deviantart_username }}.deviantart.com\" style=\"\ncolor:#dddddd; target=\"_blank\" title=\"DeviantArt\">\n<i class=\"fa fa-deviantart\"></i> </span>\n</a></li>\t\n    {% endif %}\n                    {% if site.github_username %}\n                <li>\n   <a href=\"https://github.com/{{ site.github_username }}\" style=\"\ncolor:#dddddd; target=\"_blank\" title=\"Github\">\n              <i class=\"fa fa-github\"></i>\n                     </span>\n                   {% endif %}\n<li>\n    <a href=\"mailto:{{ site.email }}\" style=\"\ncolor:#dddddd; target=\"_blank\" title=\"Email\">\n              <i class=\"fa fa-envelope-o\"></i></span>\n          </a> </li>\n\t\n\t\t\t\t\t\n\t\t</ul>\t\n\t</div>\n\n  \n<!-- jQuery -->\n  <script src=\"//code.jquery.com/jquery-2.1.3.min.js\"></script>\n      <script src=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js\"></script>\n\n  <script src=\"{{ site.baseurl }}/js/retina.min.js\"></script> \n\n<!-- include mousewheel plugins -->\n<script src=\"{{ site.baseurl }}/js/jquery.mousewheel.min.js\"></script>\n<!-- include gallery cycle plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.cycle.min.js\"></script>\n<!-- include kenburns plugins -->\n<script src=\"{{ site.baseurl }}/js/kenburns.min.js\"></script>\n<!-- include svg line drawing plugin -->\n<script src=\"{{ site.baseurl }}/js/jquery.lazylinepainter.min.js\"></script>\n<!-- include custom script -->\n<script src=\"{{ site.baseurl }}/js/scripts.js\"></script>\n\n\n       </body>\n    </html>\n\n"
  },
  {
    "path": "journal/category/cat01.md",
    "content": "---\nlayout: \"journal_by_category\"\ncategory: \"cat01\"\npermalink: \"/journal/category/cat01/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "journal/category/cat02.md",
    "content": "---\nlayout: \"journal_by_category\"\ncategory: \"cat02\"\npermalink: \"/journal/category/cat02/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "journal/category/cat03.md",
    "content": "---\nlayout: \"journal_by_category\"\ncategory: \"cat03\"\npermalink: \"/journal/category/cat03/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "journal/category/cat04.md",
    "content": "---\nlayout: \"journal_by_category\"\ncategory: \"cat04\"\npermalink: \"/journal/category/cat04/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "journal/category/index.html",
    "content": "---\nlayout: page\ntitle: \"categories\"\ndescription: \"ARCHIVE\"\nheader-img: \"img/misc-bg.jpg\"\n---\n\n{% assign rawcategories = \"\" %}\n{% for post in site.posts %}\n{% assign tcategories = post.categories | join:'|' | append:'|' %}\n{% assign rawcategories = rawcategories | append:tcategories %}\n{% endfor %}\n\n{% assign rawcategories = rawcategories | split:'|' | sort %}\n\n{% assign categories = \"\" %}\n\n{% for category in rawcategories %}\n{% if tag != \"\" %}\n\n{% if categories == \"\" %}\n{% assign categories = category | split:'|' %}\n{% endif %}\n\n{% unless categories contains category %}\n{% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %}\n{% endunless %}\n{% endif %}\n{% endfor %}\n\n<h1 class=\"page-title\">\n  <a href=\"{{ site.baseurl }}/journal/\" style=\"text-decoration:none;\" >JOURNAL</a> &#8652; {{ page.title }}\n</h1>\n<br/>\n\n<div class=\"posts\">\n<p>\n{% for category in categories %}\n<a href=\"#{{ category | slugify }}\" class=\"category-mark\" style=\"text-decoration:none;\"> {{ category }} </a> &nbsp;&nbsp;\n{% endfor %}\n\n{% for category in categories %}\n<h2 id=\"{{ category | slugify }}\" style=\"text-decoration:none;\">{{ category }}</h2>\n<div class=\"category-list\">\n  {% for post in site.posts %}\n  {% if post.categories contains category %}\n      <h3>\n      <a href=\"{{ site.baseurl }}{{ post.url }}\" style=\"text-decoration:none;\">\n        {{ post.title }}\n      </a> \n&#9676; <small>{{ post.date | date_to_string }}</small> &#9676; \n      \n      {% for tag in post.tags %}\n      <a href=\"{{ site.baseurl }}/journal/tag/{{ tag | slugify }}/\" style=\"text-decoration:none;\"><i class=\"fa fa-tags\" style=\"color:#fff;\"></i>&nbsp;{{ tag }}</a>\n      {% endfor %}\n    </h3>\n  {% endif %}\n  {% endfor %}\n</div>\n{% endfor %}\n\n</div>\n"
  },
  {
    "path": "journal/index.html",
    "content": "---\nlayout: page\ndescription: \"Journal\"\ntitle: \"Writings\"\nactive: journal\nheader-img: \"img/writing-bg.jpg\"\n---\n\n<head>\n<link rel=\"stylesheet\" href=\"{{ site.baseurl }}/css/journal.css\" media=\"screen\" />\n</head>\n\n<body class=\"journal\">\n<div class=\"archive\">\n  <h1 class=\"archive-title\" style=\"display:inline-block;\"> POSTS </h1>\n\n<div style=\"font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; display:inline-block;margin-left:.5em;\">\n    Browse by <a href=\"{{ site.baseurl }}/journal/category/\">Category</a> or <a href=\"{{ site.baseurl }}/journal/tag/\">Tag</a>\n  </div>\n</div>\n\n<section class=\"section--postsWrapper\">\n  <div class=\"container\">\n    <div class=\"blockGroup\">\n      <ul class=\"blockGroup-list\">\n\n{% for post in paginator.posts %}\n\n\n {% assign post = site.posts.first %}\n  {% assign content = post.content %}\n  \n<li class=\"block\">\n<div class=\"postArticle-wrapper\">\n\n<div class=\"post-preview\" style=\"border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #530720;\">\n    \n<a href=\"{{ post.url | prepend: site.baseurl }}\">\n        {% if post.image.feature %}\n\t<img src=\"{{ site.baseurl }}/img/postcover/{{ post.image.feature }}\">\n\t{% endif %}\n \n \n        <p class=\"post-title\" style=\"font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; margin-left: 1em;\"> &#9658; {{ post.title }}\n        </p>\n</a>\n        {% if post.subtitle %}\n        <p class=\"post-subtitle\" style=\"font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; margin-left: 1em;\"> {{ post.subtitle }}</p>\n        {% endif %}\n    \n    <p class=\"post-meta\" style=\"font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 10px; margin-left: 1em;\"> Posted on {{ post.date | date: \"%B %-d, %Y\" }}</p>\n</div>\n\n</div>\n</li>\n {% endfor %}\n<p>&nbsp;</p>\n      </ul>\n    </div>\n  </div>\n</section>\n\n\n<!-- Pager -->\n{% if paginator.total_pages > 1 %}\n<ul class=\"pager\" style=\"font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;\" >\n    {% if paginator.previous_page %}\n    <li class=\"previous\">\n        <a href=\"{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}\">&larr; Newer Posts</a>\n    </li>\n    {% endif %}\n\n<span class=\"button-height\"> Page {{paginator.page}} of {{paginator.total_pages}}</span>\n\n    {% if paginator.next_page %}\n    <li class=\"next\">\n        <a href=\"{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}\">Older Posts &rarr;</a>\n    </li>\n    {% endif %}\n</ul>\n{% endif %}\n\n<br>\n<h6>Image Source: <a href=\"https://unsplash.com/photos/8muUTAmcWU4\">UNSPLASH</a>\n\n</body>\n"
  },
  {
    "path": "journal/tag/index.html",
    "content": "---\nlayout: page\ntitle: \"tags\"\ndescription: \"ARCHIVE\"\nheader-img: \"img/misc-bg.jpg\"\n---\n\n{% comment%}\nHere we generate all the tags.\n{% endcomment%}\n\n{% assign rawtags = \"\" %}\n{% for post in site.posts %}\n{% assign ttags = post.tags | join:'|' | append:'|' %}\n{% assign rawtags = rawtags | append:ttags %}\n{% endfor %}\n\n{% assign rawtags = rawtags | split:'|' | sort %}\n\n{% assign tags = \"\" %}\n\n{% for tag in rawtags %}\n{% if tag != \"\" %}\n\n{% if tags == \"\" %}\n{% assign tags = tag | split:'|' %}\n{% endif %}\n\n{% unless tags contains tag %}\n{% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %}\n{% endunless %}\n{% endif %}\n{% endfor %}\n\n<h1 class=\"page-title\">\n  <a href=\"{{ site.baseurl }}/journal/\"style=\"text-decoration:none;\">JOURNAL</a> &#8652; {{ page.title }}\n</h1>\n<br/>\n\n<div class=\"posts\">\n<p>\n{% for tag in tags %}\n<a href=\"#{{ tag | slugify }}\" style=\"text-decoration:none;\"> {{ tag }} </a> &nbsp;&nbsp;\n{% endfor %}\n\n{% for tag in tags %}\n<h2 id=\"{{ tag | slugify }}\" style=\"text-decoration:none;\">{{ tag }}</h2>\n<div class=\"category-list\">\n  {% for post in site.posts %}\n  {% if post.tags contains tag %}\n      <h3>\n      <a href=\"{{ site.baseurl }}{{ post.url }}\" style=\"text-decoration:none;\">\n        {{ post.title }}\n      </a> \n&#9676; <small>{{ post.date | date_to_string }}</small> &#9676; \n\n      {% for tag in post.tags %}\n      <a href=\"{{ site.baseurl }}/journal/tag/{{ tag | slugify }}/\" style=\"text-decoration:none;\"><i class=\"fa fa-tags\" style=\"color:#fff;\"></i>&nbsp;{{ tag }}</a>\n      {% endfor %}\n    </h3>\n  {% endif %}\n  {% endfor %}\n</div>\n{% endfor %}\n\n</div>"
  },
  {
    "path": "journal/tag/tag01.md",
    "content": "---\nlayout: \"journal_by_tag\"\ntag: \"tag01\"\npermalink: \"/journal/tag/tag01/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "journal/tag/tag02.md",
    "content": "---\nlayout: \"journal_by_tag\"\ntag: \"tag02\"\npermalink: \"/journal/tag/tag02/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "journal/tag/tag03.md",
    "content": "---\nlayout: \"journal_by_tag\"\ntag: \"tag03\"\npermalink: \"/journal/tag/tag03/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "journal/tag/tag04.md",
    "content": "---\nlayout: \"journal_by_tag\"\ntag: \"tag04\"\npermalink: \"/journal/tag/tag04/\"\nheader-img: \"img/archive-bg.jpg\"\n---"
  },
  {
    "path": "js/jquery.magnific-popup.js",
    "content": "/*! Magnific Popup - v1.1.0 - 2016-02-20\n* http://dimsemenov.com/plugins/magnific-popup/\n* Copyright (c) 2016 Dmitry Semenov; */\n;(function (factory) { \nif (typeof define === 'function' && define.amd) { \n // AMD. Register as an anonymous module. \n define(['jquery'], factory); \n } else if (typeof exports === 'object') { \n // Node/CommonJS \n factory(require('jquery')); \n } else { \n // Browser globals \n factory(window.jQuery || window.Zepto); \n } \n }(function($) { \n\n/*>>core*/\n/**\n * \n * Magnific Popup Core JS file\n * \n */\n\n\n/**\n * Private static constants\n */\nvar CLOSE_EVENT = 'Close',\n\tBEFORE_CLOSE_EVENT = 'BeforeClose',\n\tAFTER_CLOSE_EVENT = 'AfterClose',\n\tBEFORE_APPEND_EVENT = 'BeforeAppend',\n\tMARKUP_PARSE_EVENT = 'MarkupParse',\n\tOPEN_EVENT = 'Open',\n\tCHANGE_EVENT = 'Change',\n\tNS = 'mfp',\n\tEVENT_NS = '.' + NS,\n\tREADY_CLASS = 'mfp-ready',\n\tREMOVING_CLASS = 'mfp-removing',\n\tPREVENT_CLOSE_CLASS = 'mfp-prevent-close';\n\n\n/**\n * Private vars \n */\n/*jshint -W079 */\nvar mfp, // As we have only one instance of MagnificPopup object, we define it locally to not to use 'this'\n\tMagnificPopup = function(){},\n\t_isJQ = !!(window.jQuery),\n\t_prevStatus,\n\t_window = $(window),\n\t_document,\n\t_prevContentType,\n\t_wrapClasses,\n\t_currPopupType;\n\n\n/**\n * Private functions\n */\nvar _mfpOn = function(name, f) {\n\t\tmfp.ev.on(NS + name + EVENT_NS, f);\n\t},\n\t_getEl = function(className, appendTo, html, raw) {\n\t\tvar el = document.createElement('div');\n\t\tel.className = 'mfp-'+className;\n\t\tif(html) {\n\t\t\tel.innerHTML = html;\n\t\t}\n\t\tif(!raw) {\n\t\t\tel = $(el);\n\t\t\tif(appendTo) {\n\t\t\t\tel.appendTo(appendTo);\n\t\t\t}\n\t\t} else if(appendTo) {\n\t\t\tappendTo.appendChild(el);\n\t\t}\n\t\treturn el;\n\t},\n\t_mfpTrigger = function(e, data) {\n\t\tmfp.ev.triggerHandler(NS + e, data);\n\n\t\tif(mfp.st.callbacks) {\n\t\t\t// converts \"mfpEventName\" to \"eventName\" callback and triggers it if it's present\n\t\t\te = e.charAt(0).toLowerCase() + e.slice(1);\n\t\t\tif(mfp.st.callbacks[e]) {\n\t\t\t\tmfp.st.callbacks[e].apply(mfp, $.isArray(data) ? data : [data]);\n\t\t\t}\n\t\t}\n\t},\n\t_getCloseBtn = function(type) {\n\t\tif(type !== _currPopupType || !mfp.currTemplate.closeBtn) {\n\t\t\tmfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );\n\t\t\t_currPopupType = type;\n\t\t}\n\t\treturn mfp.currTemplate.closeBtn;\n\t},\n\t// Initialize Magnific Popup only when called at least once\n\t_checkInstance = function() {\n\t\tif(!$.magnificPopup.instance) {\n\t\t\t/*jshint -W020 */\n\t\t\tmfp = new MagnificPopup();\n\t\t\tmfp.init();\n\t\t\t$.magnificPopup.instance = mfp;\n\t\t}\n\t},\n\t// CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr\n\tsupportsTransitions = function() {\n\t\tvar s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist\n\t\t\tv = ['ms','O','Moz','Webkit']; // 'v' for vendor\n\n\t\tif( s['transition'] !== undefined ) {\n\t\t\treturn true; \n\t\t}\n\t\t\t\n\t\twhile( v.length ) {\n\t\t\tif( v.pop() + 'Transition' in s ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\t\t\t\n\t\treturn false;\n\t};\n\n\n\n/**\n * Public functions\n */\nMagnificPopup.prototype = {\n\n\tconstructor: MagnificPopup,\n\n\t/**\n\t * Initializes Magnific Popup plugin. \n\t * This function is triggered only once when $.fn.magnificPopup or $.magnificPopup is executed\n\t */\n\tinit: function() {\n\t\tvar appVersion = navigator.appVersion;\n\t\tmfp.isLowIE = mfp.isIE8 = document.all && !document.addEventListener;\n\t\tmfp.isAndroid = (/android/gi).test(appVersion);\n\t\tmfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);\n\t\tmfp.supportsTransition = supportsTransitions();\n\n\t\t// We disable fixed positioned lightbox on devices that don't handle it nicely.\n\t\t// If you know a better way of detecting this - let me know.\n\t\tmfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );\n\t\t_document = $(document);\n\n\t\tmfp.popupsCache = {};\n\t},\n\n\t/**\n\t * Opens popup\n\t * @param  data [description]\n\t */\n\topen: function(data) {\n\n\t\tvar i;\n\n\t\tif(data.isObj === false) { \n\t\t\t// convert jQuery collection to array to avoid conflicts later\n\t\t\tmfp.items = data.items.toArray();\n\n\t\t\tmfp.index = 0;\n\t\t\tvar items = data.items,\n\t\t\t\titem;\n\t\t\tfor(i = 0; i < items.length; i++) {\n\t\t\t\titem = items[i];\n\t\t\t\tif(item.parsed) {\n\t\t\t\t\titem = item.el[0];\n\t\t\t\t}\n\t\t\t\tif(item === data.el[0]) {\n\t\t\t\t\tmfp.index = i;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tmfp.items = $.isArray(data.items) ? data.items : [data.items];\n\t\t\tmfp.index = data.index || 0;\n\t\t}\n\n\t\t// if popup is already opened - we just update the content\n\t\tif(mfp.isOpen) {\n\t\t\tmfp.updateItemHTML();\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tmfp.types = []; \n\t\t_wrapClasses = '';\n\t\tif(data.mainEl && data.mainEl.length) {\n\t\t\tmfp.ev = data.mainEl.eq(0);\n\t\t} else {\n\t\t\tmfp.ev = _document;\n\t\t}\n\n\t\tif(data.key) {\n\t\t\tif(!mfp.popupsCache[data.key]) {\n\t\t\t\tmfp.popupsCache[data.key] = {};\n\t\t\t}\n\t\t\tmfp.currTemplate = mfp.popupsCache[data.key];\n\t\t} else {\n\t\t\tmfp.currTemplate = {};\n\t\t}\n\n\n\n\t\tmfp.st = $.extend(true, {}, $.magnificPopup.defaults, data ); \n\t\tmfp.fixedContentPos = mfp.st.fixedContentPos === 'auto' ? !mfp.probablyMobile : mfp.st.fixedContentPos;\n\n\t\tif(mfp.st.modal) {\n\t\t\tmfp.st.closeOnContentClick = false;\n\t\t\tmfp.st.closeOnBgClick = false;\n\t\t\tmfp.st.showCloseBtn = false;\n\t\t\tmfp.st.enableEscapeKey = false;\n\t\t}\n\t\t\n\n\t\t// Building markup\n\t\t// main containers are created only once\n\t\tif(!mfp.bgOverlay) {\n\n\t\t\t// Dark overlay\n\t\t\tmfp.bgOverlay = _getEl('bg').on('click'+EVENT_NS, function() {\n\t\t\t\tmfp.close();\n\t\t\t});\n\n\t\t\tmfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {\n\t\t\t\tif(mfp._checkIfClose(e.target)) {\n\t\t\t\t\tmfp.close();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tmfp.container = _getEl('container', mfp.wrap);\n\t\t}\n\n\t\tmfp.contentContainer = _getEl('content');\n\t\tif(mfp.st.preloader) {\n\t\t\tmfp.preloader = _getEl('preloader', mfp.container, mfp.st.tLoading);\n\t\t}\n\n\n\t\t// Initializing modules\n\t\tvar modules = $.magnificPopup.modules;\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar n = modules[i];\n\t\t\tn = n.charAt(0).toUpperCase() + n.slice(1);\n\t\t\tmfp['init'+n].call(mfp);\n\t\t}\n\t\t_mfpTrigger('BeforeOpen');\n\n\n\t\tif(mfp.st.showCloseBtn) {\n\t\t\t// Close button\n\t\t\tif(!mfp.st.closeBtnInside) {\n\t\t\t\tmfp.wrap.append( _getCloseBtn() );\n\t\t\t} else {\n\t\t\t\t_mfpOn(MARKUP_PARSE_EVENT, function(e, template, values, item) {\n\t\t\t\t\tvalues.close_replaceWith = _getCloseBtn(item.type);\n\t\t\t\t});\n\t\t\t\t_wrapClasses += ' mfp-close-btn-in';\n\t\t\t}\n\t\t}\n\n\t\tif(mfp.st.alignTop) {\n\t\t\t_wrapClasses += ' mfp-align-top';\n\t\t}\n\n\t\n\n\t\tif(mfp.fixedContentPos) {\n\t\t\tmfp.wrap.css({\n\t\t\t\toverflow: mfp.st.overflowY,\n\t\t\t\toverflowX: 'hidden',\n\t\t\t\toverflowY: mfp.st.overflowY\n\t\t\t});\n\t\t} else {\n\t\t\tmfp.wrap.css({ \n\t\t\t\ttop: _window.scrollTop(),\n\t\t\t\tposition: 'absolute'\n\t\t\t});\n\t\t}\n\t\tif( mfp.st.fixedBgPos === false || (mfp.st.fixedBgPos === 'auto' && !mfp.fixedContentPos) ) {\n\t\t\tmfp.bgOverlay.css({\n\t\t\t\theight: _document.height(),\n\t\t\t\tposition: 'absolute'\n\t\t\t});\n\t\t}\n\n\t\t\n\n\t\tif(mfp.st.enableEscapeKey) {\n\t\t\t// Close on ESC key\n\t\t\t_document.on('keyup' + EVENT_NS, function(e) {\n\t\t\t\tif(e.keyCode === 27) {\n\t\t\t\t\tmfp.close();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\t_window.on('resize' + EVENT_NS, function() {\n\t\t\tmfp.updateSize();\n\t\t});\n\n\n\t\tif(!mfp.st.closeOnContentClick) {\n\t\t\t_wrapClasses += ' mfp-auto-cursor';\n\t\t}\n\t\t\n\t\tif(_wrapClasses)\n\t\t\tmfp.wrap.addClass(_wrapClasses);\n\n\n\t\t// this triggers recalculation of layout, so we get it once to not to trigger twice\n\t\tvar windowHeight = mfp.wH = _window.height();\n\n\t\t\n\t\tvar windowStyles = {};\n\n\t\tif( mfp.fixedContentPos ) {\n            if(mfp._hasScrollBar(windowHeight)){\n                var s = mfp._getScrollbarSize();\n                if(s) {\n                    windowStyles.marginRight = s;\n                }\n            }\n        }\n\n\t\tif(mfp.fixedContentPos) {\n\t\t\tif(!mfp.isIE7) {\n\t\t\t\twindowStyles.overflow = 'hidden';\n\t\t\t} else {\n\t\t\t\t// ie7 double-scroll bug\n\t\t\t\t$('body, html').css('overflow', 'hidden');\n\t\t\t}\n\t\t}\n\n\t\t\n\t\t\n\t\tvar classesToadd = mfp.st.mainClass;\n\t\tif(mfp.isIE7) {\n\t\t\tclassesToadd += ' mfp-ie7';\n\t\t}\n\t\tif(classesToadd) {\n\t\t\tmfp._addClassToMFP( classesToadd );\n\t\t}\n\n\t\t// add content\n\t\tmfp.updateItemHTML();\n\n\t\t_mfpTrigger('BuildControls');\n\n\t\t// remove scrollbar, add margin e.t.c\n\t\t$('html').css(windowStyles);\n\t\t\n\t\t// add everything to DOM\n\t\tmfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );\n\n\t\t// Save last focused element\n\t\tmfp._lastFocusedEl = document.activeElement;\n\t\t\n\t\t// Wait for next cycle to allow CSS transition\n\t\tsetTimeout(function() {\n\t\t\t\n\t\t\tif(mfp.content) {\n\t\t\t\tmfp._addClassToMFP(READY_CLASS);\n\t\t\t\tmfp._setFocus();\n\t\t\t} else {\n\t\t\t\t// if content is not defined (not loaded e.t.c) we add class only for BG\n\t\t\t\tmfp.bgOverlay.addClass(READY_CLASS);\n\t\t\t}\n\t\t\t\n\t\t\t// Trap the focus in popup\n\t\t\t_document.on('focusin' + EVENT_NS, mfp._onFocusIn);\n\n\t\t}, 16);\n\n\t\tmfp.isOpen = true;\n\t\tmfp.updateSize(windowHeight);\n\t\t_mfpTrigger(OPEN_EVENT);\n\n\t\treturn data;\n\t},\n\n\t/**\n\t * Closes the popup\n\t */\n\tclose: function() {\n\t\tif(!mfp.isOpen) return;\n\t\t_mfpTrigger(BEFORE_CLOSE_EVENT);\n\n\t\tmfp.isOpen = false;\n\t\t// for CSS3 animation\n\t\tif(mfp.st.removalDelay && !mfp.isLowIE && mfp.supportsTransition )  {\n\t\t\tmfp._addClassToMFP(REMOVING_CLASS);\n\t\t\tsetTimeout(function() {\n\t\t\t\tmfp._close();\n\t\t\t}, mfp.st.removalDelay);\n\t\t} else {\n\t\t\tmfp._close();\n\t\t}\n\t},\n\n\t/**\n\t * Helper for close() function\n\t */\n\t_close: function() {\n\t\t_mfpTrigger(CLOSE_EVENT);\n\n\t\tvar classesToRemove = REMOVING_CLASS + ' ' + READY_CLASS + ' ';\n\n\t\tmfp.bgOverlay.detach();\n\t\tmfp.wrap.detach();\n\t\tmfp.container.empty();\n\n\t\tif(mfp.st.mainClass) {\n\t\t\tclassesToRemove += mfp.st.mainClass + ' ';\n\t\t}\n\n\t\tmfp._removeClassFromMFP(classesToRemove);\n\n\t\tif(mfp.fixedContentPos) {\n\t\t\tvar windowStyles = {marginRight: ''};\n\t\t\tif(mfp.isIE7) {\n\t\t\t\t$('body, html').css('overflow', '');\n\t\t\t} else {\n\t\t\t\twindowStyles.overflow = '';\n\t\t\t}\n\t\t\t$('html').css(windowStyles);\n\t\t}\n\t\t\n\t\t_document.off('keyup' + EVENT_NS + ' focusin' + EVENT_NS);\n\t\tmfp.ev.off(EVENT_NS);\n\n\t\t// clean up DOM elements that aren't removed\n\t\tmfp.wrap.attr('class', 'mfp-wrap').removeAttr('style');\n\t\tmfp.bgOverlay.attr('class', 'mfp-bg');\n\t\tmfp.container.attr('class', 'mfp-container');\n\n\t\t// remove close button from target element\n\t\tif(mfp.st.showCloseBtn &&\n\t\t(!mfp.st.closeBtnInside || mfp.currTemplate[mfp.currItem.type] === true)) {\n\t\t\tif(mfp.currTemplate.closeBtn)\n\t\t\t\tmfp.currTemplate.closeBtn.detach();\n\t\t}\n\n\n\t\tif(mfp.st.autoFocusLast && mfp._lastFocusedEl) {\n\t\t\t$(mfp._lastFocusedEl).focus(); // put tab focus back\n\t\t}\n\t\tmfp.currItem = null;\t\n\t\tmfp.content = null;\n\t\tmfp.currTemplate = null;\n\t\tmfp.prevHeight = 0;\n\n\t\t_mfpTrigger(AFTER_CLOSE_EVENT);\n\t},\n\t\n\tupdateSize: function(winHeight) {\n\n\t\tif(mfp.isIOS) {\n\t\t\t// fixes iOS nav bars https://github.com/dimsemenov/Magnific-Popup/issues/2\n\t\t\tvar zoomLevel = document.documentElement.clientWidth / window.innerWidth;\n\t\t\tvar height = window.innerHeight * zoomLevel;\n\t\t\tmfp.wrap.css('height', height);\n\t\t\tmfp.wH = height;\n\t\t} else {\n\t\t\tmfp.wH = winHeight || _window.height();\n\t\t}\n\t\t// Fixes #84: popup incorrectly positioned with position:relative on body\n\t\tif(!mfp.fixedContentPos) {\n\t\t\tmfp.wrap.css('height', mfp.wH);\n\t\t}\n\n\t\t_mfpTrigger('Resize');\n\n\t},\n\n\t/**\n\t * Set content of popup based on current index\n\t */\n\tupdateItemHTML: function() {\n\t\tvar item = mfp.items[mfp.index];\n\n\t\t// Detach and perform modifications\n\t\tmfp.contentContainer.detach();\n\n\t\tif(mfp.content)\n\t\t\tmfp.content.detach();\n\n\t\tif(!item.parsed) {\n\t\t\titem = mfp.parseEl( mfp.index );\n\t\t}\n\n\t\tvar type = item.type;\n\n\t\t_mfpTrigger('BeforeChange', [mfp.currItem ? mfp.currItem.type : '', type]);\n\t\t// BeforeChange event works like so:\n\t\t// _mfpOn('BeforeChange', function(e, prevType, newType) { });\n\n\t\tmfp.currItem = item;\n\n\t\tif(!mfp.currTemplate[type]) {\n\t\t\tvar markup = mfp.st[type] ? mfp.st[type].markup : false;\n\n\t\t\t// allows to modify markup\n\t\t\t_mfpTrigger('FirstMarkupParse', markup);\n\n\t\t\tif(markup) {\n\t\t\t\tmfp.currTemplate[type] = $(markup);\n\t\t\t} else {\n\t\t\t\t// if there is no markup found we just define that template is parsed\n\t\t\t\tmfp.currTemplate[type] = true;\n\t\t\t}\n\t\t}\n\n\t\tif(_prevContentType && _prevContentType !== item.type) {\n\t\t\tmfp.container.removeClass('mfp-'+_prevContentType+'-holder');\n\t\t}\n\n\t\tvar newContent = mfp['get' + type.charAt(0).toUpperCase() + type.slice(1)](item, mfp.currTemplate[type]);\n\t\tmfp.appendContent(newContent, type);\n\n\t\titem.preloaded = true;\n\n\t\t_mfpTrigger(CHANGE_EVENT, item);\n\t\t_prevContentType = item.type;\n\n\t\t// Append container back after its content changed\n\t\tmfp.container.prepend(mfp.contentContainer);\n\n\t\t_mfpTrigger('AfterChange');\n\t},\n\n\n\t/**\n\t * Set HTML content of popup\n\t */\n\tappendContent: function(newContent, type) {\n\t\tmfp.content = newContent;\n\n\t\tif(newContent) {\n\t\t\tif(mfp.st.showCloseBtn && mfp.st.closeBtnInside &&\n\t\t\t\tmfp.currTemplate[type] === true) {\n\t\t\t\t// if there is no markup, we just append close button element inside\n\t\t\t\tif(!mfp.content.find('.mfp-close').length) {\n\t\t\t\t\tmfp.content.append(_getCloseBtn());\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tmfp.content = newContent;\n\t\t\t}\n\t\t} else {\n\t\t\tmfp.content = '';\n\t\t}\n\n\t\t_mfpTrigger(BEFORE_APPEND_EVENT);\n\t\tmfp.container.addClass('mfp-'+type+'-holder');\n\n\t\tmfp.contentContainer.append(mfp.content);\n\t},\n\n\n\t/**\n\t * Creates Magnific Popup data object based on given data\n\t * @param  {int} index Index of item to parse\n\t */\n\tparseEl: function(index) {\n\t\tvar item = mfp.items[index],\n\t\t\ttype;\n\n\t\tif(item.tagName) {\n\t\t\titem = { el: $(item) };\n\t\t} else {\n\t\t\ttype = item.type;\n\t\t\titem = { data: item, src: item.src };\n\t\t}\n\n\t\tif(item.el) {\n\t\t\tvar types = mfp.types;\n\n\t\t\t// check for 'mfp-TYPE' class\n\t\t\tfor(var i = 0; i < types.length; i++) {\n\t\t\t\tif( item.el.hasClass('mfp-'+types[i]) ) {\n\t\t\t\t\ttype = types[i];\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\titem.src = item.el.attr('data-mfp-src');\n\t\t\tif(!item.src) {\n\t\t\t\titem.src = item.el.attr('href');\n\t\t\t}\n\t\t}\n\n\t\titem.type = type || mfp.st.type || 'inline';\n\t\titem.index = index;\n\t\titem.parsed = true;\n\t\tmfp.items[index] = item;\n\t\t_mfpTrigger('ElementParse', item);\n\n\t\treturn mfp.items[index];\n\t},\n\n\n\t/**\n\t * Initializes single popup or a group of popups\n\t */\n\taddGroup: function(el, options) {\n\t\tvar eHandler = function(e) {\n\t\t\te.mfpEl = this;\n\t\t\tmfp._openClick(e, el, options);\n\t\t};\n\n\t\tif(!options) {\n\t\t\toptions = {};\n\t\t}\n\n\t\tvar eName = 'click.magnificPopup';\n\t\toptions.mainEl = el;\n\n\t\tif(options.items) {\n\t\t\toptions.isObj = true;\n\t\t\tel.off(eName).on(eName, eHandler);\n\t\t} else {\n\t\t\toptions.isObj = false;\n\t\t\tif(options.delegate) {\n\t\t\t\tel.off(eName).on(eName, options.delegate , eHandler);\n\t\t\t} else {\n\t\t\t\toptions.items = el;\n\t\t\t\tel.off(eName).on(eName, eHandler);\n\t\t\t}\n\t\t}\n\t},\n\t_openClick: function(e, el, options) {\n\t\tvar midClick = options.midClick !== undefined ? options.midClick : $.magnificPopup.defaults.midClick;\n\n\n\t\tif(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tvar disableOn = options.disableOn !== undefined ? options.disableOn : $.magnificPopup.defaults.disableOn;\n\n\t\tif(disableOn) {\n\t\t\tif($.isFunction(disableOn)) {\n\t\t\t\tif( !disableOn.call(mfp) ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t} else { // else it's number\n\t\t\t\tif( _window.width() < disableOn ) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif(e.type) {\n\t\t\te.preventDefault();\n\n\t\t\t// This will prevent popup from closing if element is inside and popup is already opened\n\t\t\tif(mfp.isOpen) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t}\n\n\t\toptions.el = $(e.mfpEl);\n\t\tif(options.delegate) {\n\t\t\toptions.items = el.find(options.delegate);\n\t\t}\n\t\tmfp.open(options);\n\t},\n\n\n\t/**\n\t * Updates text on preloader\n\t */\n\tupdateStatus: function(status, text) {\n\n\t\tif(mfp.preloader) {\n\t\t\tif(_prevStatus !== status) {\n\t\t\t\tmfp.container.removeClass('mfp-s-'+_prevStatus);\n\t\t\t}\n\n\t\t\tif(!text && status === 'loading') {\n\t\t\t\ttext = mfp.st.tLoading;\n\t\t\t}\n\n\t\t\tvar data = {\n\t\t\t\tstatus: status,\n\t\t\t\ttext: text\n\t\t\t};\n\t\t\t// allows to modify status\n\t\t\t_mfpTrigger('UpdateStatus', data);\n\n\t\t\tstatus = data.status;\n\t\t\ttext = data.text;\n\n\t\t\tmfp.preloader.html(text);\n\n\t\t\tmfp.preloader.find('a').on('click', function(e) {\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t});\n\n\t\t\tmfp.container.addClass('mfp-s-'+status);\n\t\t\t_prevStatus = status;\n\t\t}\n\t},\n\n\n\t/*\n\t\t\"Private\" helpers that aren't private at all\n\t */\n\t// Check to close popup or not\n\t// \"target\" is an element that was clicked\n\t_checkIfClose: function(target) {\n\n\t\tif($(target).hasClass(PREVENT_CLOSE_CLASS)) {\n\t\t\treturn;\n\t\t}\n\n\t\tvar closeOnContent = mfp.st.closeOnContentClick;\n\t\tvar closeOnBg = mfp.st.closeOnBgClick;\n\n\t\tif(closeOnContent && closeOnBg) {\n\t\t\treturn true;\n\t\t} else {\n\n\t\t\t// We close the popup if click is on close button or on preloader. Or if there is no content.\n\t\t\tif(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\t// if click is outside the content\n\t\t\tif(  (target !== mfp.content[0] && !$.contains(mfp.content[0], target))  ) {\n\t\t\t\tif(closeOnBg) {\n\t\t\t\t\t// last check, if the clicked element is in DOM, (in case it's removed onclick)\n\t\t\t\t\tif( $.contains(document, target) ) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if(closeOnContent) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t}\n\t\treturn false;\n\t},\n\t_addClassToMFP: function(cName) {\n\t\tmfp.bgOverlay.addClass(cName);\n\t\tmfp.wrap.addClass(cName);\n\t},\n\t_removeClassFromMFP: function(cName) {\n\t\tthis.bgOverlay.removeClass(cName);\n\t\tmfp.wrap.removeClass(cName);\n\t},\n\t_hasScrollBar: function(winHeight) {\n\t\treturn (  (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );\n\t},\n\t_setFocus: function() {\n\t\t(mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();\n\t},\n\t_onFocusIn: function(e) {\n\t\tif( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {\n\t\t\tmfp._setFocus();\n\t\t\treturn false;\n\t\t}\n\t},\n\t_parseMarkup: function(template, values, item) {\n\t\tvar arr;\n\t\tif(item.data) {\n\t\t\tvalues = $.extend(item.data, values);\n\t\t}\n\t\t_mfpTrigger(MARKUP_PARSE_EVENT, [template, values, item] );\n\n\t\t$.each(values, function(key, value) {\n\t\t\tif(value === undefined || value === false) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tarr = key.split('_');\n\t\t\tif(arr.length > 1) {\n\t\t\t\tvar el = template.find(EVENT_NS + '-'+arr[0]);\n\n\t\t\t\tif(el.length > 0) {\n\t\t\t\t\tvar attr = arr[1];\n\t\t\t\t\tif(attr === 'replaceWith') {\n\t\t\t\t\t\tif(el[0] !== value[0]) {\n\t\t\t\t\t\t\tel.replaceWith(value);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if(attr === 'img') {\n\t\t\t\t\t\tif(el.is('img')) {\n\t\t\t\t\t\t\tel.attr('src', value);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tel.replaceWith( $('<img>').attr('src', value).attr('class', el.attr('class')) );\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tel.attr(arr[1], value);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t} else {\n\t\t\t\ttemplate.find(EVENT_NS + '-'+key).html(value);\n\t\t\t}\n\t\t});\n\t},\n\n\t_getScrollbarSize: function() {\n\t\t// thx David\n\t\tif(mfp.scrollbarSize === undefined) {\n\t\t\tvar scrollDiv = document.createElement(\"div\");\n\t\t\tscrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';\n\t\t\tdocument.body.appendChild(scrollDiv);\n\t\t\tmfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n\t\t\tdocument.body.removeChild(scrollDiv);\n\t\t}\n\t\treturn mfp.scrollbarSize;\n\t}\n\n}; /* MagnificPopup core prototype end */\n\n\n\n\n/**\n * Public static functions\n */\n$.magnificPopup = {\n\tinstance: null,\n\tproto: MagnificPopup.prototype,\n\tmodules: [],\n\n\topen: function(options, index) {\n\t\t_checkInstance();\n\n\t\tif(!options) {\n\t\t\toptions = {};\n\t\t} else {\n\t\t\toptions = $.extend(true, {}, options);\n\t\t}\n\n\t\toptions.isObj = true;\n\t\toptions.index = index || 0;\n\t\treturn this.instance.open(options);\n\t},\n\n\tclose: function() {\n\t\treturn $.magnificPopup.instance && $.magnificPopup.instance.close();\n\t},\n\n\tregisterModule: function(name, module) {\n\t\tif(module.options) {\n\t\t\t$.magnificPopup.defaults[name] = module.options;\n\t\t}\n\t\t$.extend(this.proto, module.proto);\n\t\tthis.modules.push(name);\n\t},\n\n\tdefaults: {\n\n\t\t// Info about options is in docs:\n\t\t// http://dimsemenov.com/plugins/magnific-popup/documentation.html#options\n\n\t\tdisableOn: 0,\n\n\t\tkey: null,\n\n\t\tmidClick: false,\n\n\t\tmainClass: '',\n\n\t\tpreloader: true,\n\n\t\tfocus: '', // CSS selector of input to focus after popup is opened\n\n\t\tcloseOnContentClick: false,\n\n\t\tcloseOnBgClick: true,\n\n\t\tcloseBtnInside: true,\n\n\t\tshowCloseBtn: true,\n\n\t\tenableEscapeKey: true,\n\n\t\tmodal: false,\n\n\t\talignTop: false,\n\n\t\tremovalDelay: 0,\n\n\t\tprependTo: null,\n\n\t\tfixedContentPos: 'auto',\n\n\t\tfixedBgPos: 'auto',\n\n\t\toverflowY: 'auto',\n\n\t\tcloseMarkup: '<button title=\"%title%\" type=\"button\" class=\"mfp-close\">&#215;</button>',\n\n\t\ttClose: 'Close (Esc)',\n\n\t\ttLoading: 'Loading...',\n\n\t\tautoFocusLast: true\n\n\t}\n};\n\n\n\n$.fn.magnificPopup = function(options) {\n\t_checkInstance();\n\n\tvar jqEl = $(this);\n\n\t// We call some API method of first param is a string\n\tif (typeof options === \"string\" ) {\n\n\t\tif(options === 'open') {\n\t\t\tvar items,\n\t\t\t\titemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup,\n\t\t\t\tindex = parseInt(arguments[1], 10) || 0;\n\n\t\t\tif(itemOpts.items) {\n\t\t\t\titems = itemOpts.items[index];\n\t\t\t} else {\n\t\t\t\titems = jqEl;\n\t\t\t\tif(itemOpts.delegate) {\n\t\t\t\t\titems = items.find(itemOpts.delegate);\n\t\t\t\t}\n\t\t\t\titems = items.eq( index );\n\t\t\t}\n\t\t\tmfp._openClick({mfpEl:items}, jqEl, itemOpts);\n\t\t} else {\n\t\t\tif(mfp.isOpen)\n\t\t\t\tmfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1));\n\t\t}\n\n\t} else {\n\t\t// clone options obj\n\t\toptions = $.extend(true, {}, options);\n\n\t\t/*\n\t\t * As Zepto doesn't support .data() method for objects\n\t\t * and it works only in normal browsers\n\t\t * we assign \"options\" object directly to the DOM element. FTW!\n\t\t */\n\t\tif(_isJQ) {\n\t\t\tjqEl.data('magnificPopup', options);\n\t\t} else {\n\t\t\tjqEl[0].magnificPopup = options;\n\t\t}\n\n\t\tmfp.addGroup(jqEl, options);\n\n\t}\n\treturn jqEl;\n};\n\n/*>>core*/\n\n/*>>inline*/\n\nvar INLINE_NS = 'inline',\n\t_hiddenClass,\n\t_inlinePlaceholder,\n\t_lastInlineElement,\n\t_putInlineElementsBack = function() {\n\t\tif(_lastInlineElement) {\n\t\t\t_inlinePlaceholder.after( _lastInlineElement.addClass(_hiddenClass) ).detach();\n\t\t\t_lastInlineElement = null;\n\t\t}\n\t};\n\n$.magnificPopup.registerModule(INLINE_NS, {\n\toptions: {\n\t\thiddenClass: 'hide', // will be appended with `mfp-` prefix\n\t\tmarkup: '',\n\t\ttNotFound: 'Content not found'\n\t},\n\tproto: {\n\n\t\tinitInline: function() {\n\t\t\tmfp.types.push(INLINE_NS);\n\n\t\t\t_mfpOn(CLOSE_EVENT+'.'+INLINE_NS, function() {\n\t\t\t\t_putInlineElementsBack();\n\t\t\t});\n\t\t},\n\n\t\tgetInline: function(item, template) {\n\n\t\t\t_putInlineElementsBack();\n\n\t\t\tif(item.src) {\n\t\t\t\tvar inlineSt = mfp.st.inline,\n\t\t\t\t\tel = $(item.src);\n\n\t\t\t\tif(el.length) {\n\n\t\t\t\t\t// If target element has parent - we replace it with placeholder and put it back after popup is closed\n\t\t\t\t\tvar parent = el[0].parentNode;\n\t\t\t\t\tif(parent && parent.tagName) {\n\t\t\t\t\t\tif(!_inlinePlaceholder) {\n\t\t\t\t\t\t\t_hiddenClass = inlineSt.hiddenClass;\n\t\t\t\t\t\t\t_inlinePlaceholder = _getEl(_hiddenClass);\n\t\t\t\t\t\t\t_hiddenClass = 'mfp-'+_hiddenClass;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// replace target inline element with placeholder\n\t\t\t\t\t\t_lastInlineElement = el.after(_inlinePlaceholder).detach().removeClass(_hiddenClass);\n\t\t\t\t\t}\n\n\t\t\t\t\tmfp.updateStatus('ready');\n\t\t\t\t} else {\n\t\t\t\t\tmfp.updateStatus('error', inlineSt.tNotFound);\n\t\t\t\t\tel = $('<div>');\n\t\t\t\t}\n\n\t\t\t\titem.inlineElement = el;\n\t\t\t\treturn el;\n\t\t\t}\n\n\t\t\tmfp.updateStatus('ready');\n\t\t\tmfp._parseMarkup(template, {}, item);\n\t\t\treturn template;\n\t\t}\n\t}\n});\n\n/*>>inline*/\n\n/*>>ajax*/\nvar AJAX_NS = 'ajax',\n\t_ajaxCur,\n\t_removeAjaxCursor = function() {\n\t\tif(_ajaxCur) {\n\t\t\t$(document.body).removeClass(_ajaxCur);\n\t\t}\n\t},\n\t_destroyAjaxRequest = function() {\n\t\t_removeAjaxCursor();\n\t\tif(mfp.req) {\n\t\t\tmfp.req.abort();\n\t\t}\n\t};\n\n$.magnificPopup.registerModule(AJAX_NS, {\n\n\toptions: {\n\t\tsettings: null,\n\t\tcursor: 'mfp-ajax-cur',\n\t\ttError: '<a href=\"%url%\">The content</a> could not be loaded.'\n\t},\n\n\tproto: {\n\t\tinitAjax: function() {\n\t\t\tmfp.types.push(AJAX_NS);\n\t\t\t_ajaxCur = mfp.st.ajax.cursor;\n\n\t\t\t_mfpOn(CLOSE_EVENT+'.'+AJAX_NS, _destroyAjaxRequest);\n\t\t\t_mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest);\n\t\t},\n\t\tgetAjax: function(item) {\n\n\t\t\tif(_ajaxCur) {\n\t\t\t\t$(document.body).addClass(_ajaxCur);\n\t\t\t}\n\n\t\t\tmfp.updateStatus('loading');\n\n\t\t\tvar opts = $.extend({\n\t\t\t\turl: item.src,\n\t\t\t\tsuccess: function(data, textStatus, jqXHR) {\n\t\t\t\t\tvar temp = {\n\t\t\t\t\t\tdata:data,\n\t\t\t\t\t\txhr:jqXHR\n\t\t\t\t\t};\n\n\t\t\t\t\t_mfpTrigger('ParseAjax', temp);\n\n\t\t\t\t\tmfp.appendContent( $(temp.data), AJAX_NS );\n\n\t\t\t\t\titem.finished = true;\n\n\t\t\t\t\t_removeAjaxCursor();\n\n\t\t\t\t\tmfp._setFocus();\n\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\tmfp.wrap.addClass(READY_CLASS);\n\t\t\t\t\t}, 16);\n\n\t\t\t\t\tmfp.updateStatus('ready');\n\n\t\t\t\t\t_mfpTrigger('AjaxContentAdded');\n\t\t\t\t},\n\t\t\t\terror: function() {\n\t\t\t\t\t_removeAjaxCursor();\n\t\t\t\t\titem.finished = item.loadError = true;\n\t\t\t\t\tmfp.updateStatus('error', mfp.st.ajax.tError.replace('%url%', item.src));\n\t\t\t\t}\n\t\t\t}, mfp.st.ajax.settings);\n\n\t\t\tmfp.req = $.ajax(opts);\n\n\t\t\treturn '';\n\t\t}\n\t}\n});\n\n/*>>ajax*/\n\n/*>>image*/\nvar _imgInterval,\n\t_getTitle = function(item) {\n\t\tif(item.data && item.data.title !== undefined)\n\t\t\treturn item.data.title;\n\n\t\tvar src = mfp.st.image.titleSrc;\n\n\t\tif(src) {\n\t\t\tif($.isFunction(src)) {\n\t\t\t\treturn src.call(mfp, item);\n\t\t\t} else if(item.el) {\n\t\t\t\treturn item.el.attr(src) || '';\n\t\t\t}\n\t\t}\n\t\treturn '';\n\t};\n\n$.magnificPopup.registerModule('image', {\n\n\toptions: {\n\t\tmarkup: '<div class=\"mfp-figure\">'+\n\t\t\t\t\t'<div class=\"mfp-close\"></div>'+\n\t\t\t\t\t'<figure>'+\n\t\t\t\t\t\t'<div class=\"mfp-img\"></div>'+\n\t\t\t\t\t\t'<figcaption>'+\n\t\t\t\t\t\t\t'<div class=\"mfp-bottom-bar\">'+\n\t\t\t\t\t\t\t\t'<div class=\"mfp-title\"></div>'+\n\t\t\t\t\t\t\t\t'<div class=\"mfp-counter\"></div>'+\n\t\t\t\t\t\t\t'</div>'+\n\t\t\t\t\t\t'</figcaption>'+\n\t\t\t\t\t'</figure>'+\n\t\t\t\t'</div>',\n\t\tcursor: 'mfp-zoom-out-cur',\n\t\ttitleSrc: 'title',\n\t\tverticalFit: true,\n\t\ttError: '<a href=\"%url%\">The image</a> could not be loaded.'\n\t},\n\n\tproto: {\n\t\tinitImage: function() {\n\t\t\tvar imgSt = mfp.st.image,\n\t\t\t\tns = '.image';\n\n\t\t\tmfp.types.push('image');\n\n\t\t\t_mfpOn(OPEN_EVENT+ns, function() {\n\t\t\t\tif(mfp.currItem.type === 'image' && imgSt.cursor) {\n\t\t\t\t\t$(document.body).addClass(imgSt.cursor);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t_mfpOn(CLOSE_EVENT+ns, function() {\n\t\t\t\tif(imgSt.cursor) {\n\t\t\t\t\t$(document.body).removeClass(imgSt.cursor);\n\t\t\t\t}\n\t\t\t\t_window.off('resize' + EVENT_NS);\n\t\t\t});\n\n\t\t\t_mfpOn('Resize'+ns, mfp.resizeImage);\n\t\t\tif(mfp.isLowIE) {\n\t\t\t\t_mfpOn('AfterChange', mfp.resizeImage);\n\t\t\t}\n\t\t},\n\t\tresizeImage: function() {\n\t\t\tvar item = mfp.currItem;\n\t\t\tif(!item || !item.img) return;\n\n\t\t\tif(mfp.st.image.verticalFit) {\n\t\t\t\tvar decr = 0;\n\t\t\t\t// fix box-sizing in ie7/8\n\t\t\t\tif(mfp.isLowIE) {\n\t\t\t\t\tdecr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'),10);\n\t\t\t\t}\n\t\t\t\titem.img.css('max-height', mfp.wH-decr);\n\t\t\t}\n\t\t},\n\t\t_onImageHasSize: function(item) {\n\t\t\tif(item.img) {\n\n\t\t\t\titem.hasSize = true;\n\n\t\t\t\tif(_imgInterval) {\n\t\t\t\t\tclearInterval(_imgInterval);\n\t\t\t\t}\n\n\t\t\t\titem.isCheckingImgSize = false;\n\n\t\t\t\t_mfpTrigger('ImageHasSize', item);\n\n\t\t\t\tif(item.imgHidden) {\n\t\t\t\t\tif(mfp.content)\n\t\t\t\t\t\tmfp.content.removeClass('mfp-loading');\n\n\t\t\t\t\titem.imgHidden = false;\n\t\t\t\t}\n\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Function that loops until the image has size to display elements that rely on it asap\n\t\t */\n\t\tfindImageSize: function(item) {\n\n\t\t\tvar counter = 0,\n\t\t\t\timg = item.img[0],\n\t\t\t\tmfpSetInterval = function(delay) {\n\n\t\t\t\t\tif(_imgInterval) {\n\t\t\t\t\t\tclearInterval(_imgInterval);\n\t\t\t\t\t}\n\t\t\t\t\t// decelerating interval that checks for size of an image\n\t\t\t\t\t_imgInterval = setInterval(function() {\n\t\t\t\t\t\tif(img.naturalWidth > 0) {\n\t\t\t\t\t\t\tmfp._onImageHasSize(item);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif(counter > 200) {\n\t\t\t\t\t\t\tclearInterval(_imgInterval);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcounter++;\n\t\t\t\t\t\tif(counter === 3) {\n\t\t\t\t\t\t\tmfpSetInterval(10);\n\t\t\t\t\t\t} else if(counter === 40) {\n\t\t\t\t\t\t\tmfpSetInterval(50);\n\t\t\t\t\t\t} else if(counter === 100) {\n\t\t\t\t\t\t\tmfpSetInterval(500);\n\t\t\t\t\t\t}\n\t\t\t\t\t}, delay);\n\t\t\t\t};\n\n\t\t\tmfpSetInterval(1);\n\t\t},\n\n\t\tgetImage: function(item, template) {\n\n\t\t\tvar guard = 0,\n\n\t\t\t\t// image load complete handler\n\t\t\t\tonLoadComplete = function() {\n\t\t\t\t\tif(item) {\n\t\t\t\t\t\tif (item.img[0].complete) {\n\t\t\t\t\t\t\titem.img.off('.mfploader');\n\n\t\t\t\t\t\t\tif(item === mfp.currItem){\n\t\t\t\t\t\t\t\tmfp._onImageHasSize(item);\n\n\t\t\t\t\t\t\t\tmfp.updateStatus('ready');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\titem.hasSize = true;\n\t\t\t\t\t\t\titem.loaded = true;\n\n\t\t\t\t\t\t\t_mfpTrigger('ImageLoadComplete');\n\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t// if image complete check fails 200 times (20 sec), we assume that there was an error.\n\t\t\t\t\t\t\tguard++;\n\t\t\t\t\t\t\tif(guard < 200) {\n\t\t\t\t\t\t\t\tsetTimeout(onLoadComplete,100);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tonLoadError();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\n\t\t\t\t// image error handler\n\t\t\t\tonLoadError = function() {\n\t\t\t\t\tif(item) {\n\t\t\t\t\t\titem.img.off('.mfploader');\n\t\t\t\t\t\tif(item === mfp.currItem){\n\t\t\t\t\t\t\tmfp._onImageHasSize(item);\n\t\t\t\t\t\t\tmfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\titem.hasSize = true;\n\t\t\t\t\t\titem.loaded = true;\n\t\t\t\t\t\titem.loadError = true;\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\timgSt = mfp.st.image;\n\n\n\t\t\tvar el = template.find('.mfp-img');\n\t\t\tif(el.length) {\n\t\t\t\tvar img = document.createElement('img');\n\t\t\t\timg.className = 'mfp-img';\n\t\t\t\tif(item.el && item.el.find('img').length) {\n\t\t\t\t\timg.alt = item.el.find('img').attr('alt');\n\t\t\t\t}\n\t\t\t\titem.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);\n\t\t\t\timg.src = item.src;\n\n\t\t\t\t// without clone() \"error\" event is not firing when IMG is replaced by new IMG\n\t\t\t\t// TODO: find a way to avoid such cloning\n\t\t\t\tif(el.is('img')) {\n\t\t\t\t\titem.img = item.img.clone();\n\t\t\t\t}\n\n\t\t\t\timg = item.img[0];\n\t\t\t\tif(img.naturalWidth > 0) {\n\t\t\t\t\titem.hasSize = true;\n\t\t\t\t} else if(!img.width) {\n\t\t\t\t\titem.hasSize = false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tmfp._parseMarkup(template, {\n\t\t\t\ttitle: _getTitle(item),\n\t\t\t\timg_replaceWith: item.img\n\t\t\t}, item);\n\n\t\t\tmfp.resizeImage();\n\n\t\t\tif(item.hasSize) {\n\t\t\t\tif(_imgInterval) clearInterval(_imgInterval);\n\n\t\t\t\tif(item.loadError) {\n\t\t\t\t\ttemplate.addClass('mfp-loading');\n\t\t\t\t\tmfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );\n\t\t\t\t} else {\n\t\t\t\t\ttemplate.removeClass('mfp-loading');\n\t\t\t\t\tmfp.updateStatus('ready');\n\t\t\t\t}\n\t\t\t\treturn template;\n\t\t\t}\n\n\t\t\tmfp.updateStatus('loading');\n\t\t\titem.loading = true;\n\n\t\t\tif(!item.hasSize) {\n\t\t\t\titem.imgHidden = true;\n\t\t\t\ttemplate.addClass('mfp-loading');\n\t\t\t\tmfp.findImageSize(item);\n\t\t\t}\n\n\t\t\treturn template;\n\t\t}\n\t}\n});\n\n/*>>image*/\n\n/*>>zoom*/\nvar hasMozTransform,\n\tgetHasMozTransform = function() {\n\t\tif(hasMozTransform === undefined) {\n\t\t\thasMozTransform = document.createElement('p').style.MozTransform !== undefined;\n\t\t}\n\t\treturn hasMozTransform;\n\t};\n\n$.magnificPopup.registerModule('zoom', {\n\n\toptions: {\n\t\tenabled: false,\n\t\teasing: 'ease-in-out',\n\t\tduration: 300,\n\t\topener: function(element) {\n\t\t\treturn element.is('img') ? element : element.find('img');\n\t\t}\n\t},\n\n\tproto: {\n\n\t\tinitZoom: function() {\n\t\t\tvar zoomSt = mfp.st.zoom,\n\t\t\t\tns = '.zoom',\n\t\t\t\timage;\n\n\t\t\tif(!zoomSt.enabled || !mfp.supportsTransition) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar duration = zoomSt.duration,\n\t\t\t\tgetElToAnimate = function(image) {\n\t\t\t\t\tvar newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),\n\t\t\t\t\t\ttransition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,\n\t\t\t\t\t\tcssObj = {\n\t\t\t\t\t\t\tposition: 'fixed',\n\t\t\t\t\t\t\tzIndex: 9999,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t'-webkit-backface-visibility': 'hidden'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tt = 'transition';\n\n\t\t\t\t\tcssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;\n\n\t\t\t\t\tnewImg.css(cssObj);\n\t\t\t\t\treturn newImg;\n\t\t\t\t},\n\t\t\t\tshowMainContent = function() {\n\t\t\t\t\tmfp.content.css('visibility', 'visible');\n\t\t\t\t},\n\t\t\t\topenTimeout,\n\t\t\t\tanimatedImg;\n\n\t\t\t_mfpOn('BuildControls'+ns, function() {\n\t\t\t\tif(mfp._allowZoom()) {\n\n\t\t\t\t\tclearTimeout(openTimeout);\n\t\t\t\t\tmfp.content.css('visibility', 'hidden');\n\n\t\t\t\t\t// Basically, all code below does is clones existing image, puts in on top of the current one and animated it\n\n\t\t\t\t\timage = mfp._getItemToZoom();\n\n\t\t\t\t\tif(!image) {\n\t\t\t\t\t\tshowMainContent();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tanimatedImg = getElToAnimate(image);\n\n\t\t\t\t\tanimatedImg.css( mfp._getOffset() );\n\n\t\t\t\t\tmfp.wrap.append(animatedImg);\n\n\t\t\t\t\topenTimeout = setTimeout(function() {\n\t\t\t\t\t\tanimatedImg.css( mfp._getOffset( true ) );\n\t\t\t\t\t\topenTimeout = setTimeout(function() {\n\n\t\t\t\t\t\t\tshowMainContent();\n\n\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\tanimatedImg.remove();\n\t\t\t\t\t\t\t\timage = animatedImg = null;\n\t\t\t\t\t\t\t\t_mfpTrigger('ZoomAnimationEnded');\n\t\t\t\t\t\t\t}, 16); // avoid blink when switching images\n\n\t\t\t\t\t\t}, duration); // this timeout equals animation duration\n\n\t\t\t\t\t}, 16); // by adding this timeout we avoid short glitch at the beginning of animation\n\n\n\t\t\t\t\t// Lots of timeouts...\n\t\t\t\t}\n\t\t\t});\n\t\t\t_mfpOn(BEFORE_CLOSE_EVENT+ns, function() {\n\t\t\t\tif(mfp._allowZoom()) {\n\n\t\t\t\t\tclearTimeout(openTimeout);\n\n\t\t\t\t\tmfp.st.removalDelay = duration;\n\n\t\t\t\t\tif(!image) {\n\t\t\t\t\t\timage = mfp._getItemToZoom();\n\t\t\t\t\t\tif(!image) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tanimatedImg = getElToAnimate(image);\n\t\t\t\t\t}\n\n\t\t\t\t\tanimatedImg.css( mfp._getOffset(true) );\n\t\t\t\t\tmfp.wrap.append(animatedImg);\n\t\t\t\t\tmfp.content.css('visibility', 'hidden');\n\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\tanimatedImg.css( mfp._getOffset() );\n\t\t\t\t\t}, 16);\n\t\t\t\t}\n\n\t\t\t});\n\n\t\t\t_mfpOn(CLOSE_EVENT+ns, function() {\n\t\t\t\tif(mfp._allowZoom()) {\n\t\t\t\t\tshowMainContent();\n\t\t\t\t\tif(animatedImg) {\n\t\t\t\t\t\tanimatedImg.remove();\n\t\t\t\t\t}\n\t\t\t\t\timage = null;\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\t_allowZoom: function() {\n\t\t\treturn mfp.currItem.type === 'image';\n\t\t},\n\n\t\t_getItemToZoom: function() {\n\t\t\tif(mfp.currItem.hasSize) {\n\t\t\t\treturn mfp.currItem.img;\n\t\t\t} else {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\n\t\t// Get element postion relative to viewport\n\t\t_getOffset: function(isLarge) {\n\t\t\tvar el;\n\t\t\tif(isLarge) {\n\t\t\t\tel = mfp.currItem.img;\n\t\t\t} else {\n\t\t\t\tel = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);\n\t\t\t}\n\n\t\t\tvar offset = el.offset();\n\t\t\tvar paddingTop = parseInt(el.css('padding-top'),10);\n\t\t\tvar paddingBottom = parseInt(el.css('padding-bottom'),10);\n\t\t\toffset.top -= ( $(window).scrollTop() - paddingTop );\n\n\n\t\t\t/*\n\n\t\t\tAnimating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.\n\n\t\t\t */\n\t\t\tvar obj = {\n\t\t\t\twidth: el.width(),\n\t\t\t\t// fix Zepto height+padding issue\n\t\t\t\theight: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop\n\t\t\t};\n\n\t\t\t// I hate to do this, but there is no another option\n\t\t\tif( getHasMozTransform() ) {\n\t\t\t\tobj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';\n\t\t\t} else {\n\t\t\t\tobj.left = offset.left;\n\t\t\t\tobj.top = offset.top;\n\t\t\t}\n\t\t\treturn obj;\n\t\t}\n\n\t}\n});\n\n\n\n/*>>zoom*/\n\n/*>>iframe*/\n\nvar IFRAME_NS = 'iframe',\n\t_emptyPage = '//about:blank',\n\n\t_fixIframeBugs = function(isShowing) {\n\t\tif(mfp.currTemplate[IFRAME_NS]) {\n\t\t\tvar el = mfp.currTemplate[IFRAME_NS].find('iframe');\n\t\t\tif(el.length) {\n\t\t\t\t// reset src after the popup is closed to avoid \"video keeps playing after popup is closed\" bug\n\t\t\t\tif(!isShowing) {\n\t\t\t\t\tel[0].src = _emptyPage;\n\t\t\t\t}\n\n\t\t\t\t// IE8 black screen bug fix\n\t\t\t\tif(mfp.isIE8) {\n\t\t\t\t\tel.css('display', isShowing ? 'block' : 'none');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n$.magnificPopup.registerModule(IFRAME_NS, {\n\n\toptions: {\n\t\tmarkup: '<div class=\"mfp-iframe-scaler\">'+\n\t\t\t\t\t'<div class=\"mfp-close\"></div>'+\n\t\t\t\t\t'<iframe class=\"mfp-iframe\" src=\"//about:blank\" frameborder=\"0\" allowfullscreen></iframe>'+\n\t\t\t\t'</div>',\n\n\t\tsrcAction: 'iframe_src',\n\n\t\t// we don't care and support only one default type of URL by default\n\t\tpatterns: {\n\t\t\tyoutube: {\n\t\t\t\tindex: 'youtube.com',\n\t\t\t\tid: 'v=',\n\t\t\t\tsrc: '//www.youtube.com/embed/%id%?autoplay=1'\n\t\t\t},\n\t\t\tvimeo: {\n\t\t\t\tindex: 'vimeo.com/',\n\t\t\t\tid: '/',\n\t\t\t\tsrc: '//player.vimeo.com/video/%id%?autoplay=1'\n\t\t\t},\n\t\t\tgmaps: {\n\t\t\t\tindex: '//maps.google.',\n\t\t\t\tsrc: '%id%&output=embed'\n\t\t\t}\n\t\t}\n\t},\n\n\tproto: {\n\t\tinitIframe: function() {\n\t\t\tmfp.types.push(IFRAME_NS);\n\n\t\t\t_mfpOn('BeforeChange', function(e, prevType, newType) {\n\t\t\t\tif(prevType !== newType) {\n\t\t\t\t\tif(prevType === IFRAME_NS) {\n\t\t\t\t\t\t_fixIframeBugs(); // iframe if removed\n\t\t\t\t\t} else if(newType === IFRAME_NS) {\n\t\t\t\t\t\t_fixIframeBugs(true); // iframe is showing\n\t\t\t\t\t}\n\t\t\t\t}// else {\n\t\t\t\t\t// iframe source is switched, don't do anything\n\t\t\t\t//}\n\t\t\t});\n\n\t\t\t_mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() {\n\t\t\t\t_fixIframeBugs();\n\t\t\t});\n\t\t},\n\n\t\tgetIframe: function(item, template) {\n\t\t\tvar embedSrc = item.src;\n\t\t\tvar iframeSt = mfp.st.iframe;\n\n\t\t\t$.each(iframeSt.patterns, function() {\n\t\t\t\tif(embedSrc.indexOf( this.index ) > -1) {\n\t\t\t\t\tif(this.id) {\n\t\t\t\t\t\tif(typeof this.id === 'string') {\n\t\t\t\t\t\t\tembedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tembedSrc = this.id.call( this, embedSrc );\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tembedSrc = this.src.replace('%id%', embedSrc );\n\t\t\t\t\treturn false; // break;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tvar dataObj = {};\n\t\t\tif(iframeSt.srcAction) {\n\t\t\t\tdataObj[iframeSt.srcAction] = embedSrc;\n\t\t\t}\n\t\t\tmfp._parseMarkup(template, dataObj, item);\n\n\t\t\tmfp.updateStatus('ready');\n\n\t\t\treturn template;\n\t\t}\n\t}\n});\n\n\n\n/*>>iframe*/\n\n/*>>gallery*/\n/**\n * Get looped index depending on number of slides\n */\nvar _getLoopedId = function(index) {\n\t\tvar numSlides = mfp.items.length;\n\t\tif(index > numSlides - 1) {\n\t\t\treturn index - numSlides;\n\t\t} else  if(index < 0) {\n\t\t\treturn numSlides + index;\n\t\t}\n\t\treturn index;\n\t},\n\t_replaceCurrTotal = function(text, curr, total) {\n\t\treturn text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);\n\t};\n\n$.magnificPopup.registerModule('gallery', {\n\n\toptions: {\n\t\tenabled: true,\n          showCloseBtn: true,\n\t\tarrowMarkup: '<button title=\"%title%\" type=\"button\" class=\"mfp-arrow mfp-arrow-%dir%\"></button>',\n\t\tpreload: [0,2],\n\t\tnavigateByImgClick: true,\n\t\tarrows: true,\n\n\t\ttPrev: 'Previous (Left arrow key)',\n\t\ttNext: 'Next (Right arrow key)',\n\t\ttCounter: '%curr% of %total%'\n\t},\n\n\tproto: {\n\t\tinitGallery: function() {\n\n\t\t\tvar gSt = mfp.st.gallery,\n\t\t\t\tns = '.mfp-gallery';\n\n\t\t\tmfp.direction = true; // true - next, false - prev\n\n\t\t\tif(!gSt || !gSt.enabled ) return false;\n\n\t\t\t_wrapClasses += ' mfp-gallery';\n\n\t\t\t_mfpOn(OPEN_EVENT+ns, function() {\n\n\t\t\t\tif(gSt.navigateByImgClick) {\n\t\t\t\t\tmfp.wrap.on('click'+ns, '.mfp-img', function() {\n\t\t\t\t\t\tif(mfp.items.length > 1) {\n\t\t\t\t\t\t\tmfp.next();\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\t_document.on('keydown'+ns, function(e) {\n\t\t\t\t\tif (e.keyCode === 37) {\n\t\t\t\t\t\tmfp.prev();\n\t\t\t\t\t} else if (e.keyCode === 39) {\n\t\t\t\t\t\tmfp.next();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\n\t\t\t_mfpOn('UpdateStatus'+ns, function(e, data) {\n\t\t\t\tif(data.text) {\n\t\t\t\t\tdata.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t_mfpOn(MARKUP_PARSE_EVENT+ns, function(e, element, values, item) {\n\t\t\t\tvar l = mfp.items.length;\n\t\t\t\tvalues.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : '';\n\t\t\t});\n\n\t\t\t_mfpOn('BuildControls' + ns, function() {\n\t\t\t\tif(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {\n\t\t\t\t\tvar markup = gSt.arrowMarkup,\n\t\t\t\t\t\tarrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),\n\t\t\t\t\t\tarrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);\n\n\t\t\t\t\tarrowLeft.click(function() {\n\t\t\t\t\t\tmfp.prev();\n\t\t\t\t\t});\n\t\t\t\t\tarrowRight.click(function() {\n\t\t\t\t\t\tmfp.next();\n\t\t\t\t\t});\n\n\t\t\t\t\tmfp.container.append(arrowLeft.add(arrowRight));\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t_mfpOn(CHANGE_EVENT+ns, function() {\n\t\t\t\tif(mfp._preloadTimeout) clearTimeout(mfp._preloadTimeout);\n\n\t\t\t\tmfp._preloadTimeout = setTimeout(function() {\n\t\t\t\t\tmfp.preloadNearbyImages();\n\t\t\t\t\tmfp._preloadTimeout = null;\n\t\t\t\t}, 16);\n\t\t\t});\n\n\n\t\t\t_mfpOn(CLOSE_EVENT+ns, function() {\n\t\t\t\t_document.off(ns);\n\t\t\t\tmfp.wrap.off('click'+ns);\n\t\t\t\tmfp.arrowRight = mfp.arrowLeft = null;\n\t\t\t});\n\n\t\t},\n\t\tnext: function() {\n\t\t\tmfp.direction = true;\n\t\t\tmfp.index = _getLoopedId(mfp.index + 1);\n\t\t\tmfp.updateItemHTML();\n\t\t},\n\t\tprev: function() {\n\t\t\tmfp.direction = false;\n\t\t\tmfp.index = _getLoopedId(mfp.index - 1);\n\t\t\tmfp.updateItemHTML();\n\t\t},\n\t\tgoTo: function(newIndex) {\n\t\t\tmfp.direction = (newIndex >= mfp.index);\n\t\t\tmfp.index = newIndex;\n\t\t\tmfp.updateItemHTML();\n\t\t},\n\t\tpreloadNearbyImages: function() {\n\t\t\tvar p = mfp.st.gallery.preload,\n\t\t\t\tpreloadBefore = Math.min(p[0], mfp.items.length),\n\t\t\t\tpreloadAfter = Math.min(p[1], mfp.items.length),\n\t\t\t\ti;\n\n\t\t\tfor(i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) {\n\t\t\t\tmfp._preloadItem(mfp.index+i);\n\t\t\t}\n\t\t\tfor(i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) {\n\t\t\t\tmfp._preloadItem(mfp.index-i);\n\t\t\t}\n\t\t},\n\t\t_preloadItem: function(index) {\n\t\t\tindex = _getLoopedId(index);\n\n\t\t\tif(mfp.items[index].preloaded) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar item = mfp.items[index];\n\t\t\tif(!item.parsed) {\n\t\t\t\titem = mfp.parseEl( index );\n\t\t\t}\n\n\t\t\t_mfpTrigger('LazyLoad', item);\n\n\t\t\tif(item.type === 'image') {\n\t\t\t\titem.img = $('<img class=\"mfp-img\" />').on('load.mfploader', function() {\n\t\t\t\t\titem.hasSize = true;\n\t\t\t\t}).on('error.mfploader', function() {\n\t\t\t\t\titem.hasSize = true;\n\t\t\t\t\titem.loadError = true;\n\t\t\t\t\t_mfpTrigger('LazyLoadError', item);\n\t\t\t\t}).attr('src', item.src);\n\t\t\t}\n\n\n\t\t\titem.preloaded = true;\n\t\t}\n\t}\n});\n\n/*>>gallery*/\n\n/*>>retina*/\n\nvar RETINA_NS = 'retina';\n\n$.magnificPopup.registerModule(RETINA_NS, {\n\toptions: {\n\t\treplaceSrc: function(item) {\n\t\t\treturn item.src.replace(/\\.\\w+$/, function(m) { return '@2x' + m; });\n\t\t},\n\t\tratio: 1 // Function or number.  Set to 1 to disable.\n\t},\n\tproto: {\n\t\tinitRetina: function() {\n\t\t\tif(window.devicePixelRatio > 1) {\n\n\t\t\t\tvar st = mfp.st.retina,\n\t\t\t\t\tratio = st.ratio;\n\n\t\t\t\tratio = !isNaN(ratio) ? ratio : ratio();\n\n\t\t\t\tif(ratio > 1) {\n\t\t\t\t\t_mfpOn('ImageHasSize' + '.' + RETINA_NS, function(e, item) {\n\t\t\t\t\t\titem.img.css({\n\t\t\t\t\t\t\t'max-width': item.img[0].naturalWidth / ratio,\n\t\t\t\t\t\t\t'width': '100%'\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t\t_mfpOn('ElementParse' + '.' + RETINA_NS, function(e, item) {\n\t\t\t\t\t\titem.src = st.replaceSrc(item, ratio);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t}\n});\n\n/*>>retina*/\n _checkInstance(); }));"
  },
  {
    "path": "js/modernizr.js",
    "content": "/* Modernizr 2.0.6 (Custom Build) | MIT & BSD */\n;window.Modernizr=function(a,b,c){function D(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1),d=(a+\" \"+o.join(c+\" \")+c).split(\" \");return C(d,b)}function C(a,b){for(var d in a)if(k[a[d]]!==c)return b==\"pfx\"?a[d]:!0;return!1}function B(a,b){return!!~(\"\"+a).indexOf(b)}function A(a,b){return typeof a===b}function z(a,b){return y(n.join(a+\";\")+(b||\"\"))}function y(a){k.cssText=a}var d=\"2.0.6\",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName(\"head\")[0],i=\"modernizr\",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n=\" -webkit- -moz- -o- -ms- -khtml- \".split(\" \"),o=\"Webkit Moz O ms Khtml\".split(\" \"),p={},q={},r={},s=[],t=function(a,c,d,e){var f,h,j,k=b.createElement(\"div\");if(parseInt(d,10))while(d--)j=b.createElement(\"div\"),j.id=e?e[d]:i+(d+1),k.appendChild(j);f=[\"&shy;\",\"<style>\",a,\"</style>\"].join(\"\"),k.id=i,k.innerHTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},u=function(b){if(a.matchMedia)return matchMedia(b).matches;var c;t(\"@media \"+b+\" { #\"+i+\" { position: absolute; } }\",function(b){c=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle).position==\"absolute\"});return c},v,w={}.hasOwnProperty,x;!A(w,c)&&!A(w.call,c)?x=function(a,b){return w.call(a,b)}:x=function(a,b){return b in a&&A(a.constructor.prototype[b],c)},p.rgba=function(){y(\"background-color:rgba(150,255,150,.5)\");return B(k.backgroundColor,\"rgba\")},p.boxshadow=function(){return D(\"boxShadow\")},p.csstransitions=function(){return D(\"transitionProperty\")};for(var E in p)x(p,E)&&(v=E.toLowerCase(),e[v]=p[E](),s.push((e[v]?\"\":\"no-\")+v));e.addTest=function(a,b){if(typeof a==\"object\")for(var d in a)x(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return;b=typeof b==\"boolean\"?b:!!b(),g.className+=\" \"+(b?\"\":\"no-\")+a,e[a]=b}return e},y(\"\"),j=l=null,a.attachEvent&&function(){var a=b.createElement(\"div\");a.innerHTML=\"<elem></elem>\";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b<g)a.createElement(f[b])}a.iepp=a.iepp||{};var d=a.iepp,e=d.html5elements||\"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video\",f=e.split(\"|\"),g=f.length,h=new RegExp(\"(^|\\\\s)(\"+e+\")\",\"gi\"),i=new RegExp(\"<(/*)(\"+e+\")\",\"gi\"),j=/^\\s*[\\{\\}]\\s*$/,k=new RegExp(\"(^|[^\\\\n]*?\\\\s)(\"+e+\")([^\\\\n]*)({[\\\\n\\\\w\\\\W]*?})\",\"gi\"),l=b.createDocumentFragment(),m=b.documentElement,n=m.firstChild,o=b.createElement(\"body\"),p=b.createElement(\"style\"),q=/print|all/,r;d.getCSS=function(a,b){if(a+\"\"===c)return\"\";var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,q.test(b)&&h.push(d.getCSS(g.imports,b),g.cssText),b=\"all\"}return h.join(\"\")},d.parseCSS=function(a){var b=[],c;while((c=k.exec(a))!=null)b.push(((j.exec(c[1])?\"\\n\":c[1])+c[2]+c[3]).replace(h,\"$1.iepp_$2\")+c[4]);return b.join(\"\\n\")},d.writeHTML=function(){var a=-1;r=r||b.body;while(++a<g){var c=b.getElementsByTagName(f[a]),d=c.length,e=-1;while(++e<d)c[e].className.indexOf(\"iepp_\")<0&&(c[e].className+=\" iepp_\"+f[a])}l.appendChild(r),m.appendChild(o),o.className=r.className,o.id=r.id,o.innerHTML=r.innerHTML.replace(i,\"<$1font\")},d._beforePrint=function(){p.styleSheet.cssText=d.parseCSS(d.getCSS(b.styleSheets,\"all\")),d.writeHTML()},d.restoreHTML=function(){o.innerHTML=\"\",m.removeChild(o),m.appendChild(r)},d._afterPrint=function(){d.restoreHTML(),p.styleSheet.cssText=\"\"},s(b),s(l);d.disablePP||(n.insertBefore(p,n.firstChild),p.media=\"print\",p.className=\"iepp-printshim\",a.attachEvent(\"onbeforeprint\",d._beforePrint),a.attachEvent(\"onafterprint\",d._afterPrint))}(a,b),e._version=d,e._prefixes=n,e._domPrefixes=o,e.mq=u,e.testProp=function(a){return C([a])},e.testAllProps=D,e.testStyles=t,g.className=g.className.replace(/\\bno-js\\b/,\"\")+(f?\" js \"+s.join(\" \"):\"\");return e}(this,this.document),function(a,b){function u(){r(!0)}a.respond={},respond.update=function(){},respond.mediaQueriesSupported=b;if(!b){var c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName(\"head\")[0]||d,k=j.getElementsByTagName(\"link\"),l=[],m=function(){var b=k,c=b.length,d=0,e,f,g,i;for(;d<c;d++)e=b[d],f=e.href,g=e.media,i=e.rel&&e.rel.toLowerCase()===\"stylesheet\",!!f&&i&&!h[f]&&(!/^([a-zA-Z]+?:(\\/\\/)?(www\\.)?)/.test(f)||f.replace(RegExp.$1,\"\").split(\"/\")[0]===a.location.host?l.push({href:f,media:g}):h[f]=!0);n()},n=function(){if(l.length){var a=l.shift();s(a.href,function(b){o(b,a.href,a.media),h[a.href]=!0,n()})}},o=function(a,b,c){var d=a.match(/@media[^\\{]+\\{([^\\{\\}]+\\{[^\\}\\{]+\\})+/gi),g=d&&d.length||0,b=b.substring(0,b.lastIndexOf(\"/\")),h=function(a){return a.replace(/(url\\()['\"]?([^\\/\\)'\"][^:\\)'\"]+)['\"]?(\\))/g,\"$1\"+b+\"$2$3\")},i=!g&&c,j=0,k,l,m,n,o;b.length&&(b+=\"/\"),i&&(g=1);for(;j<g;j++){k=0,i?(l=c,f.push(h(a))):(l=d[j].match(/@media ([^\\{]+)\\{([\\S\\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),n=l.split(\",\"),o=n.length;for(;k<o;k++)m=n[k],e.push({media:m.match(/(only\\s+)?([a-zA-Z]+)(\\sand)?/)&&RegExp.$2,rules:f.length-1,minw:m.match(/\\(min\\-width:[\\s]*([\\s]*[0-9]+)px[\\s]*\\)/)&&parseFloat(RegExp.$1),maxw:m.match(/\\(max\\-width:[\\s]*([\\s]*[0-9]+)px[\\s]*\\)/)&&parseFloat(RegExp.$1)})}r()},p,q,r=function(a){var b=\"clientWidth\",h=d[b],l=c.compatMode===\"CSS1Compat\"&&h||c.body[b]||h,m={},n=c.createDocumentFragment(),o=k[k.length-1],s=(new Date).getTime();if(a&&p&&s-p<i)clearTimeout(q),q=setTimeout(r,i);else{p=s;for(var t in e){var u=e[t];if(!u.minw&&!u.maxw||(!u.minw||u.minw&&l>=u.minw)&&(!u.maxw||u.maxw&&l<=u.maxw))m[u.media]||(m[u.media]=[]),m[u.media].push(f[u.rules])}for(var t in g)g[t]&&g[t].parentNode===j&&j.removeChild(g[t]);for(var t in m){var v=c.createElement(\"style\"),w=m[t].join(\"\\n\");v.type=\"text/css\",v.media=t,v.styleSheet?v.styleSheet.cssText=w:v.appendChild(c.createTextNode(w)),n.appendChild(v),g.push(v)}j.insertBefore(n,o.nextSibling)}},s=function(a,b){var c=t();if(!!c){c.open(\"GET\",a,!0),c.onreadystatechange=function(){c.readyState==4&&(c.status==200||c.status==304)&&b(c.responseText)};if(c.readyState==4)return;c.send()}},t=function(){var a=!1,b=[function(){return new ActiveXObject(\"Microsoft.XMLHTTP\")},function(){return new XMLHttpRequest}],c=b.length;while(c--){try{a=b[c]()}catch(d){continue}break}return function(){return a}}();m(),respond.update=m,a.addEventListener?a.addEventListener(\"resize\",u,!1):a.attachEvent&&a.attachEvent(\"onresize\",u)}}(this,Modernizr.mq(\"only all\")),function(a,b,c){function k(a){return!a||a==\"loaded\"||a==\"complete\"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement(\"script\"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c.readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.errorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement(\"link\"),d;c.href=a.s,c.rel=\"stylesheet\",c.type=\"text/css\";if(!a.e&&(w||r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.code==1e3||b.message==\"security\"||b.message==\"denied\"?(d=1,m(function(){j()},0)):e(a)}},0)};e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t==\"c\"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function(){u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display=\"none\"),l.width=l.height=\"0\",a!=\"object\"&&(l.type=d),l.onload=l.onreadystatechange=i,a==\"img\"?l.onerror=i:a==\"script\"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s?null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b==\"c\"?z:y;q=0,b=b||\"j\",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1&&g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName(\"script\")[0],o={}.toString,p=[],q=0,r=\"MozAppearance\"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a.opera)==\"[object Opera]\",w=\"webkitAppearance\"in l.style,x=w&&\"async\"in b.createElement(\"script\"),y=r?\"object\":v||x?\"img\":\"script\",z=w?\"img\":y,A=Array.isArray||function(a){return o.call(a)==\"[object Array]\"},B=function(a){return Object(a)===a},C=function(a){return typeof a==\"string\"},D=function(a){return o.call(a)==\"[object Function]\"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split(\"!\"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0;h<e;h++)g=F[b[h]],g&&(f=g(f));for(h=0;h<c;h++)f=E[h](f);return f}function e(a,b,e,g,h){var i=f(a),j=i.autoCallback;if(!i.bypass){b&&(b=D(b)?b:b[a]||b[g]||b[a.split(\"/\").pop().split(\"?\")[0]]);if(i.instead)return i.instead(a,b,e,g,h);e.load(i.url,i.forceCSS||!i.forceJS&&/css$/.test(i.url)?\"c\":c,i.noexec),(D(b)||D(j))&&e.load(function(){d(),b&&b(i.origUrl,h,g),j&&j(i.origUrl,h,g)})}}function b(a,b){function c(a){if(C(a))e(a,h,b,0,d);else if(B(a))for(i in a)a.hasOwnProperty(i)&&e(a[i],h,b,i,d)}var d=!!a.test,f=d?a.yep:a.nope,g=a.load||a.both,h=a.callback,i;c(f),c(g),a.complete&&b.load(a.complete)}var g,h,i=this.yepnope.loader;if(C(a))e(a,0,i,0);else if(A(a))for(g=0;g<a.length;g++)h=a[g],C(h)?e(h,0,i,0):A(h)?H(h):B(h)&&b(h,i);else B(a)&&b(a,i)},H.addPrefix=function(a,b){F[a]=b},H.addFilter=function(a){E.push(a)},H.errorTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState=\"loading\",b.addEventListener(\"DOMContentLoaded\",G=function(){b.removeEventListener(\"DOMContentLoaded\",G,0),b.readyState=\"complete\"},0)),a.yepnope=d()}(this,this.document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};"
  },
  {
    "path": "js/scripts.js",
    "content": "(function( $ ){\n\n\t// fullscreen gallery\n\tvar $fullscreen_gallery = jQuery('.fullscreen-gallery.gallery');\n\tif ( $fullscreen_gallery.length > 0 ) {\n\n\t\tif ( $fullscreen_gallery.find('.gallery-item').length > 1 ) { // if there are more than 1 image\n\t\t\t\n\t\t\tif ( !$fullscreen_gallery.hasClass('kenburns-gallery') ) {\t// do not initialize if kenburns\n\t\t\t\tjQuery('#footer').prepend('<nav id=\"gallerynav\"><a href=\"#\" class=\"thumbs\">\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\">\t<rect width=\"5\" height=\"5\" x=\"0\"   y=\"0\" /><rect width=\"5\" height=\"5\" x=\"8\" y=\"0\" /><rect width=\"5\" height=\"5\" x=\"0\" y=\"8\" /><rect width=\"5\" height=\"5\" x=\"8\" y=\"8\" /></svg></a><a href=\"#\" class=\"prev\">&lt;</a> <a href=\"#\" class=\"pause\">&#9614;&#9614;</a> <a href=\"#\" class=\"next\">&gt;</a></nav>');\n\n\t\t\t\t$fullscreen_gallery.before('<ul id=\"gallerythumbs\">').cycle({\n\t\t\t\t\tslideExpr: '.gallery-item',\n\t\t\t\t\tfx:        'fade', \n\t\t   \t\t\tspeed:     1000, \n\t\t\t\t\ttimeout:   5000,\n\t\t\t\t\tpager:   \t '#gallerythumbs', \n\t\t\t\t\tslideResize: true,\n\t\t\t\t\tcontainerResize: true,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tfit: 1,\n\t\t\t\t\tcleartypeNoBg : true,\n\t\t\t\t\tpagerAnchorBuilder: function(idx, slide) { \n\t\t\t\t\t   return '<li><a href=\"#\"><img src=\"' + jQuery(slide).find('img').attr('src') + '\" alt=\"\" /></a></li>'; \n\t\t\t\t\t},\n\t\t\t\t\tprev:    '#gallerynav .prev',\n\t\t\t  \t\tnext:    '#gallerynav .next'\n\t\t\t\t});\n\t\t\t\tvar paused = false;\n\t\t\t\tjQuery('#gallerynav .pause').on('click', function() { \n\t\t\t\t\tif ( !paused ) {\n\t\t\t\t\t\t$fullscreen_gallery.cycle('pause');\n\t\t\t\t\t\tpaused = true;\n\t\t\t\t\t} \n\t\t\t\t\telse {\n\t\t\t\t\t\t$fullscreen_gallery.cycle('resume'); \n\t\t\t\t\t\tpaused = false;\n\t\t\t\t\t}\n\t\t\t\t\tjQuery(this).toggleClass('active');\n\t\t\t\t});\n\t\t\t\t// show/hide thumbs\n\t\t\t\tvar revealed = false;\n\t\t\t\tjQuery('#gallerynav a.thumbs').on('click', function() { \t// if clicked on svg button\n\t\t\t\t\t// show thumbs wrapper\n\t\t\t\t\tjQuery('#gallerythumbs').toggleClass('reveal');\n\t\t\t\t\t// show thumbs\n\t\t\t\t\tif (!revealed) {\n\t\t\t\t\t\tjQuery('body').addClass('gallerythumbsrevealed');\n\t\t\t\t\t\trevealed = true;\n\t\t\t\t\t}\n\t\t\t\t\t// hide thumbs\n\t\t\t\t\telse {\n\t\t\t\t\t\tjQuery('body').removeClass('gallerythumbsrevealed');\n\t\t\t\t\t\trevealed = false;\n\t\t\t\t\t}\n\t\t\t\t\t// pause cycling\n\t\t\t\t\t$fullscreen_gallery.cycle('pause');\n\t\t\t\t\tpaused = true;\n\t\t\t\t});\n\t\t\t\tjQuery('#gallerythumbs').on('click', function() { // if clicked on a thumb (large image will be automatically shown) or somewhere else\n\t\t\t\t\t// hide thumbs wrapper\n\t\t\t\t\tjQuery('#gallerythumbs').toggleClass('reveal'); \n\t\t\t\t\tjQuery('body').removeClass('gallerythumbsrevealed');\n\t\t\t\t\t// resume cycling\n\t\t\t\t\t$fullscreen_gallery.cycle('resume'); \n\t\t\t\t\tpaused = false;\n\t\t\t\t\trevealed = false;\n\t\t\t\t});\n\t\t\t\t// scroll gallery thumbs with mousewheel\n\t\t\t\tjQuery('#gallerythumbs').on('mousewheel', function(event) {\n\t\t\t\t    if (event.deltaY < 0) { // scroll right\n\t\t\t\t\t\tjQuery('#gallerythumbs').stop().animate({scrollLeft: '+=180px' }, 300); \n\t\t\t\t    }\n\t\t\t\t    else {\n\t\t\t\t\t\tjQuery('#gallerythumbs').stop().animate({scrollLeft: '-=180px' }, 300); \n\t\t\t\t    }\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\n\n\n\t// kenburns on one featured image header image\n\tvar $kenburns = jQuery('.kenburns-gallery.gallery');\n\tif ( $kenburns.length > 0 ) {\n\t\tvar gallery_set = [];\n\t\t$kenburns.find('.gallery-icon img').each( function() {\n\t\t\tgallery_set.push(jQuery(this).attr('src'));\n\t\t});\n\n\t\tjQuery('#kenburns').attr('width', jQuery(window).width());\n\t\tjQuery('#kenburns').attr('height', jQuery(window).height());\n\t\tjQuery('#kenburns').kenburns({\n\t\t\timages: gallery_set,\n\t\t\tframes_per_second: 30,\n\t\t\tdisplay_time: 5000,\n\t\t\tfade_time: 1000,\n\t\t\tzoom: 1.2,\n\t\t\tbackground_color:'#F7F6F5'\n\t\t});\n\t}\n\n\t\n\t\n\t\n\t/* ********* WINDOW LOAD ********** */\n\tjQuery(window).load(function() {\n\t\n\t\t// load screen\n\t\tjQuery('.loadreveal').addClass('reveal');\n\t\tjQuery('#loadscreen').stop().animate( { opacity: 0 }, 200, function() {\n\t\t\tjQuery('body.home').removeClass('loading');\n\t\t\tjQuery(this).hide();\n\t\t});\n\t\n\t\n\t\t// masonry gallery\n\t\tvar $masonry_gallery = jQuery('.masonry-gallery.gallery');\n\t\tif ( $masonry_gallery.length > 0 ) {\n\n\t\t\t$masonry_gallery.each( function(index, element) {\n\t\t\t\tvar $masonry_items = $(element).find('.gallery-item');\n\t\t\t\n\t\t\t\t// set masonry layout\n\t\t\t\t$(element).isotope({\n\t\t\t\t\tmasonry: { columnWidth: $(element).find('.gallery-item')[0] },\n\t\t\t\t\titemSelector: '.gallery-item'\n\t\t\t\t});\n\t\t\t\t$(element).isotope('layout');\n\t\t\t\t\t\n\t\t\t\t// filtering\n\t\t\t\tjQuery('#gallery-filter li a').on('click', function(){\n\t\t\t\t\tjQuery('#gallery-filter li a').removeClass('active');\n\t\t\t\t\tjQuery(this).addClass('active');\n\t\t\t\t\tvar selector = jQuery(this).attr('data-filter');\n\t\t\t\t\t$masonry_gallery.isotope({ filter: selector });\n\t\t\t\t\treturn false;\n\t\t\t\t});\n\n\t\t\t\t// changing layout\n\t\t\t\tjQuery('#grid-changer li a').on('click', function(){\n\t\t\t\t\tjQuery('#grid-changer li a').removeClass('active');\n\t\t\t\t\tjQuery(this).toggleClass('active');\n\n\t\t\t\t\t$masonry_items.removeClass('col-3');\n\t\t\t\t\t$masonry_items.removeClass('col-4');\n\t\t\t\t\t$masonry_items.removeClass('col-5');\n\t\t\t\t\t$masonry_items.toggleClass(jQuery(this).closest('li').attr('class'));\n\t\t\t\t\t$masonry_gallery.isotope('layout');\n\t\t\t\t});\n\t\t\t\n\t\t\t});\n\t\t}\n\n\t\t\n\t\t// before-after\n\t\tvar $before_after = jQuery('.before-after.gallery');\n\t\tif ( $before_after.length > 0 ) {\n\t\t\t$before_after.imageReveal({\n\t\t\t\tbarWidth: 4,\n\t\t\t\ttouchBarWidth: 50,\n\t\t\t\tstartPosition: 0.5,\n\t\t\t\twidth: jQuery('.before-after img').width(),\n\t\t\t\theight:  jQuery('.before-after img').height()\n\t\t\t});\n\t\t}\n\n\t\t// changing blog layout\n\t\tvar $blog_layout = jQuery('#blog-timeline');\n\t\tif ( $blog_layout.length > 0 ) {\n\t\n\t\t\tjQuery('#grid-changer li a').on('click', function(){\n\t\t\t\tjQuery('#grid-changer li a').removeClass('active');\n\t\t\t\tjQuery(this).toggleClass('active');\n\n\t\t\t\t$blog_layout.closest('.wrapper').toggleClass('blog-masonry');\n\t\t\t\t\n\t\t\t\tif ( $blog_layout.closest('.wrapper').hasClass('blog-masonry') ) {\n\t\t\t\t\tjQuery('#blog-post').animate({'left': '100%'}, 400, function() {\n\t\t\t\t\t\t// set masonry layout\n\t\t\t\t\t\t$blog_layout.isotope({\n\t\t\t\t\t\t\tmasonry: { columnWidth: $blog_layout.find('article')[0], gutter: 60 },\n\t\t\t\t\t\t\titemSelector: 'article'\n\t\t\t\t\t\t});\n\t\t\t\t\t\t$blog_layout.isotope('layout');\n\t\t\t\t\t\tjQuery('#blog-post').hide();\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tjQuery('#blog-post').show().animate({'left': '0'}, 400 );\n\t\t\t\t\t$blog_layout.isotope('destroy');\n\t\t\t\t\t\n\t\t\t\t\tif ( $masonry_gallery.length > 0 ) {\n\t\t\t\t\t\t$masonry_gallery.isotope('layout');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t});\n\t\n\n} )( jQuery );\n"
  },
  {
    "path": "js/super-search.js",
    "content": "/* super-search\nAuthor: Kushagra Gour (http://kushagragour.in)\nMIT Licensed\n*/\n(function () {\n\tvar searchFile = '/feed.xml',\n\t\tsearchEl,\n\t\tsearchInputEl,\n\t\tsearchResultsEl,\n\t\tcurrentInputValue = '',\n\t\tlastSearchResultHash,\n\t\tposts = [];\n\n\t// Changes XML to JSON\n\t// Modified version from here: http://davidwalsh.name/convert-xml-json\n\tfunction xmlToJson(xml) {\n\t\t// Create the return object\n\t\tvar obj = {};\n\t\tif (xml.nodeType == 3) { // text\n\t\t\tobj = xml.nodeValue;\n\t\t}\n\n\t\t// do children\n\t\t// If all text nodes inside, get concatenated text from them.\n\t\tvar textNodes = [].slice.call(xml.childNodes).filter(function (node) { return node.nodeType === 3; });\n\t\tif (xml.hasChildNodes() && xml.childNodes.length === textNodes.length) {\n\t\t\tobj = [].slice.call(xml.childNodes).reduce(function (text, node) { return text + node.nodeValue; }, '');\n\t\t}\n\t\telse if (xml.hasChildNodes()) {\n\t\t\tfor(var i = 0; i < xml.childNodes.length; i++) {\n\t\t\t\tvar item = xml.childNodes.item(i);\n\t\t\t\tvar nodeName = item.nodeName;\n\t\t\t\tif (typeof(obj[nodeName]) == \"undefined\") {\n\t\t\t\t\tobj[nodeName] = xmlToJson(item);\n\t\t\t\t} else {\n\t\t\t\t\tif (typeof(obj[nodeName].push) == \"undefined\") {\n\t\t\t\t\t\tvar old = obj[nodeName];\n\t\t\t\t\t\tobj[nodeName] = [];\n\t\t\t\t\t\tobj[nodeName].push(old);\n\t\t\t\t\t}\n\t\t\t\t\tobj[nodeName].push(xmlToJson(item));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn obj;\n\t}\n\n\tfunction getPostsFromXml(xml) {\n\t\tvar json = xmlToJson(xml);\n\t\treturn json.channel.item;\n\t}\n\n\twindow.toggleSearch = function toggleSearch() {\n\t\tsearchEl.classList.toggle('is-active');\n\t\tif (searchEl.classList.contains('is-active')) {\n\t\t\t// while opening\n\t\t\tsearchInputEl.value = '';\n\t\t} else {\n\t\t\t// while closing\n\t\t\tsearchResultsEl.classList.add('is-hidden');\n\t\t}\n\t\tsetTimeout(function () {\n\t\t\tsearchInputEl.focus();\n\t\t}, 210);\n\t}\n\n\tfunction handleInput() {\n\t\tvar currentResultHash, d;\n\n\t\tcurrentInputValue = (searchInputEl.value + '').toLowerCase();\n\t\tif (!currentInputValue || currentInputValue.length < 3) {\n\t\t\tlastSearchResultHash = '';\n\t\t\tsearchResultsEl.classList.add('is-hidden');\n\t\t\treturn;\n\t\t}\n\t\tsearchResultsEl.style.offsetWidth;\n\n\t\tvar matchingPosts = posts.filter(function (post) {\n\t\t\tif ((post.title + '').toLowerCase().indexOf(currentInputValue) !== -1 || (post.description + '').toLowerCase().indexOf(currentInputValue) !== -1) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t});\n\t\tif (!matchingPosts.length) {\n\t\t\tsearchResultsEl.classList.add('is-hidden');\n\t\t}\n\t\tcurrentResultHash = matchingPosts.reduce(function(hash, post) { return post.title + hash; }, '');\n\t\tif (matchingPosts.length && currentResultHash !== lastSearchResultHash) {\n\t\t\tsearchResultsEl.classList.remove('is-hidden');\n\t\t\tsearchResultsEl.innerHTML = matchingPosts.map(function (post) {\n\t\t\t\td = new Date(post.pubDate);\n\t\t\t\treturn '<li><a href=\"' + post.link + '\">' + post.title + '<span class=\"super-search__result-date\">' + d.toUTCString().replace(/.*(\\d{2})\\s+(\\w{3})\\s+(\\d{4}).*/,'$2 $1, $3') + '</span></a></li>';\n\t\t\t}).join('');\n\t\t}\n\t\tlastSearchResultHash = currentResultHash;\n\t}\n\n\tfunction init(options) {\n\t\tsearchFile = options.searchFile || searchFile;\n\t\tsearchEl = document.querySelector(options.searchSelector || '#js-super-search');\n\t\tsearchInputEl = document.querySelector(options.inputSelector || '#js-super-search__input');\n\t\tsearchResultsEl = document.querySelector(options.resultsSelector || '#js-super-search__results');\n\n\t\tvar xmlhttp=new XMLHttpRequest();\n\t\txmlhttp.open('GET', searchFile);\n\t\txmlhttp.onreadystatechange = function () {\n\t\t\tif (xmlhttp.readyState != 4) return;\n\t\t\tif (xmlhttp.status != 200 && xmlhttp.status != 304) { return; }\n\t\t\tvar node = (new DOMParser).parseFromString(xmlhttp.responseText, 'text/xml');\n\t\t\tnode = node.children[0];\n\t\t\tposts = getPostsFromXml(node);\n\t\t}\n\t\txmlhttp.send();\n\n\t\t// Toggle on ESC key\n\t\twindow.addEventListener('keyup', function onKeyPress(e) {\n\t\t\tif (e.which === 27) {\n\t\t\t\ttoggleSearch();\n\t\t\t}\n\t\t});\n\t\t// Open on '/' key\n\t\twindow.addEventListener('keypress', function onKeyPress(e) {\n\t\t\tif (e.which === 47 && !searchEl.classList.contains('is-active')) {\n\t\t\t\ttoggleSearch();\n\t\t\t}\n\t\t});\n\n\t\tsearchInputEl.addEventListener('input', function onInputChange() {\n\t\t\thandleInput();\n\t\t});\n\t}\n\n\tinit.toggle = toggleSearch;\n\n\twindow.superSearch = init;\n\n})();\n"
  },
  {
    "path": "newsletter/index.html",
    "content": "<!doctype html>\n<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n\n<head>\n\n<link rel=\"shortcut icon\" href=\"../favicon.ico\" type=\"image/x-icon\">\n<link rel=\"icon\" href=\"../favicon.ico\" type=\"image/x-icon\">\n\n  <meta property=\"og:title\" content=\"newsletter\" />\n  <meta property=\"fb:page_id\" content=\"43929265776\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\" />\n  <!-- NAME: 1:2:1 COLUMN -->\n  <!--[if gte mso 15]>\n        <xml>\n            <o:OfficeDocumentSettings>\n            <o:AllowPNG/>\n            <o:PixelsPerInch>96</o:PixelsPerInch>\n            </o:OfficeDocumentSettings>\n        </xml>\n        <![endif]-->\n  <meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>NEWSLETTER</title>\n\n  <style type=\"text/css\">\n    p{\n    \t\t\tmargin:10px 0;\n    \t\t\tpadding:0;\n    \t\t}\n    \t\ttable{\n    \t\t\tborder-collapse:collapse;\n    \t\t}\n    \t\th1,h2,h3,h4,h5,h6{\n    \t\t\tdisplay:block;\n    \t\t\tmargin:0;\n    \t\t\tpadding:0;\n    \t\t}\n    \t\timg,a img{\n    \t\t\tborder:0;\n    \t\t\theight:auto;\n    \t\t\toutline:none;\n    \t\t\ttext-decoration:none;\n    \t\t}\n    \t\tbody,#bodyTable,#bodyCell{\n    \t\t\theight:100%;\n    \t\t\tmargin:0;\n    \t\t\tpadding:0;\n    \t\t\twidth:100%;\n    \t\t}\n    \t\t#outlook a{\n    \t\t\tpadding:0;\n    \t\t}\n    \t\timg{\n    \t\t\t-ms-interpolation-mode:bicubic;\n    \t\t}\n    \t\ttable{\n    \t\t\tmso-table-lspace:0pt;\n    \t\t\tmso-table-rspace:0pt;\n    \t\t}\n    \t\t.ReadMsgBody{\n    \t\t\twidth:100%;\n    \t\t}\n    \t\t.ExternalClass{\n    \t\t\twidth:100%;\n    \t\t}\n    \t\tp,a,li,td,blockquote{\n    \t\t\tmso-line-height-rule:exactly;\n    \t\t}\n    \t\ta[href^=tel],a[href^=sms]{\n    \t\t\tcolor:inherit;\n    \t\t\tcursor:default;\n    \t\t\ttext-decoration:none;\n    \t\t}\n    \t\tp,a,li,td,body,table,blockquote{\n    \t\t\t-ms-text-size-adjust:100%;\n    \t\t\t-webkit-text-size-adjust:100%;\n    \t\t}\n    \t\t.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{\n    \t\t\tline-height:100%;\n    \t\t}\n    \t\ta[x-apple-data-detectors]{\n    \t\t\tcolor:inherit !important;\n    \t\t\ttext-decoration:none !important;\n    \t\t\tfont-size:inherit !important;\n    \t\t\tfont-family:inherit !important;\n    \t\t\tfont-weight:inherit !important;\n    \t\t\tline-height:inherit !important;\n    \t\t}\n    \t\t#bodyCell{\n    \t\t\tpadding:10px;\n    \t\t}\n    \t\t.templateContainer{\n    \t\t\tmax-width:600px !important;\n    \t\t}\n    \t\ta.mcnButton{\n    \t\t\tdisplay:block;\n    \t\t}\n    \t\t.mcnImage{\n    \t\t\tvertical-align:bottom;\n    \t\t}\n    \t\t.mcnTextContent{\n    \t\t\tword-break:break-word;\n    \t\t}\n    \t\t.mcnTextContent img{\n    \t\t\theight:auto !important;\n    \t\t}\n    \t\t.mcnDividerBlock{\n    \t\t\ttable-layout:fixed !important;\n    \t\t}\n    \t\tbody,#bodyTable{\n    \t\t\tbackground-color:#000000;\n    \t\t}\n    \t\t#bodyCell{\n    \t\t\tborder-top:0;\n    \t\t}\n    \t\t.templateContainer{\n    \t\t\tborder:0;\n    \t\t}\n    \t\th1{\n    \t\t\tcolor:#202020;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:26px;\n    \t\t\tfont-style:normal;\n    \t\t\tfont-weight:bold;\n    \t\t\tline-height:125%;\n    \t\t\tletter-spacing:normal;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\th2{\n    \t\t\tcolor:#202020;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:22px;\n    \t\t\tfont-style:normal;\n    \t\t\tfont-weight:bold;\n    \t\t\tline-height:125%;\n    \t\t\tletter-spacing:normal;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\th3{\n    \t\t\tcolor:#202020;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:20px;\n    \t\t\tfont-style:normal;\n    \t\t\tfont-weight:bold;\n    \t\t\tline-height:125%;\n    \t\t\tletter-spacing:normal;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\th4{\n    \t\t\tcolor:#202020;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:18px;\n    \t\t\tfont-style:normal;\n    \t\t\tfont-weight:bold;\n    \t\t\tline-height:125%;\n    \t\t\tletter-spacing:normal;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\t#templatePreheader{\n    \t\t\tbackground-color:#111111;\n    \t\t\tborder-top:0;\n    \t\t\tborder-bottom:0;\n    \t\t\tpadding-top:0px;\n    \t\t\tpadding-bottom:9px;\n    \t\t}\n    \t\t#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{\n    \t\t\tcolor:#eeeeee;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:12px;\n    \t\t\tline-height:150%;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\t#templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a{\n    \t\t\tcolor:#656565;\n    \t\t\tfont-weight:normal;\n    \t\t\ttext-decoration:underline;\n    \t\t}\n    \t\t#templateHeader{\n    \t\t\tbackground-color:#111111;\n    \t\t\tborder-top:0;\n    \t\t\tborder-bottom:0;\n    \t\t\tpadding-top:9px;\n    \t\t\tpadding-bottom:0;\n    \t\t}\n    \t\t#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{\n    \t\t\tcolor:#202020;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:16px;\n    \t\t\tline-height:150%;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\t#templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a{\n    \t\t\tcolor:#2BAADF;\n    \t\t\tfont-weight:normal;\n    \t\t\ttext-decoration:underline;\n    \t\t}\n    \t\t#templateUpperBody{\n    \t\t\tbackground-color:#111111;\n    \t\t\tborder-top:0;\n    \t\t\tborder-bottom:0;\n    \t\t\tpadding-top:0;\n    \t\t\tpadding-bottom:0;\n    \t\t}\n    \t\t#templateUpperBody .mcnTextContent,#templateUpperBody .mcnTextContent p{\n    \t\t\tcolor:#eeeeee;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:16px;\n    \t\t\tline-height:150%;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\t#templateUpperBody .mcnTextContent a,#templateUpperBody .mcnTextContent p a{\n    \t\t\tcolor:#2BAADF;\n    \t\t\tfont-weight:normal;\n    \t\t\ttext-decoration:underline;\n    \t\t}\n    \t\t#templateColumns{\n    \t\t\tbackground-color:#111111;\n    \t\t\tborder-top:0;\n    \t\t\tborder-bottom:0;\n    \t\t\tpadding-top:0;\n    \t\t\tpadding-bottom:0;\n    \t\t}\n    \t\t#templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .mcnTextContent p{\n    \t\t\tcolor:#eeeeee;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:16px;\n    \t\t\tline-height:150%;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\t#templateColumns .columnContainer .mcnTextContent a,#templateColumns .columnContainer .mcnTextContent p a{\n    \t\t\tcolor:#2BAADF;\n    \t\t\tfont-weight:normal;\n    \t\t\ttext-decoration:none;\n    \t\t}\n    \t\t#templateLowerBody{\n    \t\t\tbackground-color:#111111;\n    \t\t\tborder-top:0;\n    \t\t\tborder-bottom:0;\n    \t\t\tpadding-top:0;\n    \t\t\tpadding-bottom:9px;\n    \t\t}\n    \t\t#templateLowerBody .mcnTextContent,#templateLowerBody .mcnTextContent p{\n    \t\t\tcolor:#202020;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:16px;\n    \t\t\tline-height:150%;\n    \t\t\ttext-align:left;\n    \t\t}\n    \t\t#templateLowerBody .mcnTextContent a,#templateLowerBody .mcnTextContent p a{\n    \t\t\tcolor:#2BAADF;\n    \t\t\tfont-weight:normal;\n    \t\t\ttext-decoration:underline;\n    \t\t}\n    \t\t#templateFooter{\n    \t\t\tbackground-color:#760824;\n    \t\t\tborder-top:0;\n    \t\t\tborder-bottom:0;\n    \t\t\tpadding-top:9px;\n    \t\t\tpadding-bottom:9px;\n    \t\t}\n    \t\t#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{\n    \t\t\tcolor:#eeeeee;\n    \t\t\tfont-family:Helvetica;\n    \t\t\tfont-size:12px;\n    \t\t\tline-height:150%;\n    \t\t\ttext-align:center;\n    \t\t}\n    \t\t#templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a{\n    \t\t\tcolor:#ffe2b8;\n    \t\t\tfont-weight:normal;\n    \t\t\ttext-decoration:underline;\n    \t\t}\n    \t@media only screen and (min-width:768px){\n    \t\t.templateContainer{\n    \t\t\twidth:600px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\tbody,table,td,p,a,li,blockquote{\n    \t\t\t-webkit-text-size-adjust:none !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\tbody{\n    \t\t\twidth:100% !important;\n    \t\t\tmin-width:100% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#bodyCell{\n    \t\t\tpadding-top:10px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.columnWrapper{\n    \t\t\tmax-width:100% !important;\n    \t\t\twidth:100% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnImage{\n    \t\t\twidth:100% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnCaptionTopContent,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer{\n    \t\t\tmax-width:100% !important;\n    \t\t\twidth:100% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnBoxedTextContentContainer{\n    \t\t\tmin-width:100% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnImageGroupContent{\n    \t\t\tpadding:9px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{\n    \t\t\tpadding-top:9px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnImageCardTopImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{\n    \t\t\tpadding-top:18px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnImageCardBottomImageContent{\n    \t\t\tpadding-bottom:9px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnImageGroupBlockInner{\n    \t\t\tpadding-top:0 !important;\n    \t\t\tpadding-bottom:0 !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnImageGroupBlockOuter{\n    \t\t\tpadding-top:9px !important;\n    \t\t\tpadding-bottom:9px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnTextContent,.mcnBoxedTextContentColumn{\n    \t\t\tpadding-right:18px !important;\n    \t\t\tpadding-left:18px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{\n    \t\t\tpadding-right:18px !important;\n    \t\t\tpadding-bottom:0 !important;\n    \t\t\tpadding-left:18px !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcpreview-image-uploader{\n    \t\t\tdisplay:none !important;\n    \t\t\twidth:100% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\th1{\n    \t\t\tfont-size:22px !important;\n    \t\t\tline-height:125% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\th2{\n    \t\t\tfont-size:20px !important;\n    \t\t\tline-height:125% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\th3{\n    \t\t\tfont-size:18px !important;\n    \t\t\tline-height:125% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\th4{\n    \t\t\tfont-size:16px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t.mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{\n    \t\t\tfont-size:14px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#templatePreheader{\n    \t\t\tdisplay:block !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{\n    \t\t\tfont-size:14px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{\n    \t\t\tfont-size:16px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#templateUpperBody .mcnTextContent,#templateUpperBody .mcnTextContent p{\n    \t\t\tfont-size:16px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .mcnTextContent p{\n    \t\t\tfont-size:16px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#templateLowerBody .mcnTextContent,#templateLowerBody .mcnTextContent p{\n    \t\t\tfont-size:16px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\t@media only screen and (max-width: 480px){\n    \t\t#templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{\n    \t\t\tfont-size:14px !important;\n    \t\t\tline-height:150% !important;\n    \t\t}\n    \n    }\n  </style>\n  <script type=\"text/javascript\">\n    var gaJsHost = ((\"https:\" == document.location.protocol) ? \"https://ssl.\" : \"http://www.\");\n            document.write(unescape(\"%3Cscript src='\" + gaJsHost + \"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E\"));\n  </script>\n  <script type=\"text/javascript\">\n    try {\n                var _gaq = _gaq || [];\n                _gaq.push([\"_setAccount\", \"UA-329148-88\"]);\n                _gaq.push([\"_setDomainName\", \".campaign-archive.com\"]);\n                _gaq.push([\"_trackPageview\"]);\n                _gaq.push([\"_setAllowLinker\", true]);\n            } catch(err) {console.log(err);}\n  </script>\n  <script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\"></script>\n    <script type=\"text/javascript\" src=\"{{ site.baseurl }}/newsletter/js/archivebar-desktop-plugins.js\" mc:nocompile></script>\n  <script src=\"{{ site.baseurl }}/newsletter/js/ZeroClipboard.min.js\" mc:nocompile></script>\n  <script src=\"{{ site.baseurl }}/newsletter/js/fancyzoom.mc.js\"></script>\n </head>\n\n<body id=\"archivebody\">\n<div id=\"awesomewrap\">\n    <div id=\"awesomeshare\">\n      <div id=\"zclipwrap\">         <div\n          id=\"zero_clipboard\"></div>\n    </div>\n    \n  </div>\n \n  </div>\n  <body style=\"height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #000000;\">\n    <center>\n      <table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" height=\"100%\" width=\"100%\" id=\"bodyTable\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;background-color: #000000;\">\n        <tr>\n          <td align=\"center\" valign=\"top\" id=\"bodyCell\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 10px;width: 100%;border-top: 0;\">\n            <!-- BEGIN TEMPLATE // -->\n            <!--[if gte mso 9]>\n\t\t\t\t\t\t<table align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"600\" style=\"width:600px;\">\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t<td align=\"center\" valign=\"top\" width=\"600\" style=\"width:600px;\">\n\t\t\t\t\t\t<![endif]-->\n            <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"templateContainer\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border: 0;max-width: 600px !important;\">\n              <tr>\n                <td valign=\"top\" id=\"templatePreheader\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #111111;border-top: 0;border-bottom: 0;padding-top: 0px;padding-bottom: 9px;\">\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnTextBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tbody class=\"mcnTextBlockOuter\">\n                      <tr>\n                        <td valign=\"top\" class=\"mcnTextBlockInner\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                          <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnTextContentContainer\">\n                            <tbody>\n                              <tr>\n\n                                <td valign=\"top\" class=\"mcnTextContent\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #eeeeee;font-family: Helvetica;font-size: 12px;line-height: 150%;text-align: left;\">\n\n                                  <div style=\"text-align: center;\">DAY/MONTH/YEAR | <a href=\"http://www.yoursite.com/newsletter/year-month-newsletter\" target=\"_blank\" style=\"color: #ffe2b8;font-weight: normal;text-decoration: underline;\">View in browser</a></div>\n\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              <tr>\n                <td valign=\"top\" id=\"templateHeader\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #111111;border-top: 0;border-bottom: 0;padding-top: 9px;padding-bottom: 0;\">\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tbody class=\"mcnImageBlockOuter\">\n                      <tr>\n                        <td valign=\"top\" style=\"padding: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                          <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                            <tbody>\n                              <tr>\n                                <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                                  <img align=\"center\" alt=\"\" src=\"../logo.png\" width=\"246\" style=\"max-width: 492px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                    class=\"mcnImage\">\n\n\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              <tr>\n                <td valign=\"top\" id=\"templateUpperBody\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #111111;border-top: 0;border-bottom: 0;padding-top: 0;padding-bottom: 0;\">\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tbody class=\"mcnImageBlockOuter\">\n                      <tr>\n                        <td valign=\"top\" style=\"padding: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                          <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                            <tbody>\n                              <tr>\n                                <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                  <img align=\"center\" alt=\"\" src=\"../newsletter/divider.jpg\" width=\"564\" style=\"max-width: 600px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                    class=\"mcnImage\">\n\n\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnBoxedTextBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <!--[if gte mso 9]>\n\t<table align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n\t<![endif]-->\n                    <tbody class=\"mcnBoxedTextBlockOuter\">\n                      <tr>\n                        <td valign=\"top\" class=\"mcnBoxedTextBlockInner\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                          <!--[if gte mso 9]>\n\t\t\t\t<td align=\"center\" valign=\"top\" \">\n\t\t\t\t<![endif]-->\n                          <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnBoxedTextContentContainer\">\n                            <tbody>\n                              <tr>\n\n                                <td style=\"padding-top: 9px;padding-left: 18px;padding-bottom: 9px;padding-right: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                                  <table border=\"0\" cellpadding=\"18\" cellspacing=\"0\" class=\"mcnTextContentContainer\" width=\"100%\" style=\"min-width: 100% !important;border: 5px double #730520;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                    <tbody>\n                                      <tr>\n                                        <td valign=\"top\" class=\"mcnTextContent\" style=\"color: #F2F2F2;font-family: Helvetica;font-size: 16px;font-style: normal;font-weight: normal;line-height: 125%;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;\">\n                                          <strong id=\"yui_3_16_0_ym18_1_1459022867742_2363\">Here is what's happening this week/month on 'YOURSITE'!</strong>\n                                        </td>\n                                      </tr>\n                                    </tbody>\n                                  </table>\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n                          <!--[if gte mso 9]>\n\t\t\t\t</td>\n\t\t\t\t<![endif]-->\n\n                          <!--[if gte mso 9]>\n                </tr>\n                </table>\n\t\t\t\t<![endif]-->\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                    <tbody class=\"mcnDividerBlockOuter\">\n                      <tr>\n                        <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                            <tbody>\n                              <tr>\n                                <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <span></span>\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n                          <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              <tr>\n                <td valign=\"top\" id=\"templateColumns\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #111111;border-top: 0;border-bottom: 0;padding-top: 0;padding-bottom: 0;\">\n                  <!--[if gte mso 9]>\n\t\t\t\t\t\t\t\t\t<table align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"600\" style=\"width:600px;\">\n\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td align=\"center\" valign=\"top\" width=\"300\" style=\"width:300px;\">\n\t\t\t\t\t\t\t\t\t<![endif]-->\n                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"300\" class=\"columnWrapper\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tr>\n                      <td valign=\"top\" class=\"columnContainer\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageBlockOuter\">\n                            <tr>\n                              <td valign=\"top\" style=\"padding: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                                <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                                        <a href=\"http://www.YOURSITE.com\" title=\"YOURSITE\" class=\"\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                          <img align=\"center\" alt=\"YOURSITE\" src=\"../newsletter/Camera-icon.png\" width=\"64\" style=\"max-width: 128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                            class=\"mcnImage\">\n                                        </a>\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl01.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"right\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl02.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageBlockOuter\">\n                            <tr>\n                              <td valign=\"top\" style=\"padding: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                                <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                                        <a href=\"http://www.YOURSITE.com\" title=\"YOURSITE\" class=\"\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                          <img align=\"center\" alt=\"YOURSITE\" src=\"../newsletter/Camera-icon.png\" width=\"64\" style=\"max-width: 128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                            class=\"mcnImage\">\n                                        </a>\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl03.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"right\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl04.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                  </table>\n                  <!--[if gte mso 9]>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t<td align=\"center\" valign=\"top\" width=\"300\" style=\"width:300px;\">\n\t\t\t\t\t\t\t\t\t<![endif]-->\n                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"300\" class=\"columnWrapper\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tr>\n                      <td valign=\"top\" class=\"columnContainer\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"right\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl05.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl06.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageBlockOuter\">\n                            <tr>\n                              <td valign=\"top\" style=\"padding: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                                <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                                        <a href=\"http://www.YOURSITE.com\" title=\"YOURSITE\" class=\"\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                          <img align=\"center\" alt=\"YOURSITE\" src=\"../newsletter/Camera-icon.png\" width=\"64\" style=\"max-width: 128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                            class=\"mcnImage\">\n                                        </a>\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"right\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl07.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageCardBlock\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageCardBlockOuter\">\n                            <tr>\n                              <td class=\"mcnImageCardBlockInner\" valign=\"top\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageCardTopContent\" width=\"100%\" style=\"border: 5px solid #730520;background-color: #404040;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnTextContent\" valign=\"top\" style=\"padding: 18px 18px 0px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;\"\n                                        width=\"246\">\n                                        <span style=\"font-size:14px\"><strong>Main Title</strong>.<br>\nSummary of the post.</span><br>\n                                        <span style=\"font-size:10px\"><strong><a href=\"http://post url here\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #2BAADF;font-weight: normal;text-decoration: none;\"><span style=\"color:#730520\">READ MORE</span></a>\n                                        </strong>\n                                        </span>\n                                      </td>\n                                    </tr>\n                                    <tr>\n                                      <td class=\"mcnImageCardTopImageContent\" align=\"left\" valign=\"top\" style=\"padding-top: 9px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                        <img alt=\"\" src=\"../newsletter/images/nl08.jpg\" width=\"254\" style=\"max-width: 513px;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;\"\n                                          class=\"mcnImage\">\n\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n\n\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnDividerBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;table-layout: fixed !important;\">\n                          <tbody class=\"mcnDividerBlockOuter\">\n                            <tr>\n                              <td class=\"mcnDividerBlockInner\" style=\"min-width: 100%;padding: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                <table class=\"mcnDividerContent\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-top-width: 2px;border-top-style: none;border-top-color: #EAEAEA;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                        <span></span>\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                                <!--            \n                <td class=\"mcnDividerBlockInner\" style=\"padding: 18px;\">\n                <hr class=\"mcnDividerContent\" style=\"border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;\" />\n-->\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                        <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                          <tbody class=\"mcnImageBlockOuter\">\n                            <tr>\n                              <td valign=\"top\" style=\"padding: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                                <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <tbody>\n                                    <tr>\n                                      <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                                        <a href=\"http://www.YOURSITE.com\" title=\"YOURSITE\" class=\"\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                          <img align=\"center\" alt=\"\" src=\"../newsletter/Camera-icon.png\" width=\"64\" style=\"max-width: 128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                            class=\"mcnImage\">\n                                        </a>\n\n                                      </td>\n                                    </tr>\n                                  </tbody>\n                                </table>\n                              </td>\n                            </tr>\n                          </tbody>\n                        </table>\n                      </td>\n                    </tr>\n                  </table>\n                  <!--[if gte mso 9]>\n\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t\t\t<![endif]-->\n                </td>\n              </tr>\n              <tr>\n                <td valign=\"top\" id=\"templateLowerBody\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #111111;border-top: 0;border-bottom: 0;padding-top: 0;padding-bottom: 9px;\">\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tbody class=\"mcnImageBlockOuter\">\n                      <tr>\n                        <td valign=\"top\" style=\"padding: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                          <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                            <tbody>\n                              <tr>\n                                <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                  <img align=\"center\" alt=\"\" src=\"../newsletter/divider.jpg\" width=\"300\" style=\"max-width: 600px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                    class=\"mcnImage\">\n\n\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n              <tr>\n                <td valign=\"top\" id=\"templateFooter\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #760824;border-top: 0;border-bottom: 0;padding-top: 9px;padding-bottom: 9px;\">\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnFollowBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tbody class=\"mcnFollowBlockOuter\">\n                      <tr>\n                        <td align=\"center\" valign=\"top\" style=\"padding: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnFollowBlockInner\">\n                          <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnFollowContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                            <tbody>\n                              <tr>\n                                <td align=\"center\" style=\"padding-left: 9px;padding-right: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnFollowContent\">\n                                    <tbody>\n                                      <tr>\n                                        <td align=\"center\" valign=\"top\" style=\"padding-top: 9px;padding-right: 9px;padding-left: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                          <table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                            <tbody>\n                                              <tr>\n                                                <td align=\"center\" valign=\"top\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                  <!--[if mso]>\n                                    <table align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n                                    <tr>\n                                    <![endif]-->\n\n                                                  <!--[if mso]>\n                                        <td align=\"center\" valign=\"top\">\n                                        <![endif]-->\n\n\n                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"display: inline;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                    <tbody>\n                                                      <tr>\n                                                        <td valign=\"top\" style=\"padding-right: 10px;padding-bottom: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnFollowContentItemContainer\">\n                                                          <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnFollowContentItem\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                            <tbody>\n                                                              <tr>\n                                                                <td align=\"left\" valign=\"middle\" style=\"padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                    <tbody>\n                                                                      <tr>\n\n                                                                        <td align=\"center\" valign=\"middle\" width=\"24\" class=\"mcnFollowIconContent\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                          <a href=\"http://www.facebook.com\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\"><img src=\"../newsletter/icons/facebook.png\" style=\"display: block;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                                                              height=\"24\" width=\"24\" class=\"\"></a>\n                                                                        </td>\n\n\n                                                                      </tr>\n                                                                    </tbody>\n                                                                  </table>\n                                                                </td>\n                                                              </tr>\n                                                            </tbody>\n                                                          </table>\n                                                        </td>\n                                                      </tr>\n                                                    </tbody>\n                                                  </table>\n\n                                                  <!--[if mso]>\n                                        </td>\n                                        <![endif]-->\n\n                                                  <!--[if mso]>\n                                        <td align=\"center\" valign=\"top\">\n                                        <![endif]-->\n\n\n                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"display: inline;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                    <tbody>\n                                                      <tr>\n                                                        <td valign=\"top\" style=\"padding-right: 10px;padding-bottom: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnFollowContentItemContainer\">\n                                                          <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnFollowContentItem\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                            <tbody>\n                                                              <tr>\n                                                                <td align=\"left\" valign=\"middle\" style=\"padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                    <tbody>\n                                                                      <tr>\n\n                                                                        <td align=\"center\" valign=\"middle\" width=\"24\" class=\"mcnFollowIconContent\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                          <a href=\"http://www.twitter.com/\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\"><img src=\"../newsletter/icons/twitter.png\" style=\"display: block;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                                                              height=\"24\" width=\"24\" class=\"\"></a>\n                                                                        </td>\n\n\n                                                                      </tr>\n                                                                    </tbody>\n                                                                  </table>\n                                                                </td>\n                                                              </tr>\n                                                            </tbody>\n                                                          </table>\n                                                        </td>\n                                                      </tr>\n                                                    </tbody>\n                                                  </table>\n\n                                                  <!--[if mso]>\n                                        </td>\n                                        <![endif]-->\n\n                                                  <!--[if mso]>\n                                        <td align=\"center\" valign=\"top\">\n                                        <![endif]-->\n\n\n                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"display: inline;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                    <tbody>\n                                                      <tr>\n                                                        <td valign=\"top\" style=\"padding-right: 10px;padding-bottom: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnFollowContentItemContainer\">\n                                                          <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnFollowContentItem\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                            <tbody>\n                                                              <tr>\n                                                                <td align=\"left\" valign=\"middle\" style=\"padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                    <tbody>\n                                                                      <tr>\n\n                                                                        <td align=\"center\" valign=\"middle\" width=\"24\" class=\"mcnFollowIconContent\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                          <a href=\"http://instagram.com\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\"><img src=\"../newsletter/icons/instagram.png\" style=\"display: block;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                                                              height=\"24\" width=\"24\" class=\"\"></a>\n                                                                        </td>\n\n\n                                                                      </tr>\n                                                                    </tbody>\n                                                                  </table>\n                                                                </td>\n                                                              </tr>\n                                                            </tbody>\n                                                          </table>\n                                                        </td>\n                                                      </tr>\n                                                    </tbody>\n                                                  </table>\n\n                                                  <!--[if mso]>\n                                        </td>\n                                        <![endif]-->\n\n                                                  <!--[if mso]>\n                                        <td align=\"center\" valign=\"top\">\n                                        <![endif]-->\n\n\n                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"display: inline;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                    <tbody>\n                                                      <tr>\n                                                        <td valign=\"top\" style=\"padding-right: 0;padding-bottom: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnFollowContentItemContainer\">\n                                                          <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnFollowContentItem\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                            <tbody>\n                                                              <tr>\n                                                                <td align=\"left\" valign=\"middle\" style=\"padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                  <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"\" style=\"border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                    <tbody>\n                                                                      <tr>\n\n                                                                        <td align=\"center\" valign=\"middle\" width=\"24\" class=\"mcnFollowIconContent\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                                                                          <a href=\"http://www.YOURSITE.com\" target=\"_blank\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\"><img src=\"../newsletter/icons/link.png\" style=\"display: block;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;\"\n                                                                              height=\"24\" width=\"24\" class=\"\"></a>\n                                                                        </td>\n\n\n                                                                      </tr>\n                                                                    </tbody>\n                                                                  </table>\n                                                                </td>\n                                                              </tr>\n                                                            </tbody>\n                                                          </table>\n                                                        </td>\n                                                      </tr>\n                                                    </tbody>\n                                                  </table>\n\n                                                  <!--[if mso]>\n                                        </td>\n                                        <![endif]-->\n\n                                                  <!--[if mso]>\n                                    </tr>\n                                    </table>\n                                    <![endif]-->\n                                                </td>\n                                              </tr>\n                                            </tbody>\n                                          </table>\n                                        </td>\n                                      </tr>\n                                    </tbody>\n                                  </table>\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnTextBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tbody class=\"mcnTextBlockOuter\">\n                      <tr>\n                        <td valign=\"top\" class=\"mcnTextBlockInner\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n                          <table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnTextContentContainer\">\n                            <tbody>\n                              <tr>\n\n                                <td valign=\"top\" class=\"mcnTextContent\" style=\"padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #eeeeee;font-family: Helvetica;font-size: 12px;line-height: 150%;text-align: center;\">\n\n                                  <em>Copyright &copy; 2016 'YOURSITE', All rights reserved.</em><br>\n                                  <br>\n                                  <a href=\"http://YOURSITE.us13.list-manage.com/profile?XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ffe2b8;font-weight: normal;text-decoration: underline;\">update your preferences</a>&nbsp;|&nbsp;\n                                  <a\n                                    href=\"http://YOURSITE.us13.list-manage.com/unsubscribe?XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX\" style=\"mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ffe2b8;font-weight: normal;text-decoration: underline;\">unsubscribe from this list</a><br>\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" class=\"mcnImageBlock\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                    <tbody class=\"mcnImageBlockOuter\">\n                      <tr>\n                        <td valign=\"top\" style=\"padding: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\" class=\"mcnImageBlockInner\">\n                          <table align=\"left\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"mcnImageContentContainer\" style=\"min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n                            <tbody>\n                              <tr>\n                                <td class=\"mcnImageContent\" valign=\"top\" style=\"padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;\">\n\n\n                                </td>\n                              </tr>\n                            </tbody>\n                          </table>\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </td>\n              </tr>\n            </table>\n            <!--[if gte mso 9]>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t\t<![endif]-->\n            <!-- // END TEMPLATE -->\n          </td>\n        </tr>\n      </table>\n    </center>\n  </body>\n</body>\n\n</html>"
  },
  {
    "path": "newsletter/js/archivebar-desktop-plugins.js",
    "content": "// https://github.com/jonrohan/ZeroClipboard\n// Simple Set Clipboard System\n// Author: Joseph Huckaby\n\nvar ZeroClipboard = {\n    \n    version: \"1.0.7\",\n    clients: {}, // registered upload clients on page, indexed by id\n    moviePath: 'ZeroClipboard.swf', // URL to movie\n    nextId: 1, // ID of next movie\n    \n    $: function(thingy) {\n        // simple DOM lookup utility function\n        if (typeof(thingy) == 'string') thingy = document.getElementById(thingy);\n        if (!thingy.addClass) {\n            // extend element with a few useful methods\n            thingy.hide = function() { this.style.display = 'none'; };\n            thingy.show = function() { this.style.display = ''; };\n            thingy.addClass = function(name) { this.removeClass(name); this.className += ' ' + name; };\n            thingy.removeClass = function(name) {\n                var classes = this.className.split(/\\s+/);\n                var idx = -1;\n                for (var k = 0; k < classes.length; k++) {\n                    if (classes[k] == name) { idx = k; k = classes.length; }\n                }\n                if (idx > -1) {\n                    classes.splice( idx, 1 );\n                    this.className = classes.join(' ');\n                }\n                return this;\n            };\n            thingy.hasClass = function(name) {\n                return !!this.className.match( new RegExp(\"\\\\s*\" + name + \"\\\\s*\") );\n            };\n        }\n        return thingy;\n    },\n    \n    setMoviePath: function(path) {\n        // set path to ZeroClipboard.swf\n        this.moviePath = path;\n    },\n    \n    dispatch: function(id, eventName, args) {\n        // receive event from flash movie, send to client       \n        var client = this.clients[id];\n        if (client) {\n            client.receiveEvent(eventName, args);\n        }\n    },\n    \n    register: function(id, client) {\n        // register new client to receive events\n        this.clients[id] = client;\n    },\n    \n    getDOMObjectPosition: function(obj, stopObj) {\n        // get absolute coordinates for dom element\n        var info = {\n            left: 0, \n            top: 0, \n            width: obj.width ? obj.width : obj.offsetWidth, \n            height: obj.height ? obj.height : obj.offsetHeight\n        };\n\n        while (obj && (obj != stopObj)) {\n            info.left += obj.offsetLeft;\n            info.top += obj.offsetTop;\n            obj = obj.offsetParent;\n        }\n\n        return info;\n    },\n    \n    Client: function(elem) {\n        // constructor for new simple upload client\n        this.handlers = {};\n        \n        // unique ID\n        this.id = ZeroClipboard.nextId++;\n        this.movieId = 'ZeroClipboardMovie_' + this.id;\n        \n        // register client with singleton to receive flash events\n        ZeroClipboard.register(this.id, this);\n        \n        // create movie\n        if (elem) this.glue(elem);\n    }\n};\n\nZeroClipboard.Client.prototype = {\n    \n    id: 0, // unique ID for us\n    ready: false, // whether movie is ready to receive events or not\n    movie: null, // reference to movie object\n    clipText: '', // text to copy to clipboard\n    handCursorEnabled: true, // whether to show hand cursor, or default pointer cursor\n    cssEffects: true, // enable CSS mouse effects on dom container\n    handlers: null, // user event handlers\n    \n    glue: function(elem, appendElem, stylesToAdd) {\n        // glue to DOM element\n        // elem can be ID or actual DOM element object\n        this.domElement = ZeroClipboard.$(elem);\n        \n        // float just above object, or zIndex 99 if dom element isn't set\n        var zIndex = 99;\n        if (this.domElement.style.zIndex) {\n            zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;\n        }\n        \n        if (typeof(appendElem) == 'string') {\n            appendElem = ZeroClipboard.$(appendElem);\n        }\n        else if (typeof(appendElem) == 'undefined') {\n            appendElem = document.getElementsByTagName('body')[0];\n        }\n        \n        // find X/Y position of domElement\n        var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem);\n        \n        // create floating DIV above element\n        this.div = document.createElement('div');\n        var style = this.div.style;\n        style.position = 'absolute';\n        style.left = '' + box.left + 'px';\n        style.top = '' + box.top + 'px';\n        style.width = '' + box.width + 'px';\n        style.height = '' + box.height + 'px';\n        style.zIndex = zIndex;\n        \n        if (typeof(stylesToAdd) == 'object') {\n            for (addedStyle in stylesToAdd) {\n                style[addedStyle] = stylesToAdd[addedStyle];\n            }\n        }\n        \n        // style.backgroundColor = '#f00'; // debug\n        \n        appendElem.appendChild(this.div);\n        \n        this.div.innerHTML = this.getHTML( box.width, box.height );\n    },\n    \n    getHTML: function(width, height) {\n        // return HTML for movie\n        var html = '';\n        var flashvars = 'id=' + this.id + \n            '&width=' + width + \n            '&height=' + height;\n            \n        if (navigator.userAgent.match(/MSIE/)) {\n            // IE gets an OBJECT tag\n            var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';\n            html += '<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"'+protocol+'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"'+width+'\" height=\"'+height+'\" id=\"'+this.movieId+'\" align=\"middle\"><param name=\"allowScriptAccess\" value=\"always\" /><param name=\"allowFullScreen\" value=\"false\" /><param name=\"movie\" value=\"'+ZeroClipboard.moviePath+'\" /><param name=\"loop\" value=\"false\" /><param name=\"menu\" value=\"false\" /><param name=\"quality\" value=\"best\" /><param name=\"bgcolor\" value=\"#ffffff\" /><param name=\"flashvars\" value=\"'+flashvars+'\"/><param name=\"wmode\" value=\"transparent\"/></object>';\n        }\n        else {\n            // all other browsers get an EMBED tag\n            html += '<embed id=\"'+this.movieId+'\" src=\"'+ZeroClipboard.moviePath+'\" loop=\"false\" menu=\"false\" quality=\"best\" bgcolor=\"#ffffff\" width=\"'+width+'\" height=\"'+height+'\" name=\"'+this.movieId+'\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" flashvars=\"'+flashvars+'\" wmode=\"transparent\" />';\n        }\n        return html;\n    },\n    \n    hide: function() {\n        // temporarily hide floater offscreen\n        if (this.div) {\n            this.div.style.left = '-2000px';\n        }\n    },\n    \n    show: function() {\n        // show ourselves after a call to hide()\n        this.reposition();\n    },\n    \n    destroy: function() {\n        // destroy control and floater\n        if (this.domElement && this.div) {\n            this.hide();\n            this.div.innerHTML = '';\n            \n            var body = document.getElementsByTagName('body')[0];\n            try { body.removeChild( this.div ); } catch(e) {;}\n            \n            this.domElement = null;\n            this.div = null;\n        }\n    },\n    \n    reposition: function(elem) {\n        // reposition our floating div, optionally to new container\n        // warning: container CANNOT change size, only position\n        if (elem) {\n            this.domElement = ZeroClipboard.$(elem);\n            if (!this.domElement) this.hide();\n        }\n        \n        if (this.domElement && this.div) {\n            var box = ZeroClipboard.getDOMObjectPosition(this.domElement);\n            var style = this.div.style;\n            style.left = '' + box.left + 'px';\n            style.top = '' + box.top + 'px';\n        }\n    },\n    \n    setText: function(newText) {\n        // set text to be copied to clipboard\n        this.clipText = newText;\n        if (this.ready) this.movie.setText(newText);\n    },\n    \n    addEventListener: function(eventName, func) {\n        // add user event listener for event\n        // event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel\n        eventName = eventName.toString().toLowerCase().replace(/^on/, '');\n        if (!this.handlers[eventName]) this.handlers[eventName] = [];\n        this.handlers[eventName].push(func);\n    },\n    \n    setHandCursor: function(enabled) {\n        // enable hand cursor (true), or default arrow cursor (false)\n        this.handCursorEnabled = enabled;\n        if (this.ready) this.movie.setHandCursor(enabled);\n    },\n    \n    setCSSEffects: function(enabled) {\n        // enable or disable CSS effects on DOM container\n        this.cssEffects = !!enabled;\n    },\n    \n    receiveEvent: function(eventName, args) {\n        // receive event from flash\n        eventName = eventName.toString().toLowerCase().replace(/^on/, '');\n                \n        // special behavior for certain events\n        switch (eventName) {\n            case 'load':\n                // movie claims it is ready, but in IE this isn't always the case...\n                // bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function\n                this.movie = document.getElementById(this.movieId);\n                if (!this.movie) {\n                    var self = this;\n                    setTimeout( function() { self.receiveEvent('load', null); }, 1 );\n                    return;\n                }\n                \n                // firefox on pc needs a \"kick\" in order to set these in certain cases\n                if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {\n                    var self = this;\n                    setTimeout( function() { self.receiveEvent('load', null); }, 100 );\n                    this.ready = true;\n                    return;\n                }\n                \n                this.ready = true;\n                this.movie.setText( this.clipText );\n                this.movie.setHandCursor( this.handCursorEnabled );\n                break;\n            \n            case 'mouseover':\n                if (this.domElement && this.cssEffects) {\n                    this.domElement.addClass('hover');\n                    if (this.recoverActive) this.domElement.addClass('active');\n                }\n                break;\n            \n            case 'mouseout':\n                if (this.domElement && this.cssEffects) {\n                    this.recoverActive = false;\n                    if (this.domElement.hasClass('active')) {\n                        this.domElement.removeClass('active');\n                        this.recoverActive = true;\n                    }\n                    this.domElement.removeClass('hover');\n                }\n                break;\n            \n            case 'mousedown':\n                if (this.domElement && this.cssEffects) {\n                    this.domElement.addClass('active');\n                }\n                break;\n            \n            case 'mouseup':\n                if (this.domElement && this.cssEffects) {\n                    this.domElement.removeClass('active');\n                    this.recoverActive = false;\n                }\n                break;\n        } // switch eventName\n        \n        if (this.handlers[eventName]) {\n            for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) {\n                var func = this.handlers[eventName][idx];\n            \n                if (typeof(func) == 'function') {\n                    // actual function reference\n                    func(this, args);\n                }\n                else if ((typeof(func) == 'object') && (func.length == 2)) {\n                    // PHP style object + method, i.e. [myObject, 'myMethod']\n                    func[0][ func[1] ](this, args);\n                }\n                else if (typeof(func) == 'string') {\n                    // name of function\n                    window[func](this, args);\n                }\n            } // foreach event handler defined\n        } // user defined handler for event\n    }\n    \n};"
  },
  {
    "path": "newsletter/js/fancyzoom.mc.js",
    "content": "var divsSeen = [];// store the divs we've already handled\nvar currentlyVisible = null;// one zoomy at a time\n\n(function($){\n$.fn.fancyZoom = function(options){\n  var options   = options || {};\n  var directory = options && options.directory ? ;\n  var zooming   = false;\n\n  \n  var zoom_id = options.zoom_id ? options.zoom_id : 'zoom';\n  if ($('#' + zoom_id).length == 0) {\n    var ext = $.browser.msie ? 'gif' : 'png';\n    var html = '<div id=\"' + zoom_id + '\" style=\"display:none;\"> \\\n                  <div id=\"' + zoom_id + '_content\"> \\\n                  </div> \\\n                  <a href=\"#\" title=\"Close\" id=\"' + zoom_id + '_close\">Close</a> \\\n                </div>';\n\n    $('body').append(html);\n\n    $('html').click(function(e){if($(e.target).parents('#' + zoom_id + ':visible').length == 0) hide();});\n    $(document).keyup(function(event){\n        if (event.keyCode == 27 && $('#' + zoom_id + ':visible').length > 0) hide();\n    });\n\n    $('#' + zoom_id + '_close').click(hide);\n  }\n  \n  var zoom = $('#' + zoom_id);\n\tvar zoom_table = $('#' + zoom_id + '_table');\n\tvar zoom_close = $('#' + zoom_id + '_close');\n\tvar zoom_content = $('#' + zoom_id + '_content');\n\tvar middle_row = $('td.ml,td.mm,td.mr');\n\n\tthis.each(function(i) {\n\t\t$($(this).attr('href')).hide();\n\t\t$(this).click(show);\n\t});\n\t\n\n\treturn this;\n\n\tfunction show(e) {\n\t\te.preventDefault();\n\t\tif (zooming)\n\t\t\treturn false;\n\t\t\n\t\tvar hrefAttr = $(this).attr('href');\n\t\tvar seenAlready = false;\n\t\tfor (var i = 0; i < divsSeen.length; i++) {\n\t\t\tif (divsSeen[i] == hrefAttr) {\n\t\t\t\tseenAlready = true;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\t\n\t\tif (currentlyVisible != null && currentlyVisible != zoom) {\n\t\t\t$(currentlyVisible).hide();\n\t\t}\n\t\t\n\t\tvar render = !options.persist || !seenAlready;\n\t\t\n\t\tzooming = true;\n\t\tvar content_div = $($(this).attr('href'));\n\t\tvar zoom_width = options.width;\n\t\tvar zoom_height = options.height;\n        var iframe_height = options.iframe_height ? options.iframe_height : '200';\n\t\tvar href = $(this).attr('href');\n\t\tvar width = window.innerWidth\n\t\t\t\t|| (window.document.documentElement.clientWidth || window.document.body.clientWidth);\n\t\tvar height = window.innerHeight\n\t\t\t\t|| (window.document.documentElement.clientHeight || window.document.body.clientHeight);\n\t\tvar x = window.pageXOffset\n\t\t\t\t|| (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);\n\t\tvar y = window.pageYOffset\n\t\t\t\t|| (window.document.documentElement.scrollTop || window.document.body.scrollTop);\n\t\tvar window_size = {\n\t\t\t'width' : width,\n\t\t\t'height' : height,\n\t\t\t'x' : x,\n\t\t\t'y' : y\n\t\t}\n\t\tvar width = (zoom_width || content_div.width()) + 60;\n\t\tvar height = (zoom_height || content_div.height()) + 60;\n\t\tvar d = window_size;\n\t\t\n\n\t\t// ensure that newTop is at least 0 so it doesn't hide close button\n\t\tif (window.top!=window.self){\n    \t\tvar newTop = e.currentTarget.clientX;\n    \t\tvar newLeft = e.currentTarget.clientY;\n\t\t} else {\n    \t\tvar newTop = Math.max((d.height / 2) - (height / 2) + y, 0);\n    \t\tvar newLeft = (d.width / 2) - (width / 2);\n\t\t}\n\t\tvar curTop = e.pageY ? e.pageY : 0;// IE says boo to pageY\n\t\tvar curLeft = e.pageX ? e.pageX : 0;// IE says boo to pageX\n\n\t\tzoom_close.attr('curTop', curTop);\n\t\tzoom_close.attr('curLeft', curLeft);\n\t\tzoom_close.attr('scaleImg', options.scaleImg ? 'true' : 'false');\n\t\t\n\t\tzoom.hide().css( {\n\t\t\tposition : 'absolute',\n\t\t\ttop : curTop + 'px',\n\t\t\tleft : curLeft + 'px',\n\t\t\twidth : '1px',\n\t\t\theight : '1px'\n\t\t});\n\t\t\n\t\tzoom_close.hide();\n\n\t\tif (options.closeOnClick) {\n\t\t\tzoom.click(hide);\n\t\t}\n\t\t\n\t\tif ($(this).attr('href').indexOf('http') != -1) {\n\t\t\tvar iframe = true;\n\t\t}\n\n\t\tif (render) {\n\t\t\tif (options.scaleImg) {\n\t\t\t\tif (iframe == true) {\n\t\t\t\t\tzoom_content\n\t\t\t\t\t\t\t.html('<iframe src=\"' + href + '\" width=\"100%\" height=\"' + iframe_height + '\" style=\"overflow:hidden; width:100%; height:'+iframe_height+'px;\"></iframe>');\n\t\t\t\t} else {\n\t\t\t\t\tzoom_content.html(content_div.html());\n\t\t\t\t}\n\t\t\t\t$('#zoom_content img').css('width', '100%');\n\t\t\t} else {\n\t\t\t\tif (!options.persist) {\n\t\t\t\t\tvar content_children = zoom_content.children();\n\t\t\t\t\tfor (var i = 0; i < content_children.length; i++) {\n\t\t\t\t\t\t$(zoom_content.attr('rel')).append(content_children[i]);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tzoom\n\t\t\t\t.animate(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttop : newTop + 'px',\n\t\t\t\t\t\t\tleft : newLeft + 'px',\n\t\t\t\t\t\t\topacity : \"show\",\n\t\t\t\t\t\t\twidth : width,\n\t\t\t\t\t\t\theight : height,\n\t\t\t\t\t\t\t'z-index' : '99999'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t150,\n\t\t\t\t\t\tnull,\n\t\t\t\t\t\tfunction() {\n\t\t\t\t\t\t\tif (options.scaleImg != true) {\n\t\t\t\t\t\t\t\tif (iframe == true) {\n\t\t\t\t\t\t\t\t\tzoom_content\n\t\t\t\t\t\t\t\t\t\t\t.html('<iframe src=\"' + href + '\" frameborder=\"0\" scrolling=\"no\" allowTransparency=\"true\" width=\"100%\" height=\"'+iframe_height+'\" style=\"overflow:hidden; width:100%; height:'+iframe_height+'px;\"></iframe>');\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tif (render) {\n\t\t\t\t\t\t\t\t\t\tvar content_children = content_div.children();\n\t\t\t\t\t\t\t\t\t\tfor (var i = 0; i < content_children.length; i++) {\n\t\t\t\t\t\t\t\t\t\t\tzoom_content.append(content_children[i]);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tif (!seenAlready) {\n\t\t\t\t\t\t\t\t\t\t\tif (options.firstTimeCallback) { options.firstTimeCallback(); }\n\t\t\t\t\t\t\t\t\t\t\tdivsSeen[divsSeen.length] = hrefAttr;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tzoom_content.attr('rel',hrefAttr);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tzoom_close.show();\n\t\t\t\t\t\t\tzooming = false;\n\t\t\t\t\t\t});\n\t\tcurrentlyVisible = zoom;\n\t\treturn false;\n\t}\n\n\tfunction hide() {\n\t\tif (zooming)\n\t\t\treturn false;\n\t\tzooming = true;\n\t\tzoom.unbind('click');\n\t\tif (zoom_close.attr('scaleImg') != 'true') {\n\t\t\tif (!options.persist) {\n\t\t\t\tvar content_children = zoom_content.children();\n\t\t\t\tfor (var i = 0; i < content_children.length; i++) {\n\t\t\t\t\t$(zoom_content.attr('rel')).append(content_children[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tzoom_close.hide();\n\t\tzoom.animate( {\n\t\t\ttop : zoom_close.attr('curTop') + 'px',\n\t\t\tleft : zoom_close.attr('curLeft') + 'px',\n\t\t\topacity : \"hide\",\n\t\t\twidth : '1px',\n\t\t\theight : '1px'\n\t\t}, 150, null, function() {\n\t\t\tif (zoom_close.attr('scaleImg') == 'true') {\n\t\t\t\tzoom_content.html('');\n\t\t\t}\n\t\t\tzooming = false;\n\t\t});\n\t\tcurrentlyVisible = null;\n\t\treturn false;\n\t}\n\n\t};\n})(jQuery);"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"photorama\",\n  \"version\": \"1.0.0\",\n  \"description\": \"Theme by [Start Bootstrap](http://startbootstrap.com/).\",\n  \"main\": \"Gruntfile.js\",\n  \"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n  },\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/sunbliss/photorama.git\"\n  },\n  \"author\": \"Anna Prigkipaki\",\n  \"license\": \"Apache-2.0\",\n  \"bugs\": {\n    \"url\": \"https://github.com/sunbliss/photorama/issues\"\n  },\n  \"homepage\": \"http://sunbliss.github.io\",\n  \"dependencies\": {\n    \"searchkit\": \"^0.7.0\"\n  }\n}\n"
  },
  {
    "path": "search.html",
    "content": "---\nlayout: page\ntitle: Search\ndescription: \"What are you looking for?\"\nheader-img: \"img/archive-bg.jpg\"\npermalink: /search/\n---\n\n\n<style type=\"text/css\">\n            \n      #search-input {\n        display: inline-block;\n        color: #008989;\n        background-color: #12161d;\n        border-color: #223333;\n        padding: .5em;\n        width: 100%;\n        font-size: 0.8em;\n      }\n        \n         #search-input:focus {\n        display: inline-block;\n        color: #ddd;\n        background-color: #12161d;\n        border-color: #223333;\n        border-width: thick;\n        border-style: outset;\n        box-shadow: -1px 1px 5px 5px #008989;\n        outline: 0;\n        width: 100%;\n        font-size: 0.8em;\n              }\n\n    </style>\n\n<!-- Html Elements for Search -->\n<input type=\"text\" id=\"search-input\" placeholder=\"Enter keywords...\">\n<ul id=\"results-container\" style=\"list-style-type: none;\"></ul>    \n\n<!-- Script pointing to jekyll-search.js -->\n<script src=\"{{ site.baseurl }}/js/jekyll-search.js\" type=\"text/javascript\"></script>\n\n\n    <script type=\"text/javascript\">\n      SimpleJekyllSearch({\n        searchInput: document.getElementById('search-input'),\n        resultsContainer: document.getElementById('results-container'),\n        json: '{{ site.baseurl }}/search.json',\n        searchResultTemplate: '<li><a href=\"{url}\" title=\"{desc}\">{title}</a></li>',\n        noResultsText: 'No results found',\n        limit: 10,\n        fuzzy: true,\n        exclude: ['Welcome']\n      })\n    </script>\n\n<br>\n  <div id=\"tags\">\n  \t<h5>tag cloud</h5>\n   {% assign tags = site.tags | sort %}\n{% for tag in tags %}\n <span class=\"site-tag\">\n    <a href=\"{{ site.baseurl }}/journal/tag/{{ tag | first | slugify }}/\"\n        style=\"font-size: {{ tag | last | size  |  times: 4 | plus: 80  }}%\">\n            {{ tag[0] | replace:'-', ' ' }} ({{ tag | last | size }})\n    </a>\n</span>{% unless forloop.last %}&nbsp;{% endunless %}{% endfor %}\n\n</div>\n\n\n<style>\n.site-tag a {\n    display: inline-block;\n    margin-right: 12px;\n}\n</style>\n\n<br>\n  <div id=\"categories\">\n  \t<h5>categories</h5>\n   {% assign categories = site.categories | sort %}\n{% for category in categories %}\n <span class=\"site-category\">\n    <a href=\"{{ site.baseurl }}/journal/category/{{ category | first | slugify }}/\">\n            {{ category[0] | replace:'-', ' ' }} ({{ category | last | size }})\n    </a>\n</span>{% unless forloop.last %}&nbsp;{% endunless %}{% endfor %}\n\n</div>\n\n\n<br>\n<h6>Image Source: <a href=\"https://unsplash.com/photos/I_LgQ8JZFGE\">UNSPLASH</a>\n\n\n<style>\n.site-category a {\n    display: inline-block;\n    margin-right: 12px;\n}\n</style>\n\n\n\n"
  },
  {
    "path": "search.json",
    "content": "---\n---\n[\n  {% for post in site.posts %}\n    {\n      \"title\"    : \"{{ post.title | escape }}\",\n      \"category\" : \"{{ post.category }}\",\n      \"tags\"     : \"{{ post.tags | join: ', ' }}\",\n      \"url\"      : \"{{ site.baseurl }}{{ post.url }}\",\n      \"date\"     : \"{{ post.date }}\",\n      \"content\"   : {{ page.content | jsonify }}\n    } {% unless forloop.last %},{% endunless %}\n  {% endfor %}\n  ,\n  {% for page in site.pages %}\n   {\n     {% if page.title != nil %}\n        \"title\"    : \"{{ page.title | escape }}\",\n        \"category\" : \"{{ page.category }}\",\n        \"tags\"     : \"{{ page.tags | join: ', ' }}\",\n        \"url\"      : \"{{ site.baseurl }}{{ page.url }}\",\n        \"date\"     : \"{{ page.date }}\",\n        \"content\"   : {{ page.content | jsonify }}\n     {% endif %}\n   } {% unless forloop.last %},{% endunless %}\n  {% endfor %}\n]"
  }
]