Severn Bronies Pattern Library

Search Results: Standard Result 

<div class="search-results" data-search-results>
    <ol class="search-results__list">
        <li class="search-results__item">
            <a class="search-results__link" href="#">
                <div class="search-results__body">
                    <div class="search-results__type">
                        Page
                    </div>
                    <h2 class="search-results__title">
                        Severn Tunnel Bronies
                    </h2>
                    <div class="content search-results__content">
                        <p>A little weekly meet for little bronies.</p>
                    </div>
                </div>
            </a>
        </li>
        <li class="search-results__item">
            <a class="search-results__link" href="#">
                <div class="search-results__body">
                    <div class="search-results__type">
                        Page
                    </div>
                    <h2 class="search-results__title">
                        Severn Bronies On Tour: BUCK!
                    </h2>
                    <div class="content search-results__content">
                        <p>BUCKcon is upon us! And with many of us headed there this year, we’re going to have an On Tour meet in Manchester!</p>
                    </div>
                </div>
            </a>
        </li>
        <li class="search-results__item">
            <a class="search-results__link" href="#">
                <div class="search-results__body">
                    <div class="search-results__type">
                        Page
                    </div>
                    <h2 class="search-results__title">
                        #6Severn: The Season 6 Premiere Meet
                    </h2>
                    <div class="content search-results__content">
                        <p>Well, that came suddenly. Guess we’re doing a meetup then!</p>
                    </div>
                </div>
            </a>
        </li>
    </ol>
</div>
 
<div class="search-results" data-search-results>
    <ol class="search-results__list">
        {{#each searchResults}}
        <li class="search-results__item">
            <a class="search-results__link" href="#">
                <div class="search-results__body">
                    <div class="search-results__type">
                        Page
                    </div>
                    <h2 class="search-results__title">
                        {{ this.title }}
                    </h2>
                    <div class="content search-results__content">
                        <p>{{ this.excerpt }}</p>
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </ol>
</div>
 
{
  "searchResults": [
    {
      "title": "Severn Tunnel Bronies",
      "excerpt": "A little weekly meet for little bronies.",
      "permalink": "http://severnbronies.co.uk/meet/severn-tunnel-bronies",
      "image": "//placeponi.es/400/300",
      "locale": "cardiff"
    },
    {
      "title": "Severn Bronies On Tour: BUCK!",
      "excerpt": "BUCKcon is upon us! And with many of us headed there this year, we’re going to have an On Tour meet in Manchester!",
      "permalink": "http://severnbronies.co.uk/meet/severn-bronies-on-tour",
      "image": "//placeponi.es/300/150"
    },
    {
      "title": "#6Severn: The Season 6 Premiere Meet",
      "excerpt": "Well, that came suddenly. Guess we’re doing a meetup then!",
      "permalink": "http://severnbronies.co.uk/meet/season-6-premiere-meet",
      "locale": "bristol"
    }
  ]
}

There are no notes for this item.