<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">Quos Labore Qui Consequatur Architecto Quam Ab Incidunt Ipsum</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 Voluptates Id Excepturi Neque</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>
                            Austria</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Access
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Help Desk
                        </div>
                        <span class="overflow">
                            +3 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">Nobis Tenetur Maiores Nulla Odio Molestiae Beatae Expedita Consequatur Asperiores Et</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 Aut Mollitia</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>
                            Kyrgyz Republic</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Workforce
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Encoding
                        </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">Autem Nesciunt Praesentium Consequatur Et Consequatur Voluptate Et Quas Deleniti</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 Fugit Placeat Corrupti Dolor</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>
                            Fiji</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Instruction Set
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Moratorium
                        </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">Cumque Sit Ipsa Ad</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 Similique Est Doloremque</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>
                            Liberia</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Website
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Software
                        </div>
                        <span class="overflow">
                            +3 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 Laboriosam Ut Magni Aperiam Similique Officiis Et Omnis Consequatur</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 Dignissimos Voluptatem Similique</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>
                            Eritrea</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Adapter
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Extranet
                        </div>
                        <span class="overflow">
                            +4 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">Qui Assumenda Unde Accusamus Et Maxime</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 Debitis Fugit</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>
                            Myanmar</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Solution
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Architecture
                        </div>
                        <span class="overflow">
                            +3 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">Blanditiis Voluptatum Ad Ut Repellendus Dolor</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 Inventore Sint Nostrum Aut</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>
                            Ukraine</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Matrices
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Throughput
                        </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">Cupiditate Odio Eligendi Veritatis</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 Et Natus</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>
                            Benin</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Array
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Software
                        </div>
                        <span class="overflow">
                            +3 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": "Quos Labore Qui Consequatur Architecto Quam Ab Incidunt Ipsum",
      "byline": "Voluptates Id Excepturi Neque",
      "locality": "Austria",
      "topics": [
        "Access",
        "Help-Desk"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 1,
      "modifier": "resource",
      "format": "Case Study",
      "formatIcon": "case-study",
      "name": "Resource",
      "title": "Nobis Tenetur Maiores Nulla Odio Molestiae Beatae Expedita Consequatur Asperiores Et",
      "byline": "Aut Mollitia",
      "locality": "Kyrgyz Republic",
      "topics": [
        "Workforce",
        "Encoding"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 2,
      "modifier": "resource",
      "format": "Toolkit",
      "formatIcon": "toolkit",
      "name": "Resource",
      "title": "Autem Nesciunt Praesentium Consequatur Et Consequatur Voluptate Et Quas Deleniti",
      "byline": "Fugit Placeat Corrupti Dolor",
      "locality": "Fiji",
      "topics": [
        "Instruction Set",
        "Moratorium"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 3,
      "modifier": "resource",
      "format": "Educational Curriculum",
      "formatIcon": "curriculum",
      "name": "Resource",
      "title": "Cumque Sit Ipsa Ad",
      "byline": "Similique Est Doloremque",
      "locality": "Liberia",
      "topics": [
        "Website",
        "Software"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 4,
      "modifier": "resource",
      "format": "Video",
      "formatIcon": "video",
      "name": "Resource",
      "title": "Et Laboriosam Ut Magni Aperiam Similique Officiis Et Omnis Consequatur",
      "byline": "Dignissimos Voluptatem Similique",
      "locality": "Eritrea",
      "topics": [
        "Adapter",
        "Extranet"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 5,
      "modifier": "resource",
      "format": "Article",
      "formatIcon": "article",
      "name": "Resource",
      "title": "Qui Assumenda Unde Accusamus Et Maxime",
      "byline": "Debitis Fugit",
      "locality": "Myanmar",
      "topics": [
        "Solution",
        "Architecture"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 6,
      "modifier": "resource",
      "format": "Book",
      "formatIcon": "book",
      "name": "Resource",
      "title": "Blanditiis Voluptatum Ad Ut Repellendus Dolor",
      "byline": "Inventore Sint Nostrum Aut",
      "locality": "Ukraine",
      "topics": [
        "Matrices",
        "Throughput"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 7,
      "modifier": "resource",
      "format": "Academic Paper",
      "formatIcon": "academic",
      "name": "Resource",
      "title": "Cupiditate Odio Eligendi Veritatis",
      "byline": "Et Natus",
      "locality": "Benin",
      "topics": [
        "Array",
        "Software"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    }
  ]
}

There are no notes for this item.