Software Público Brasileiro

<div class="blog">
  <div class="blog-cover" ng-show="vm.article.image">
    <img ng-src="{{vm.article.image.url}}" class="img-responsive">
    <h3 ng-bind="vm.article.title"></h3>
  </div>

  <div class="page-header" ng-show="!vm.article.image">
    <h3 ng-bind="vm.article.title"></h3>
  </div>

  <div>
    <div ng-repeat="child in vm.posts | orderBy: 'created_at':true">
      <div class="page-header">
        <a class="title" ui-sref="main.profile.page({profile: vm.profile.identifier, page: child.path})"><h4 ng-bind="child.title"></h4></a>
        <div class="post-lead" ng-bind-html="child.body | truncate: 500: '...': true"></div>
      </div>
    </div>
  </div>

  <pagination ng-model="vm.currentPage" total-items="vm.totalPosts" class="pagination-sm center-block"
    boundary-links="true" items-per-page="vm.perPage" ng-change="vm.loadPage()"
    first-text="«" last-text="»" previous-text="‹" next-text="›">
  </pagination>
</div>