uqac-websem-project/frontend/WebSem/app/views/home.html

<div layout="column" layout-fill layout-align="top" angular-busy="appUtils.cgBusy('home.home')">
    <div ng-repeat="error in busy.errors('home.home')" class="isa_error">
        <i class="fa fa-times-circle"></i>
        {{ error.data.message }}
    </div>

    <div layout="row">
        <article ng-model="item"></article>
    </div>

    <div layout="row">
        <span flex="25"></span>
        <md-grid-list class="image-grid" md-cols="2" md-row-height="200px" md-row-height-gt-sm="300px" md-row-height-gt-md="450px" md-gutter="4px" flex="40">
            <md-grid-tile class="red grid-picture" md-colspan="2" md-rowspan="1" ui-sref="persons">
                <img src="http://commons.wikimedia.org/wiki/Special:FilePath/Sir_Winston_S_Churchill.jpg?width=300">
                <md-grid-tile-footer><h3>{{ 'persons.name' | translate }}</h3></md-grid-tile-footer>
            </md-grid-tile>
            <md-grid-tile class="purple grid-picture" md-colspan="1" md-rowspan="1" ui-sref="countries">
                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/256px-Flag_of_France.svg.png">
                <md-grid-tile-footer><h3>{{ 'countries.name' | translate }}</h3></md-grid-tile-footer>
            </md-grid-tile>
            <md-grid-tile class="blue grid-picture" md-colspan="1" md-rowspan="1" ui-sref="locations">
                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg/langfr-280px-Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg.png">
                <md-grid-tile-footer><h3>{{ 'locations.name' | translate }}</h3></md-grid-tile-footer>
            </md-grid-tile>
        </md-grid-list>
    </div>

    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    <div ng-repeat="error in busy.errors('home.feed')" class="isa_error">
        <i class="fa fa-times-circle"></i>
        {{ error.data.message }}
    </div>

    <div ng-repeat="article in feed">
        <span><a target="_blank" ng-href="{{ article.link }}">{{article.title}}</a> - {{ article.publishDate | date }}</span>
        <p ng-bind-html="article.content">
        </p>
    </div>
</div>