| <!--/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ |
| ~ Licensed to the Apache Software Foundation (ASF) under one or more |
| ~ contributor license agreements. See the NOTICE file distributed with |
| ~ this work for additional information regarding copyright ownership. |
| ~ The ASF licenses this file to You under the Apache License, Version 2.0 |
| ~ (the "License"); you may not use this file except in compliance with |
| ~ the License. You may obtain a copy of the License at |
| ~ |
| ~ http://www.apache.org/licenses/LICENSE-2.0 |
| ~ |
| ~ Unless required by applicable law or agreed to in writing, software |
| ~ distributed under the License is distributed on an "AS IS" BASIS, |
| ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| ~ See the License for the specific language governing permissions and |
| ~ limitations under the License. |
| ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/--> |
| <body data-sly-use.list="org.apache.sling.samples.htlblog.models.List"> |
| <sly data-sly-include="nav.html"></sly> |
| <div class="container"> |
| <header> |
| <img class="sling-logo" src="/apps/htlblog/clientlibs/htlblog/img/sling-logo.svg"/> |
| </header> |
| <sly data-sly-repeat.child="${list.children}"> |
| <article> |
| <div class="row"> |
| <div class="col-md-6"> |
| <h1><a href="${child.url}">${child.title}</a></h1> |
| </div> |
| <div class="col-md-6 text-right"> |
| <h1>${child.created}</h1> |
| </div> |
| </div> |
| <img data-sly-test="${child.featuredImagePath}" src="${child.featuredImagePath}" alt="Featured Image" class="featured-image"/> |
| <div class="row"> |
| <div class="col-sm-12"> |
| ${child.body} |
| </div> |
| </div> |
| </article> |
| </sly> |
| </div> |
