<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">Quis Nihil Sint Quis Tempore Odio Omnis Et Et Aut Voluptatem</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 Alias</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>
                            Saint Kitts and Nevis</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Flexibility
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Function
                        </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">Consectetur Nesciunt Ut Numquam 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 Ut Sed Sint Non</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>
                            Jersey</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>Productivity
                        </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">Atque Aut Voluptatem Unde Repudiandae Eius a Consequatur Ut</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 Ut Reprehenderit</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>
                            Syrian Arab Republic</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Hierarchy
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Approach
                        </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">Eos Pariatur Voluptates Et Ut Asperiores Modi Aliquid</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 Porro Rem 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--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>
                            Eritrea</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Graphic Interface
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Task Force
                        </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">Dignissimos Aut Maiores 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 Distinctio Distinctio Voluptatum</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>
                            Dominica</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Flexibility
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Complexity
                        </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">Enim Architecto Velit Nobis Exercitationem</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 Iure Dolorem</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>
                            Germany</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>Conglomeration
                        </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">Nemo Id Ut Accusamus Est Omnis Natus Qui Laborum</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 Ut Eaque</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>
                            Egypt</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>Application
                        </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">Et Nihil Voluptatem Est Et Voluptatem Et Eius Consequuntur Adipisci</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 Officia Dolorum</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>
                            Monaco</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Throughput
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Software
                        </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": "Quis Nihil Sint Quis Tempore Odio Omnis Et Et Aut Voluptatem",
      "byline": "Et Alias",
      "locality": "Saint Kitts and Nevis",
      "topics": [
        "Flexibility",
        "Function"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 1,
      "modifier": "resource",
      "format": "Case Study",
      "formatIcon": "case-study",
      "name": "Resource",
      "title": "Consectetur Nesciunt Ut Numquam in",
      "byline": "Ut Sed Sint Non",
      "locality": "Jersey",
      "topics": [
        "Core",
        "Productivity"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 2,
      "modifier": "resource",
      "format": "Toolkit",
      "formatIcon": "toolkit",
      "name": "Resource",
      "title": "Atque Aut Voluptatem Unde Repudiandae Eius a Consequatur Ut",
      "byline": "Ut Reprehenderit",
      "locality": "Syrian Arab Republic",
      "topics": [
        "Hierarchy",
        "Approach"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 3,
      "modifier": "resource",
      "format": "Educational Curriculum",
      "formatIcon": "curriculum",
      "name": "Resource",
      "title": "Eos Pariatur Voluptates Et Ut Asperiores Modi Aliquid",
      "byline": "Porro Rem Neque",
      "locality": "Eritrea",
      "topics": [
        "Graphic Interface",
        "Task-Force"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 4,
      "modifier": "resource",
      "format": "Video",
      "formatIcon": "video",
      "name": "Resource",
      "title": "Dignissimos Aut Maiores Et",
      "byline": "Distinctio Distinctio Voluptatum",
      "locality": "Dominica",
      "topics": [
        "Flexibility",
        "Complexity"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 5,
      "modifier": "resource",
      "format": "Article",
      "formatIcon": "article",
      "name": "Resource",
      "title": "Enim Architecto Velit Nobis Exercitationem",
      "byline": "Iure Dolorem",
      "locality": "Germany",
      "topics": [
        "Info-Mediaries",
        "Conglomeration"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 6,
      "modifier": "resource",
      "format": "Book",
      "formatIcon": "book",
      "name": "Resource",
      "title": "Nemo Id Ut Accusamus Est Omnis Natus Qui Laborum",
      "byline": "Ut Eaque",
      "locality": "Egypt",
      "topics": [
        "Secured Line",
        "Application"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 7,
      "modifier": "resource",
      "format": "Academic Paper",
      "formatIcon": "academic",
      "name": "Resource",
      "title": "Et Nihil Voluptatem Est Et Voluptatem Et Eius Consequuntur Adipisci",
      "byline": "Officia Dolorum",
      "locality": "Monaco",
      "topics": [
        "Throughput",
        "Software"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    }
  ]
}

There are no notes for this item.