<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">Soluta Quis Qui Nostrum</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 Est Id</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>
                            Iceland</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Archive
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Graphic Interface
                        </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">Voluptate Natus Totam Ad Libero Distinctio Sit</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 Non Iste Voluptatem Officia</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>
                            Jamaica</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Graphical User Interface
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Pricing Structure
                        </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">Quod Fugit Reprehenderit Rem Perferendis Quis Sunt Tempore Eligendi Dolorem Molestias</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 Qui 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>
                            Norfolk Island</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>Knowledge User
                        </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">Ipsum Pariatur Cupiditate Asperiores Nam Praesentium Excepturi</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 Illum Cupiditate Deserunt Molestiae</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>
                            Uzbekistan</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Capability
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Projection
                        </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">Totam Quidem Molestias Praesentium</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 at Et Voluptas</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>
                            Sao Tome and Principe</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>Knowledge Base
                        </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">Rerum Qui Sit Sunt</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 Est Doloremque Et Amet</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>
                            New Zealand</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Standardization
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Hardware
                        </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 Rerum Excepturi Quis Tenetur Quod Maiores Architecto</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 Provident Ex Iste Rerum</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>
                            French Southern Territories</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Orchestration
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Budgetary Management
                        </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">Aspernatur Fuga Ipsa Sint Quia Dicta Delectus Id Vel Qui Dignissimos Expedita</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 Optio Tempore Nihil Quo</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>
                            Belgium</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Challenge
                        </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>
    </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": "Soluta Quis Qui Nostrum",
      "byline": "Est Id",
      "locality": "Iceland",
      "topics": [
        "Archive",
        "Graphic Interface"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 1,
      "modifier": "resource",
      "format": "Case Study",
      "formatIcon": "case-study",
      "name": "Resource",
      "title": "Voluptate Natus Totam Ad Libero Distinctio Sit",
      "byline": "Non Iste Voluptatem Officia",
      "locality": "Jamaica",
      "topics": [
        "Graphical User Interface",
        "Pricing Structure"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 2,
      "modifier": "resource",
      "format": "Toolkit",
      "formatIcon": "toolkit",
      "name": "Resource",
      "title": "Quod Fugit Reprehenderit Rem Perferendis Quis Sunt Tempore Eligendi Dolorem Molestias",
      "byline": "Qui Consequatur",
      "locality": "Norfolk Island",
      "topics": [
        "Knowledge User",
        "Knowledge User"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 3,
      "modifier": "resource",
      "format": "Educational Curriculum",
      "formatIcon": "curriculum",
      "name": "Resource",
      "title": "Ipsum Pariatur Cupiditate Asperiores Nam Praesentium Excepturi",
      "byline": "Illum Cupiditate Deserunt Molestiae",
      "locality": "Uzbekistan",
      "topics": [
        "Capability",
        "Projection"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 4,
      "modifier": "resource",
      "format": "Video",
      "formatIcon": "video",
      "name": "Resource",
      "title": "Totam Quidem Molestias Praesentium",
      "byline": "Voluptates at Et Voluptas",
      "locality": "Sao Tome and Principe",
      "topics": [
        "Moratorium",
        "Knowledge Base"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 5,
      "modifier": "resource",
      "format": "Article",
      "formatIcon": "article",
      "name": "Resource",
      "title": "Rerum Qui Sit Sunt",
      "byline": "Est Doloremque Et Amet",
      "locality": "New Zealand",
      "topics": [
        "Standardization",
        "Hardware"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 6,
      "modifier": "resource",
      "format": "Book",
      "formatIcon": "book",
      "name": "Resource",
      "title": "Et Rerum Excepturi Quis Tenetur Quod Maiores Architecto",
      "byline": "Provident Ex Iste Rerum",
      "locality": "French Southern Territories",
      "topics": [
        "Orchestration",
        "Budgetary Management"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 7,
      "modifier": "resource",
      "format": "Academic Paper",
      "formatIcon": "academic",
      "name": "Resource",
      "title": "Aspernatur Fuga Ipsa Sint Quia Dicta Delectus Id Vel Qui Dignissimos Expedita",
      "byline": "Optio Tempore Nihil Quo",
      "locality": "Belgium",
      "topics": [
        "Challenge",
        "Throughput"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    }
  ]
}

There are no notes for this item.