<ul class="cards">
    <li class="card__wrapper">
        <article class="card card--resource">
            <header>
                <h3 class="card__title">
                    <a class="card__link" href="resource">Data as a common in the sharing economy</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 Carballa Smichowski Bruno</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><span class="separator">.</span>
                    <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Centre d&rsquo;économie Paris Nord</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>
                        France</span>
                </div>
                <div class="card__meta">
                    <svg class="icon icon--info" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/info.svg#info" />
                    </svg>
                    <span class="card__language"><span class="screen-reader-text">language: </span>English</span><span class="separator">.</span>
                    <span class="card__date"><span class="screen-reader-text">date published: </span>2016</span> </div>
                <div class="card__tags tags">
                    <div class="badge">
                        <span class="screen-reader-text">Topic: </span>Commons
                    </div>
                    <div class="badge">
                        <span class="screen-reader-text">Topic: </span>Policy
                    </div>
                    <span class="overflow">
                        +2 more
                    </span>
                </div>
                <div class="card__meta">
                    <span class="card__added">Added January 1, 2020</span>
                    <span class="card__favorite">
                        <svg class="icon icon--favorite-filled" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/favorite-filled.svg#favorite-filled" />
                        </svg>
                        Favorited
                    </span>
                </div>
            </aside>
        </article>
    </li>
</ul>
{% if not standAlone %}
<ul class="cards">
{% endif %}
	<li class="card__wrapper">
		<article class="card card--resource">
			<header>
				<h3 class="card__title" >
					<a class="card__link" href="{{ href }}">{{ title | safe }}</a>
				</h3>
				{% if requiresSubscription %}
				<p class="card__meta card__subscription">{% render '@svg', {svg:'lock'}, true %} <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
				{% endif %}
				{% if byline %}
					<p class="card__byline">{% render '@svg', {svg:'author'}, true %} By {{ byline | safe }}</p>
				{% endif %}
			</header>
			<aside class="card__aside">
				<div class="card__meta">
					<span class="card__format"><span class="screen-reader-text">resource format: </span>{% render '@svg', {svg:formatIcon}, true %}{{ format }}</span>{% if publisher %}{% render '@separator' %}
					<span class="card__publisher"><span class="screen-reader-text">publisher: </span>{{ publisher | safe }}</span>
					{% endif %}
				</div>
				{% if locality %}
				<div class="card__meta">
					<span class="card__locality"><span class="screen-reader-text">location of relevance: </span>{% render '@svg', {svg:'location'}, true %}{{ locality }}</span>
				</div>
				{% endif %}
				{% if date or language %}
				<div class="card__meta">
					{% render '@svg', {svg:'info'}, true %}
					{% if language %}<span class="card__language"><span class="screen-reader-text">language: </span>{{ language }}</span>{% endif %}{% if date and language %}{% render '@separator' %}{% endif %}
					{% if date %}<span class="card__date"><span class="screen-reader-text">date published: </span>{{ date }}</span>{% endif %}
				</div>
				{% endif %}
				{% if topics %}
				<div class="card__tags tags">
					{% for tag in topics %}
					<div class="badge">
						<span class="screen-reader-text">Topic: </span>{{ tag | replace('-', ' ') }}
					</div>
					{% endfor %}
					{% if topicCount > 2 %}
					<span class="overflow">
						+{{ topicCount - 2 }} more
					</span>
					{% endif %}
				</div>
				{% endif %}
				<div class="card__meta">
				    <span class="card__added">Added January 1, 2020</span>
					{% if favorite %}
					<span class="card__favorite">
						{% render '@svg', {svg:'favorite-filled'}, true %} Favorited
					</span>
					{% endif %}
				</div>
			</aside>
		</article>
		{% if showRemoveButton %}
		<div class="align-right">
			{% render '@button--destructive-borderless', {label: 'Remove', icon: 'delete', standAlone: true, className: 'remove-favorite'}, true %}
		</div>
		{% endif %}
	</li>
	{% if not standAlone %}
	</ul>
	{% endif %}
{
  "title": "Data as a common in the sharing economy",
  "format": "Article",
  "name": "Resource",
  "href": "resource",
  "standAlone": false,
  "modifier": "resource",
  "id": 1,
  "formatIcon": "article",
  "byline": "Carballa Smichowski Bruno",
  "publisher": "Centre d&rsquo;économie Paris Nord",
  "locality": "France",
  "date": 2016,
  "topics": [
    "Commons",
    "Policy"
  ],
  "topicCount": 4,
  "favorite": true,
  "language": "English",
  "showRemoveButton": false,
  "requiresSubscription": true
}

There are no notes for this item.