<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">Deleniti Illo Aut Dolores Id Consequatur Et Nobis Est Esse Aspernatur</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 Eveniet Magnam Dolore Laudantium</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>
Western Sahara</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>Conglomeration
</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">Minus Fuga Consequatur Nostrum Mollitia Eveniet Error Quia Qui</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 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>
Northern Mariana Islands</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>Local Area Network
</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">Enim Aut Et Sint Laudantium</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 Quidem Nam Quisquam Cumque</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>
Senegal</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Matrix
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Productivity
</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">Ut Non Eum Quasi Recusandae Reprehenderit Repudiandae</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 Aperiam Aut 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--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>
Guinea</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Project
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Open Architecture
</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">Aut Quod Tenetur Quo 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 Voluptatem 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>
Virgin Islands, U.S.</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Infrastructure
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Internet Solution
</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">Nihil Voluptatem Commodi Quam Sit Quae Laudantium Aut Libero Sed Sint 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 Autem Optio</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>
Russian Federation</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>Groupware
</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">Aspernatur Adipisci Amet Et Eius Vel Qui Sed Qui Rem 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 Est Rerum Veritatis Ullam</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>Complexity
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Software
</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 Magni Et Debitis Ut Accusantium Saepe Et Sequi</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 Expedita Explicabo 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--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>
Turkey</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Parallelism
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Frame
</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": "Deleniti Illo Aut Dolores Id Consequatur Et Nobis Est Esse Aspernatur",
"byline": "Eveniet Magnam Dolore Laudantium",
"locality": "Western Sahara",
"topics": [
"Local Area Network",
"Conglomeration"
],
"topicCount": 5,
"href": "resource",
"standAlone": true
},
{
"id": 1,
"modifier": "resource",
"format": "Case Study",
"formatIcon": "case-study",
"name": "Resource",
"title": "Minus Fuga Consequatur Nostrum Mollitia Eveniet Error Quia Qui",
"byline": "Eum Officia",
"locality": "Northern Mariana Islands",
"topics": [
"Projection",
"Local Area Network"
],
"topicCount": 3,
"href": "resource",
"standAlone": true
},
{
"id": 2,
"modifier": "resource",
"format": "Toolkit",
"formatIcon": "toolkit",
"name": "Resource",
"title": "Enim Aut Et Sint Laudantium",
"byline": "Quidem Nam Quisquam Cumque",
"locality": "Senegal",
"topics": [
"Matrix",
"Productivity"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 3,
"modifier": "resource",
"format": "Educational Curriculum",
"formatIcon": "curriculum",
"name": "Resource",
"title": "Ut Non Eum Quasi Recusandae Reprehenderit Repudiandae",
"byline": "Aperiam Aut Voluptas",
"locality": "Guinea",
"topics": [
"Project",
"Open Architecture"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
},
{
"id": 4,
"modifier": "resource",
"format": "Video",
"formatIcon": "video",
"name": "Resource",
"title": "Aut Quod Tenetur Quo Est",
"byline": "Voluptatem Velit",
"locality": "Virgin Islands, U.S.",
"topics": [
"Infrastructure",
"Internet Solution"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 5,
"modifier": "resource",
"format": "Article",
"formatIcon": "article",
"name": "Resource",
"title": "Nihil Voluptatem Commodi Quam Sit Quae Laudantium Aut Libero Sed Sint Dolor",
"byline": "Autem Optio",
"locality": "Russian Federation",
"topics": [
"Productivity",
"Groupware"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
},
{
"id": 6,
"modifier": "resource",
"format": "Book",
"formatIcon": "book",
"name": "Resource",
"title": "Aspernatur Adipisci Amet Et Eius Vel Qui Sed Qui Rem Voluptas",
"byline": "Est Rerum Veritatis Ullam",
"locality": "Indonesia",
"topics": [
"Complexity",
"Software"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 7,
"modifier": "resource",
"format": "Academic Paper",
"formatIcon": "academic",
"name": "Resource",
"title": "Et Magni Et Debitis Ut Accusantium Saepe Et Sequi",
"byline": "Expedita Explicabo Omnis",
"locality": "Turkey",
"topics": [
"Parallelism",
"Frame"
],
"topicCount": 6,
"href": "resource",
"standAlone": true
}
]
}
There are no notes for this item.