<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">
<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>
<h1>Stand Alone Links</h1>
<h2><a class="link--inverse" href="/browse-all">Example Header 2</a></h2>
<a class="link--inverse" href="/browse-all">Browse all resources</a>
<h1>Inline Links</h1>
<p>
<a class="link--inverse" href="/browse-all">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit. Fusce viverra
sollicitudin ante nec pellentesque. Nullam id lectus tristique felis fermentum
sagittis. Nam in tincidunt diam, <a class="link--inverse" href="/browse-all">non egestas</a> velit. Fusce aliquet sapien eu
lacus placerat porta. Proin rutrum risus bibendum, tincidunt sapien vel, congue
diam. Nulla nibh metus, dictum ac faucibus cursus, convallis quis lacus. Integer
quis est viverra, luctus enim ac, <a class="link--inverse" href="/browse-all">dictum nisi</a>.
</p>
<ul>
<li><a class="link--inverse" href="/browse-all">This whole item is a link.</a></li>
<li><a class="link--inverse" href="/browse-all">This is</a> a list item with a link.</li>
<li>This is a <a class="link--inverse" href="/browse-all">list item</a> with a link.</li>
<li>This is a list item <a class="link--inverse" href="/browse-all">with a link</a>.</li>
</ul>
</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">Consequatur Rem Cumque Ea Eum Rerum</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 Molestias Nihil Sit Sit</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>
French Polynesia</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Array
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Framework
</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">Eligendi Voluptatum Dicta Ratione Pariatur Similique Minima Quasi Earum Molestiae Maxime Consequatur</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 Debitis</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>
Suriname</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Portal
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Solution
</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">Consectetur Aliquid Quidem Et Voluptas Beatae Laboriosam Laboriosam Maiores Officiis Accusamus</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 Aut Voluptas Minima</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>
Tuvalu</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Definition
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Budgetary Management
</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">Perspiciatis Deserunt Laudantium Consequatur Aliquid Amet Tempore</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 Dolores Sunt</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>
Rwanda</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>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>
</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">Est Ipsa Id Explicabo Mollitia Dolorem Vitae Magni Nihil Corporis Eius Sunt</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 Molestiae Minima Molestiae 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--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>
French Southern Territories</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Support
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Application
</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">Quidem minus Assumenda Harum</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 Id Ut Ut Labore</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>
Cambodia</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Time Frame
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Approach
</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">Dolores Necessitatibus Sint Perferendis Omnis Voluptates</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 Tempore Vero Itaque Totam</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>
Niue</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Moratorium
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Task Force
</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">Facere Qui Ullam Incidunt Cupiditate Aperiam Nobis Velit Eveniet Et Aliquid</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 Facilis Vitae Dolorum 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--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>
Papua New Guinea</span>
</div>
<div class="card__tags tags">
<div class="badge">
<span class="screen-reader-text">Topic: </span>Product
</div>
<div class="badge">
<span class="screen-reader-text">Topic: </span>Open System
</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>
</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">
<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--default-inverse', {standAlone: true, href: '/browse-all', label: 'Browse all resources'}, 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": "Consequatur Rem Cumque Ea Eum Rerum",
"byline": "Molestias Nihil Sit Sit",
"locality": "French Polynesia",
"topics": [
"Array",
"Framework"
],
"topicCount": 5,
"href": "resource",
"standAlone": true
},
{
"id": 1,
"modifier": "resource",
"format": "Case Study",
"formatIcon": "case-study",
"name": "Resource",
"title": "Eligendi Voluptatum Dicta Ratione Pariatur Similique Minima Quasi Earum Molestiae Maxime Consequatur",
"byline": "Perferendis Debitis",
"locality": "Suriname",
"topics": [
"Portal",
"Solution"
],
"topicCount": 3,
"href": "resource",
"standAlone": true
},
{
"id": 2,
"modifier": "resource",
"format": "Toolkit",
"formatIcon": "toolkit",
"name": "Resource",
"title": "Consectetur Aliquid Quidem Et Voluptas Beatae Laboriosam Laboriosam Maiores Officiis Accusamus",
"byline": "Aut Voluptas Minima",
"locality": "Tuvalu",
"topics": [
"Definition",
"Budgetary Management"
],
"topicCount": 3,
"href": "resource",
"standAlone": true
},
{
"id": 3,
"modifier": "resource",
"format": "Educational Curriculum",
"formatIcon": "curriculum",
"name": "Resource",
"title": "Perspiciatis Deserunt Laudantium Consequatur Aliquid Amet Tempore",
"byline": "Dolores Sunt",
"locality": "Rwanda",
"topics": [
"Website",
"Local Area Network"
],
"topicCount": 3,
"href": "resource",
"standAlone": true
},
{
"id": 4,
"modifier": "resource",
"format": "Video",
"formatIcon": "video",
"name": "Resource",
"title": "Est Ipsa Id Explicabo Mollitia Dolorem Vitae Magni Nihil Corporis Eius Sunt",
"byline": "Molestiae Minima Molestiae Et",
"locality": "French Southern Territories",
"topics": [
"Support",
"Application"
],
"topicCount": 3,
"href": "resource",
"standAlone": true
},
{
"id": 5,
"modifier": "resource",
"format": "Article",
"formatIcon": "article",
"name": "Resource",
"title": "Quidem minus Assumenda Harum",
"byline": "Id Ut Ut Labore",
"locality": "Cambodia",
"topics": [
"Time-Frame",
"Approach"
],
"topicCount": 4,
"href": "resource",
"standAlone": true
},
{
"id": 6,
"modifier": "resource",
"format": "Book",
"formatIcon": "book",
"name": "Resource",
"title": "Dolores Necessitatibus Sint Perferendis Omnis Voluptates",
"byline": "Tempore Vero Itaque Totam",
"locality": "Niue",
"topics": [
"Moratorium",
"Task-Force"
],
"topicCount": 7,
"href": "resource",
"standAlone": true
},
{
"id": 7,
"modifier": "resource",
"format": "Academic Paper",
"formatIcon": "academic",
"name": "Resource",
"title": "Facere Qui Ullam Incidunt Cupiditate Aperiam Nobis Velit Eveniet Et Aliquid",
"byline": "Facilis Vitae Dolorum Veritatis",
"locality": "Papua New Guinea",
"topics": [
"Product",
"Open System"
],
"topicCount": 3,
"href": "resource",
"standAlone": true
}
]
}
There are no notes for this item.