<link rel="import" href="../../bower_components/polymer/polymer.html">

<link rel="import" href="../../bower_components/paper-styles/typography.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html">

<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="../../bower_components/iron-scroll-threshold/iron-scroll-threshold.html">

<link rel="import" href="../most-recent-card/most-recent-card.html">

<dom-module id="most-recent-gallery">
  <template id="ciao">
    <style include="shared-styles iron-flex iron-flex-alignment">

      :host {
        display: block;
      }

    </style>

    <div class="layout horizontal center center-justified wrap" id="gallery">

    </div>

  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'most-recent-gallery',

        ready: function() {

          this.loadMoreImages();

        },

        loadMoreImages: function() {

          var gallery = this.$.gallery;

          for ( var i = 0; i < 30; i++ ) {
            var card = document.createElement("most-recent-card");
            gallery.appendChild(card);
          }
        }
      });
    })();
  </script>
</dom-module>

<link rel="import" href="../../bower_components/polymer/polymer.html">

<link rel="import" href="../../bower_components/paper-styles/typography.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html">

<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="../../bower_components/iron-scroll-threshold/iron-scroll-threshold.html">

<link rel="import" href="../most-recent-card/most-recent-card.html">

<dom-module id="most-recent-gallery">
  <template>
    <style include="shared-styles iron-flex iron-flex-alignment">

      :host {
        display: block;
      }

    </style>

    <div class="layout horizontal center center-justified wrap" id="gallery">

    </div>

  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'most-recent-gallery',

        ready: function() {

          this.loadMoreImages();

        },

        loadMoreImages: function() {

          var gallery = this.$.gallery;

          for ( var i = 0; i < 30; i++ ) {
            var card = document.createElement("most-recent-card");
            gallery.appendChild(card);
          }
        }
      });
    })();
  </script>
</dom-module>

Remove unused id for template tag in Most Recent Gallery.
Remove unused id for template tag in Most Recent Gallery.
