<div class="page-header">
    <div class="inside">
        <p><a class="link--breadcrumb" href="/">Home</a>
        </p>
        <h1>Favorites</h1>
    </div>
</div>
<div class="align-right">
    <button id="button" type="button" class="button button--borderless button--destructive remove-all-favorites"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/delete.svg#delete" />
        </svg>
        <span class="button__label">Remove all</span></button>
</div>
<div class="resource-list">
    <ul class="cards">
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Qui Sequi Nihil Earum a Est Nihil Iusto</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Omnis Voluptates Distinctio</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--audio" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/audio.svg#audio" />
                            </svg>
                            Audio</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            New Zealand</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Emulation
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Pricing Structure
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Nihil Aliquam Earum Non Consequatur</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Quod Dolorem Praesentium Perferendis</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--case-study" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/case-study.svg#case-study" />
                            </svg>
                            Case Study</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Maldives</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Secured Line
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Groupware
                        </div>
                        <span class="overflow">
                            +5 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Harum Velit Rerum at Dolor Veniam</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Et Consequatur</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--toolkit" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/toolkit.svg#toolkit" />
                            </svg>
                            Toolkit</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Zambia</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Definition
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Budgetary Management
                        </div>
                        <span class="overflow">
                            +5 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Et Molestiae Nihil Similique Nihil Veniam Corrupti Debitis Suscipit in</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Eos Omnis Error</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--curriculum" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/curriculum.svg#curriculum" />
                            </svg>
                            Educational Curriculum</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Nigeria</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Info Mediaries
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Secured Line
                        </div>
                        <span class="overflow">
                            +2 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Delectus Ut Unde Quas Molestiae Placeat Laborum Libero Explicabo</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Voluptate Quia</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--video" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/video.svg#video" />
                            </svg>
                            Video</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Botswana</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Knowledge User
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Collaboration
                        </div>
                        <span class="overflow">
                            +5 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Veritatis Saepe Tempora Accusantium Dolore Blanditiis</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Quo Nihil</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--article" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/article.svg#article" />
                            </svg>
                            Article</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            United Arab Emirates</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Moratorium
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Model
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Voluptatum Nihil Dignissimos Et</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Recusandae Aut Iusto</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--book" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/book.svg#book" />
                            </svg>
                            Book</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Vietnam</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Core
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Framework
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Est Excepturi Cum Facere Velit Doloribus Quia Officiis Doloribus</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Nulla Qui Ex</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--academic" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/academic.svg#academic" />
                            </svg>
                            Academic Paper</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Guatemala</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Firmware
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Parallelism
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
    </ul>
</div>
<div class="page-header">
	<div class="inside">
		<p>{% render '@link--breadcrumb', {label: 'Home', href: '/', standAlone: true}, true %}</p>
		<h1>{{ title }}</h1>
	</div>
</div>
<div class="align-right">
	{% render '@button--destructive-borderless', {label: 'Remove all', icon: 'delete', standAlone: true, className: 'remove-all-favorites'}, true %}
</div>
<div class="resource-list">
	<ul class="cards">
	{% for card in cards %}
	{% render '@card--resource', card %}
	{% endfor %}
	</ul>
</div>
{
  "bodyClass": "page page-template-page-favorites",
  "hasMenu": true,
  "hasFooter": true,
  "title": "Favorites",
  "cards": [
    {
      "id": 0,
      "modifier": "resource",
      "format": "Audio",
      "formatIcon": "audio",
      "name": "Resource",
      "title": "Qui Sequi Nihil Earum a Est Nihil Iusto",
      "byline": "Omnis Voluptates Distinctio",
      "locality": "New Zealand",
      "topics": [
        "Emulation",
        "Pricing Structure"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 1,
      "modifier": "resource",
      "format": "Case Study",
      "formatIcon": "case-study",
      "name": "Resource",
      "title": "Nihil Aliquam Earum Non Consequatur",
      "byline": "Quod Dolorem Praesentium Perferendis",
      "locality": "Maldives",
      "topics": [
        "Secured Line",
        "Groupware"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 2,
      "modifier": "resource",
      "format": "Toolkit",
      "formatIcon": "toolkit",
      "name": "Resource",
      "title": "Harum Velit Rerum at Dolor Veniam",
      "byline": "Et Consequatur",
      "locality": "Zambia",
      "topics": [
        "Definition",
        "Budgetary Management"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 3,
      "modifier": "resource",
      "format": "Educational Curriculum",
      "formatIcon": "curriculum",
      "name": "Resource",
      "title": "Et Molestiae Nihil Similique Nihil Veniam Corrupti Debitis Suscipit in",
      "byline": "Eos Omnis Error",
      "locality": "Nigeria",
      "topics": [
        "Info-Mediaries",
        "Secured Line"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 4,
      "modifier": "resource",
      "format": "Video",
      "formatIcon": "video",
      "name": "Resource",
      "title": "Delectus Ut Unde Quas Molestiae Placeat Laborum Libero Explicabo",
      "byline": "Voluptate Quia",
      "locality": "Botswana",
      "topics": [
        "Knowledge User",
        "Collaboration"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 5,
      "modifier": "resource",
      "format": "Article",
      "formatIcon": "article",
      "name": "Resource",
      "title": "Veritatis Saepe Tempora Accusantium Dolore Blanditiis",
      "byline": "Quo Nihil",
      "locality": "United Arab Emirates",
      "topics": [
        "Moratorium",
        "Model"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 6,
      "modifier": "resource",
      "format": "Book",
      "formatIcon": "book",
      "name": "Resource",
      "title": "Voluptatum Nihil Dignissimos Et",
      "byline": "Recusandae Aut Iusto",
      "locality": "Vietnam",
      "topics": [
        "Core",
        "Framework"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 7,
      "modifier": "resource",
      "format": "Academic Paper",
      "formatIcon": "academic",
      "name": "Resource",
      "title": "Est Excepturi Cum Facere Velit Doloribus Quia Officiis Doloribus",
      "byline": "Nulla Qui Ex",
      "locality": "Guatemala",
      "topics": [
        "Firmware",
        "Parallelism"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    }
  ]
}

There are no notes for this item.