<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">Aut Ipsam Nam Sed Nulla</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 Quia Placeat 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--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>
Dominican Republic</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Utilisation
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>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>
</li>
<li class="card__wrapper">
<article class="card card--resource">
<header>
<h3 class="card__title">
<a class="card__link" href="resource">Eligendi Sint Sit minus Illum Modi Nihil Occaecati</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 Nulla Maiores</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>
Philippines</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Open Architecture
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Service Desk
</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">Et Beatae Sunt Quam</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 Voluptatem Et Non Itaque</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>
Belgium</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>Matrix
</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">Libero Voluptatem Pariatur Quia in Consequuntur Qui Est Qui in Sit Cumque</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 Cupiditate Aliquam Ut 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--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>
Cayman Islands</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Initiative
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Help Desk
</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>
<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">In Nemo Facere Omnis Voluptas Sint Cumque Eum Eaque Rem</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 A Repudiandae Iste Veritatis</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>
Turkey</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>Initiative
</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">Molestias Quis Aut Quo Distinctio Illum Libero</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 Eum Autem</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>
Cayman Islands</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Collaboration
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Support
</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">Laudantium Et Ea Sed Commodi Qui Atque</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 Architecto Non 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>
Nauru</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>Product
</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">Modi Tempore Dolor Aperiam 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 Perferendis Temporibus Et</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>
Cuba</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Superstructure
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Circuit
</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>
</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": "Aut Ipsam Nam Sed Nulla",
"byline": "Quia Placeat Dolor",
"locality": "Dominican Republic",
"topics": [
"Utilisation",
"Structure"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
},
{
"id": 1,
"modifier": "resource",
"format": "Case Study",
"formatIcon": "case-study",
"name": "Resource",
"title": "Eligendi Sint Sit minus Illum Modi Nihil Occaecati",
"byline": "Nulla Maiores",
"locality": "Philippines",
"topics": [
"Open Architecture",
"Service-Desk"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 2,
"modifier": "resource",
"format": "Toolkit",
"formatIcon": "toolkit",
"name": "Resource",
"title": "Et Beatae Sunt Quam",
"byline": "Voluptatem Et Non Itaque",
"locality": "Belgium",
"topics": [
"Alliance",
"Matrix"
],
"topicCount": 5,
"href": "resource",
"standAlone": true
},
{
"id": 3,
"modifier": "resource",
"format": "Educational Curriculum",
"formatIcon": "curriculum",
"name": "Resource",
"title": "Libero Voluptatem Pariatur Quia in Consequuntur Qui Est Qui in Sit Cumque",
"byline": "Cupiditate Aliquam Ut Aut",
"locality": "Cayman Islands",
"topics": [
"Initiative",
"Help-Desk"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
},
{
"id": 4,
"modifier": "resource",
"format": "Video",
"formatIcon": "video",
"name": "Resource",
"title": "In Nemo Facere Omnis Voluptas Sint Cumque Eum Eaque Rem",
"byline": "A Repudiandae Iste Veritatis",
"locality": "Turkey",
"topics": [
"Adapter",
"Initiative"
],
"topicCount": 4,
"href": "resource",
"standAlone": true
},
{
"id": 5,
"modifier": "resource",
"format": "Article",
"formatIcon": "article",
"name": "Resource",
"title": "Molestias Quis Aut Quo Distinctio Illum Libero",
"byline": "Eum Autem",
"locality": "Cayman Islands",
"topics": [
"Collaboration",
"Support"
],
"topicCount": 5,
"href": "resource",
"standAlone": true
},
{
"id": 6,
"modifier": "resource",
"format": "Book",
"formatIcon": "book",
"name": "Resource",
"title": "Laudantium Et Ea Sed Commodi Qui Atque",
"byline": "Architecto Non Rerum",
"locality": "Nauru",
"topics": [
"Solution",
"Product"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 7,
"modifier": "resource",
"format": "Academic Paper",
"formatIcon": "academic",
"name": "Resource",
"title": "Modi Tempore Dolor Aperiam Dolor",
"byline": "Perferendis Temporibus Et",
"locality": "Cuba",
"topics": [
"Superstructure",
"Circuit"
],
"topicCount": 5,
"href": "resource",
"standAlone": true
}
]
}
There are no notes for this item.