Home

<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">Corrupti Consectetur Quae Et Est Qui Voluptate Dolorem Laudantium Ut Perspiciatis</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 Qui Quis</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>
                                    Italy</span>
                            </div>
                            <div class="card__tags tags">
                                <div class="badge">
                                    <span class="screen-reader-text">Topic: </span>Protocol
                                </div>
                                <div class="badge">
                                    <span class="screen-reader-text">Topic: </span>Policy
                                </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">Sint Necessitatibus Voluptas Expedita Deserunt Aut Architecto Iure Nesciunt</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 Adipisci Est Aut Doloribus</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>
                                    Mauritius</span>
                            </div>
                            <div class="card__tags tags">
                                <div class="badge">
                                    <span class="screen-reader-text">Topic: </span>Throughput
                                </div>
                                <div class="badge">
                                    <span class="screen-reader-text">Topic: </span>Architecture
                                </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">Quas Nam Minima Et Id Excepturi Quos Rerum Dolores Reprehenderit</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 Iusto in 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--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>
                                    France</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>Throughput
                                </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">Quibusdam Enim Neque Sed</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 Quos Nihil Qui Beatae</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>
                                    Egypt</span>
                            </div>
                            <div class="card__tags tags">
                                <div class="badge">
                                    <span class="screen-reader-text">Topic: </span>Attitude
                                </div>
                                <div class="badge">
                                    <span class="screen-reader-text">Topic: </span>Process Improvement
                                </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">Sequi Libero Labore 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 Quidem Delectus Occaecati 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--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>
                                Morocco</span>
                        </div>
                        <div class="card__tags tags">
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Service Desk
                            </div>
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Encoding
                            </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">Ut Ullam Rerum Ratione Tenetur Voluptatem Mollitia Provident Nisi Maiores Est Nesciunt</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 Beatae Iste Optio 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--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>
                                Sierra Leone</span>
                        </div>
                        <div class="card__tags tags">
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Standardization
                            </div>
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Local Area Network
                            </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">Beatae Ad Provident Hic Consequatur Odio Ut</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 Labore Est 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--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>
                                Montserrat</span>
                        </div>
                        <div class="card__tags tags">
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Encryption
                            </div>
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Help Desk
                            </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">Quia Autem Veritatis Et 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 Nulla 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>
                                Botswana</span>
                        </div>
                        <div class="card__tags tags">
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Attitude
                            </div>
                            <div class="badge">
                                <span class="screen-reader-text">Topic: </span>Emulation
                            </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 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": "Corrupti Consectetur Quae Et Est Qui Voluptate Dolorem Laudantium Ut Perspiciatis",
      "byline": "Qui Quis",
      "locality": "Italy",
      "topics": [
        "Protocol",
        "Policy"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true
    },
    {
      "id": 1,
      "modifier": "resource",
      "format": "Case Study",
      "formatIcon": "case-study",
      "name": "Resource",
      "title": "Sint Necessitatibus Voluptas Expedita Deserunt Aut Architecto Iure Nesciunt",
      "byline": "Adipisci Est Aut Doloribus",
      "locality": "Mauritius",
      "topics": [
        "Throughput",
        "Architecture"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true
    },
    {
      "id": 2,
      "modifier": "resource",
      "format": "Toolkit",
      "formatIcon": "toolkit",
      "name": "Resource",
      "title": "Quas Nam Minima Et Id Excepturi Quos Rerum Dolores Reprehenderit",
      "byline": "Iusto in Assumenda",
      "locality": "France",
      "topics": [
        "Utilisation",
        "Throughput"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true
    },
    {
      "id": 3,
      "modifier": "resource",
      "format": "Educational Curriculum",
      "formatIcon": "curriculum",
      "name": "Resource",
      "title": "Quibusdam Enim Neque Sed",
      "byline": "Quos Nihil Qui Beatae",
      "locality": "Egypt",
      "topics": [
        "Attitude",
        "Process Improvement"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true
    },
    {
      "id": 4,
      "modifier": "resource",
      "format": "Video",
      "formatIcon": "video",
      "name": "Resource",
      "title": "Sequi Libero Labore Est",
      "byline": "Quidem Delectus Occaecati Voluptas",
      "locality": "Morocco",
      "topics": [
        "Service-Desk",
        "Encoding"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true
    },
    {
      "id": 5,
      "modifier": "resource",
      "format": "Article",
      "formatIcon": "article",
      "name": "Resource",
      "title": "Ut Ullam Rerum Ratione Tenetur Voluptatem Mollitia Provident Nisi Maiores Est Nesciunt",
      "byline": "Beatae Iste Optio Velit",
      "locality": "Sierra Leone",
      "topics": [
        "Standardization",
        "Local Area Network"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true
    },
    {
      "id": 6,
      "modifier": "resource",
      "format": "Book",
      "formatIcon": "book",
      "name": "Resource",
      "title": "Beatae Ad Provident Hic Consequatur Odio Ut",
      "byline": "Labore Est Aut",
      "locality": "Montserrat",
      "topics": [
        "Encryption",
        "Help-Desk"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true
    },
    {
      "id": 7,
      "modifier": "resource",
      "format": "Academic Paper",
      "formatIcon": "academic",
      "name": "Resource",
      "title": "Quia Autem Veritatis Et Sunt",
      "byline": "Nulla Et",
      "locality": "Botswana",
      "topics": [
        "Attitude",
        "Emulation"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true
    }
  ]
}

There are no notes for this item.