<div class="banner-pattern"></div>
<div class="page-header">
<div class="inside">
<h1><span class="pc-ff--sans pc-fw--normal">Platform Co-op</span><br /> Resource Library</h1>
<p class="subhead">A place where you can learn and share knowledge about co-ops, platform co-ops, the digital economy, and more.</p>
</div>
</div>
<section class="home__search">
<form role="search" method="get" class="search-form search-form--inverse" action="/">
<label>
<span class="screen-reader-text">search</span>
<input id="s" name="s" placeholder="Search resource name, publisher, or topic…" type="search" />
</label>
<button type="submit" class="button button--search"><span class="screen-reader-text">submit search</span><svg class="icon icon--search" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
<use href="/images/search.svg#search" />
</svg>
</button>
</form>
</section>
<section class="home__browse has-blue-500-background-color">
<h2>Browse by</h2>
<ul class="link-list link-list--inverse">
<li class="link-list__item"><a href="/topics"><svg class="icon icon--topic" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<use href="/images/topic.svg#topic" />
</svg>
Topics</a></li>
<li class="link-list__item"><a href="/goals"><svg class="icon icon--goal" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<use href="/images/goal.svg#goal" />
</svg>
Goals</a></li>
<li class="link-list__item"><a href="/formats"><svg class="icon icon--format" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<use href="/images/format.svg#format" />
</svg>
Formats</a></li>
<li class="link-list__item"><a href="/sectors"><svg class="icon icon--sector" aria-hidden="true" viewBox="0 0 24 24" focusable="false">
<use href="/images/sector.svg#sector" />
</svg>
Sectors</a></li>
</ul>
<p>
<a class="link--breadcrumb link--inverse" href="/browse-all">Browse all resources</a>
</p>
</section>
<section class="home__feed">
<header>
<h2>My feed</h2>
<a href="/customize">Customize feed</a>
</header>
<h3><a href="/most-viewed">Most viewed</a></h3>
<div class="meta-card-wrapper">
<div class="card-wrapper">
<ul class="cards">
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Sint Aliquid Illo Ipsa Voluptas</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 Sint Et Assumenda Illo</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>
Dominica</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Conglomeration
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Attitude
</div>
<span class="overflow">
+2 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Harum Ad Iusto Repudiandae Libero Officia</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 Ullam Et Nam Omnis</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>
Netherlands</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Database
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Synergy
</div>
<span class="overflow">
+5 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Sed Dicta Ab Et Fugiat Amet Est Eum</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 Corrupti</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>
Pitcairn Islands</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Alliance
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Emulation
</div>
<span class="overflow">
+3 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Nihil Ducimus Soluta Occaecati Totam</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 Repudiandae Amet Assumenda</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>
Bosnia and Herzegovina</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Projection
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Workforce
</div>
<span class="overflow">
+5 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
</ul>
</div>
<aside class="info-cards">
<div class="info-card">
<button id="button" type="button" class="button button--borderless"><svg class="icon icon--close" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
<use href="/images/close.svg#close" />
</svg>
<span class="button__label screen-reader-text">Close</span></button>
<p class="info-card__title">
<svg class="icon icon--language" aria-hidden="true" viewBox="0 0 32 32" focusable="false">
<use href="/images/language.svg#language" />
</svg>
Change language
</p>
<p class="info-card__description">Want to see resources in another language?</p>
<p class="info-card__action">
<a href="/settings/language">Add or change language</a>
</p>
</div>
<div class="info-card">
<button id="button" type="button" class="button button--borderless"><svg class="icon icon--close" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
<use href="/images/close.svg#close" />
</svg>
<span class="button__label screen-reader-text">Close</span></button>
<p class="info-card__title">
Not sure how to use the library?
</p>
<p class="info-card__action">
<a href="/settings/language">Learn how</a>
</p>
</div>
</aside>
</div>
<h3><a href="/most-recent">Recently published</a></h3>
<div class="card-wrapper">
<ul class="cards">
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Beatae Sit Voluptatem Numquam Quaerat</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 Culpa Repellat Magnam 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--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>
Antarctica (the territory South of 60 deg S)</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Task Force
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Throughput
</div>
<span class="overflow">
+4 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Dicta Molestiae Enim Velit Nulla Aut Aliquam Incidunt</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 Asperiores Aliquam 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--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>
Mauritius</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Paradigm
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Monitoring
</div>
<span class="overflow">
+5 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Dolor Aperiam Consequatur Illo Nihil</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 Minima Maxime</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>
Ecuador</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Ability
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Synergy
</div>
<span class="overflow">
+2 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Veritatis Dolorum Aperiam Perspiciatis Laboriosam</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 Unde Qui 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--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>
Bahrain</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>Database
</div>
<span class="overflow">
+4 more
</span>
</div>
<div class="card__meta">
<span class="card__added">Added January 1, 2020</span>
</div>
</aside>
</article>
</li>
</ul>
</div>
</section>
<div class="banner-pattern"></div>
<div class="page-header">
<div class="inside">
<h1>{{ title | safe }}</h1>
<p class="subhead">{{ subhead }}</p>
</div>
</div>
<section class="home__search">
{% render '@search-form', {standAlone: true, modifier: 'inverse', placeholder: 'Search resource name, publisher, or topic…'}, true %}
{# TODO: Add saved searches. #}
</section>
<section class="home__browse has-blue-500-background-color">
<h2>{{ browse.title }}</h2>
{% render '@link-list', {
standAlone: true,
modifier: 'inverse',
items: [
{
icon: 'topic',
label: 'Topics',
href: '/topics'
},
{
icon: 'goal',
label: 'Goals',
href: '/goals'
},
{
icon: 'format',
label: 'Formats',
href: '/formats'
},
{
icon: 'sector',
label: 'Sectors',
href: '/sectors'
}
]
},
true
%}
<p>
{% render '@link--breadcrumb', {standAlone: true, href: '/browse-all', label: 'Browse all resources', className: 'link--breadcrumb link--inverse'}, true %}
</p>
</section>
<section class="home__feed">
<header>
<h2>{{ feed.title }}</h2>
<a href="/customize">Customize feed</a>
</header>
<h3><a href="/most-viewed">{{ 'Most viewed' }}</a></h3>
<div class="meta-card-wrapper">
<div class="card-wrapper">
<ul class="cards">
{% for card in cards %}
{% if loop.index < 5 %}
{% render '@card--resource', card %}
{% endif %}
{% endfor %}
</ul>
</div>
<aside class="info-cards">
{% render '@info-card', {standAlone: true}, true %}
{% render '@info-card', {standAlone: true, icon: false, title: 'Not sure how to use the library?', description: false, actionLabel: 'Learn how'}, true %}
</aside>
</div>
<h3><a href="/most-recent">{{ 'Recently published' }}</a></h3>
<div class="card-wrapper">
<ul class="cards">
{% for card in cards %}
{% if loop.index > 4 %}
{% render '@card--resource', card %}
{% endif %}
{% endfor %}
</ul>
</div>
</section>
{
"bodyClass": "page home",
"hasMenu": true,
"hasFooter": true,
"title": "<span class=\"pc-ff--sans pc-fw--normal\">Platform Co-op</span><br /> Resource Library",
"subhead": "A place where you can learn and share knowledge about co-ops, platform co-ops, the digital economy, and more.",
"search": {
"title": "Search"
},
"browse": {
"title": "Browse by"
},
"feed": {
"title": "My feed"
},
"cards": [
{
"id": 0,
"modifier": "resource",
"format": "Audio",
"formatIcon": "audio",
"name": "Resource",
"title": "Sint Aliquid Illo Ipsa Voluptas",
"byline": "Sint Et Assumenda Illo",
"locality": "Dominica",
"topics": [
"Conglomeration",
"Attitude"
],
"topicCount": 4,
"href": "resource",
"standAlone": true
},
{
"id": 1,
"modifier": "resource",
"format": "Case Study",
"formatIcon": "case-study",
"name": "Resource",
"title": "Harum Ad Iusto Repudiandae Libero Officia",
"byline": "Ullam Et Nam Omnis",
"locality": "Netherlands",
"topics": [
"Database",
"Synergy"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 2,
"modifier": "resource",
"format": "Toolkit",
"formatIcon": "toolkit",
"name": "Resource",
"title": "Sed Dicta Ab Et Fugiat Amet Est Eum",
"byline": "Et Corrupti",
"locality": "Pitcairn Islands",
"topics": [
"Alliance",
"Emulation"
],
"topicCount": 5,
"href": "resource",
"standAlone": true
},
{
"id": 3,
"modifier": "resource",
"format": "Educational Curriculum",
"formatIcon": "curriculum",
"name": "Resource",
"title": "Nihil Ducimus Soluta Occaecati Totam",
"byline": "Repudiandae Amet Assumenda",
"locality": "Bosnia and Herzegovina",
"topics": [
"Projection",
"Workforce"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 4,
"modifier": "resource",
"format": "Video",
"formatIcon": "video",
"name": "Resource",
"title": "Beatae Sit Voluptatem Numquam Quaerat",
"byline": "Culpa Repellat Magnam Aut",
"locality": "Antarctica (the territory South of 60 deg S)",
"topics": [
"Task-Force",
"Throughput"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
},
{
"id": 5,
"modifier": "resource",
"format": "Article",
"formatIcon": "article",
"name": "Resource",
"title": "Dicta Molestiae Enim Velit Nulla Aut Aliquam Incidunt",
"byline": "Asperiores Aliquam Rerum",
"locality": "Mauritius",
"topics": [
"Paradigm",
"Monitoring"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 6,
"modifier": "resource",
"format": "Book",
"formatIcon": "book",
"name": "Resource",
"title": "Dolor Aperiam Consequatur Illo Nihil",
"byline": "Minima Maxime",
"locality": "Ecuador",
"topics": [
"Ability",
"Synergy"
],
"topicCount": 4,
"href": "resource",
"standAlone": true
},
{
"id": 7,
"modifier": "resource",
"format": "Academic Paper",
"formatIcon": "academic",
"name": "Resource",
"title": "Veritatis Dolorum Aperiam Perspiciatis Laboriosam",
"byline": "Ut Unde Qui Amet",
"locality": "Bahrain",
"topics": [
"Website",
"Database"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
}
]
}
There are no notes for this item.