---
layout: layout
---

<%
  const apps = site.data.miscellaneous.apps;
%>

<%- partial('_partial/heroheader') %>

<article class="contents misc">
  <h2>EXPLORE FEDIVERSE SOFTWARE</h2>

  <p class="option">ActivityPub</p> <input id="sortAP" type="checkbox">
  <p class="option">Zot</p> <input id="sortZot" type="checkbox">
  <p class="option">diaspora</p> <input id="sortDiaspora" type="checkbox">
  <p class="option">OStatus</p> <input id="sortOstatus" type="checkbox">
  <br>

  <p class="option">Social network (macro)</p><input id="snMacro" type="checkbox">
  <p class="option">Social network (micro)</p><input id="snMicro" type="checkbox">
  <p class="option">Blog &#38; Publishing</p><input id="blogPub" type="checkbox">
  <p class="option">Media sharing (audio, images)</p><input id="media" type="checkbox">
  <p class="option">Link sharing</p><input id="links" type="checkbox">
  <p class="option">Events &#38; meetups</p><input id="evMeet" type="checkbox">
  <p class="option">File hosting</p> <input id="files" type="checkbox">
  <p class="option">Cooperatives &#38; shared</p><input id="coop" type="checkbox">
  <p class="option">Developer Tools</p><input id="dev" type="checkbox">
  <p class="option">Plugins</p><input id="plugins" type="checkbox">
  <p class="option">Relays</p><input id="relays" type="checkbox">

  <section class="grid misc__grid cards">
    <% for (item in apps) { %>
      <% let type = apps[item].categories %>

      <button class="card <% if (apps[item].apClass) { %>ap<% } %> <% if (apps[item].zotClass) { %>zot<% } %> <% if (apps[item].diasporaClass) { %>dia<% } %> <% if (apps[item].OStatusClass) { %>os<% } %> <% for (t in type) { %><%=type[t]%><% } %>">

        <div class="card__content">
          <div class="card__title">
            <% if (apps[item].logo) { %><img src="<%= apps[item].logo %>" alt="logo"><% } %>
            <p class="title u-emphasize"><%= apps[item].title %></p>
          </div>
          <div class="card__body">
            <% if (apps[item].site) { %>
              <h4 class="card__subtitle">Website</h4>
              <% let path = apps[item].site.split('://') %>
              <p><a href="<%= apps[item].site %>"><%= path[1] %></a>
              <svg role="img"><title>remote link</title><use xlink:href="#icon-link"></use></svg></p>
            <% } %>
            <h4 class="card__subtitle">Source code</h4>
            <p><a href="<%= apps[item].source %>">repository</a> <svg role="img"><title>remote link</title><use xlink:href="#icon-link"></use></svg></p>
            <% if (apps[item].servers) { %>
              <h4 class="card__subtitle">Servers</h4>
              <p><a href="<%= apps[item].servers %>">list</a> <svg role="img"><title>remote link</title><use xlink:href="#icon-link"></use></svg></p>
            <% } %>
            <% if (apps[item].FediAccount) { %>
              <h4 class="card__subtitle">Contact</h4>
              <p><a href="<%= apps[item].FediAccount %>">account</a> <svg role="img"><title>remote link</title><use xlink:href="#icon-link"></use></svg></p>
            <% } %>
            <span class="card__more u-emphasize">more info<i>▶</i</span>
          </div>
          <div class='card__extra'>
            <% if (apps[item].codeLanguage) { %>
              <h4 class="card__subtitle">Code language</h4>
              <p><%= apps[item].codeLanguage %></p>
            <% } %>
            <% if (apps[item].techStack) { %>
              <h4 class="card__subtitle">Tech stack</h4>
              <p><%= apps[item].techStack %></p>
            <% } %>
              <h4 class="card__subtitle">Protocols</h4>
              <p><%= apps[item].protocols %></p>
            <% if (apps[item].FediAccount) { %>
              <h4 class="card__subtitle">About</h4>
              <p class="card__about">
              <%- truncate( (apps[item].description), {length: 250, omission: '...'}) %>
            </p>
            <% } %>
          </div>
        </div>
      </button>
    <% } %>
  </section>

  <p>Something's missing? <a class="dark-ui" href="https://git.feneas.org/feneas/fediverse/blob/master/CONTRIBUTING.md#submitting-software">Add</a> it.</p>
  <p>Software no longer maintained, renamed, broken link? Please, <a class="dark-ui" href="https://git.feneas.org/feneas/fediverse/issues">let us know</a>.</p>
  <p>Special thanks to <a class="dark-ui" href="https://mastodon.nzoss.nz/@strypey">@strypey</a> - for curating this <a class="dark-ui" href="https://git.feneas.org/feneas/fediverse/wikis/watchlist-for-activitypub-apps">list</a>.</p>
  <p>Other sources: implementation report on <a class="dark-ui" href="https://activitypub.rocks/implementation-report">activitypub.rocks</a> website.</p>

</article>