<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">Nemo Delectus Illum Inventore</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 Repudiandae Ut Voluptatem</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>
Tajikistan</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Application
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Adapter
</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">Reiciendis Maiores Sequi Placeat Sunt Sed Fugit Sit Possimus Incidunt Tempore Quia</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 Nihil 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--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>
Central African Republic</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Circuit
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Infrastructure
</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">In Neque Ut Non Eaque Adipisci Eum Asperiores</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 Enim Distinctio Dolore</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>
Spain</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Concept
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Ability
</div>
<span class="overflow">
+1 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">Suscipit Nihil Qui Architecto Consequatur Eum Blanditiis Sunt Voluptas Est</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 In Excepturi</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>
Gibraltar</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Productivity
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Installation
</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>
<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">Tempora Dolorum Minima Dolor Numquam Quia Nam Ducimus Voluptatem Est Libero Facilis</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 Ex Occaecati Velit</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>
Nigeria</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Leverage
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Intranet
</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">Enim Omnis Est Ipsum</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 Consequuntur Dolores</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>
Kenya</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Local Area Network
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Implementation
</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">Est Vitae Perspiciatis Eum Eveniet Doloremque Voluptas Et Suscipit Consequuntur Tempore 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 Magni Vel Voluptatibus</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>
Indonesia</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Installation
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Open System
</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">Repellat Ipsam Distinctio Consectetur Dicta Commodi Voluptatem Dignissimos Iure</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 Sit Reprehenderit Corrupti Qui</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>
Antigua and Barbuda</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Focus Group
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Moderator
</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": "Nemo Delectus Illum Inventore",
"byline": "Et Repudiandae Ut Voluptatem",
"locality": "Tajikistan",
"topics": [
"Application",
"Adapter"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 1,
"modifier": "resource",
"format": "Case Study",
"formatIcon": "case-study",
"name": "Resource",
"title": "Reiciendis Maiores Sequi Placeat Sunt Sed Fugit Sit Possimus Incidunt Tempore Quia",
"byline": "Nihil Alias",
"locality": "Central African Republic",
"topics": [
"Circuit",
"Infrastructure"
],
"topicCount": 4,
"href": "resource",
"standAlone": true
},
{
"id": 2,
"modifier": "resource",
"format": "Toolkit",
"formatIcon": "toolkit",
"name": "Resource",
"title": "In Neque Ut Non Eaque Adipisci Eum Asperiores",
"byline": "Eum Enim Distinctio Dolore",
"locality": "Spain",
"topics": [
"Concept",
"Ability"
],
"topicCount": 3,
"href": "resource",
"standAlone": true
},
{
"id": 3,
"modifier": "resource",
"format": "Educational Curriculum",
"formatIcon": "curriculum",
"name": "Resource",
"title": "Suscipit Nihil Qui Architecto Consequatur Eum Blanditiis Sunt Voluptas Est",
"byline": "In Excepturi",
"locality": "Gibraltar",
"topics": [
"Productivity",
"Installation"
],
"topicCount": 5,
"href": "resource",
"standAlone": true
},
{
"id": 4,
"modifier": "resource",
"format": "Video",
"formatIcon": "video",
"name": "Resource",
"title": "Tempora Dolorum Minima Dolor Numquam Quia Nam Ducimus Voluptatem Est Libero Facilis",
"byline": "Ut Ex Occaecati Velit",
"locality": "Nigeria",
"topics": [
"Leverage",
"Intranet"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 5,
"modifier": "resource",
"format": "Article",
"formatIcon": "article",
"name": "Resource",
"title": "Enim Omnis Est Ipsum",
"byline": "Consequuntur Dolores",
"locality": "Kenya",
"topics": [
"Local Area Network",
"Implementation"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
},
{
"id": 6,
"modifier": "resource",
"format": "Book",
"formatIcon": "book",
"name": "Resource",
"title": "Est Vitae Perspiciatis Eum Eveniet Doloremque Voluptas Et Suscipit Consequuntur Tempore Officia",
"byline": "Magni Vel Voluptatibus",
"locality": "Indonesia",
"topics": [
"Installation",
"Open System"
],
"topicCount": 4,
"href": "resource",
"standAlone": true
},
{
"id": 7,
"modifier": "resource",
"format": "Academic Paper",
"formatIcon": "academic",
"name": "Resource",
"title": "Repellat Ipsam Distinctio Consectetur Dicta Commodi Voluptatem Dignissimos Iure",
"byline": "Sit Reprehenderit Corrupti Qui",
"locality": "Antigua and Barbuda",
"topics": [
"Focus Group",
"Moderator"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
}
]
}
There are no notes for this item.