Update Misc page and README, add apps

CONTRIBUTING.md

@@ -1,20 +1,43 @@
 
 # CONTRIBUTING
 
-Don't hesitate to send a merge request!
+Don't hesitate to send a merge request.
 
-Two easy and most welcome ways to contribute are:
+### [Submitting software](submitting-software)
-1. submitting short news to The Chronicles
-2. writing an internal article for the website
 
-### Submitting news
+Tools submitted to **/MORE** website page **must be**:
+* Fully open source (please, consider showcasing your closed source apps on https://the-federation.info)
+* Supporting or planning to support one of the following protocols: OStatus, diaspora, Zot, ActivityPub (please, consider showcasing your apps federating via other protocols on https://the-federation.info)
+
+Fork this repository. Add your project data to `./source/_data/miscellaneous.json` file.
+
+A project **must have** *title, source, protocols (1 string, comma separated), categories* and appropriate protocol classes marked as `true`.
+
+Please, choose no more than **2 categories** (array of strings) for the tool. The ones it was initially designed for.
+
+#### Categories (WIP, may change in the future)
+* `SN-ma` (social network: macroblogging)
+* `SN-mi` (social network: microblogging)
+* `Blog-Pub` (blog and publishing software)
+* `Media` (media sharing: images, audio, etc)
+* `Links` (link sharing)
+* `Ev-Meet` (events, meetups, calendars)
+* `Files` (file hosting software)
+* `Coop` (cooperatives, shared management)
+* `Econ` (economic activities)
+* `DevTools` (developer tools: libraries and such)
+* `Plugins` (plugins)
+
+A project may have a logo / image (45x45px), placed in `./source/img/misc` folder.
+
+### [Submitting news](submitting-news)
 
 **Data located in**: `/source/_posts` folder
 
 **[Chronicles](https://fediverse.party/en/chronicles)** page aggregates latest news about major releases, development, interviews, related projects of Fediverse *social networks* (i.e., all the networks listed on main page).
 
-Posts are available via [RSS](https://fediverse.gitlab.io/atom.xml) subscription.
+Posts are available via [RSS](https://fediverse.party/atom.xml) subscription.
-`Preview` is rendered on Chronicles page (limited ammount), text after metadata is shown in RSS (unlimited).
+`Preview` is rendered on Chronicles page (limited ammount), text after metadata is shown in RSS (unlimited) and on post's page (see [Tags](https://fediverse.party/tags) ).
 
 Every post **must have** the following __metadata__:
 
@@ -31,11 +54,11 @@ lang: en
 ```
 
 `Tags`
-A post may have one of these tags: fediverse, gnusocial, diaspora, friendica, hubzilla, mastodon, postactiv, pleroma, socialhome, ganggo, misskey, peertube, aardwolf
+A post may have one of these tags: fediverse, gnusocial, diaspora, friendica, hubzilla, mastodon, postactiv, pleroma, socialhome, ganggo, misskey, peertube, osada
 
 `Preview`
 Limit 150 characters - for "regular" and "wanted" posts, limit 350 characters - for "featured" post.
-Please, make preview a 150-characters note (350-characters for "featured"), otherwise it gets truncated half-sentence and will be posted that way on the Chronicles front page. Not good.
+Please, stay within the limits in preview, otherwise it gets truncated half-sentence and will be posted that way on the Chronicles front page. Not good.
 
 __Optional metadata__:
 
@@ -55,19 +78,15 @@ Add this metadata to a new internal website's article, to show the post in a pro
 `Wanted` and `featured` can't be mixed and are temporary. This metadata must be removed from an older post when creating a new "featured" or "wanted" post.
 
 `Banner`
-Required for "featured" posts only, an image wide enough to be used as a fullscreen background, should be placed in `/source/_posts/exact-post-file-name` folder. See [example](./source/_posts/why-use-federated-networks).
+Required for "featured" posts only, an image wide enough to be used as a fullscreen background, should be placed in `/source/_posts/exact-post-file-name` folder. See [example](https://gitlab.com/fediverse/fediverse.gitlab.io/tree/master/source/_posts/fediverse-saves-from-pickup-artists-and-7-more-reasons-to-join).
 
 `Authors`
 Required for "featured" posts only. Add an array of object(s): name you wish to be shown as the author, and one website link. If it's the link to yout account on Fediverse, specify network name - lower case, without spaces.
 
-### Writing an internal article
+### [Writing internal article](Writing-internal-article)
 
-Please, feel free to work on [FAQ](https://fediverse.party/en/post/FAQ-for-newcomers), [why use federated networks](https://fediverse.party/en/post/why-use-federated-networks) stub articles, or submit a piece dedicated to the topic of your own choosing (related to Fediverse social networks).
+Each new internal article will be posted as "featured" in the prominent part of the Chronicles page, and will stay there for a while. It will also be distributed via RSS subscription. Your name will be featured as the author(s).
-
-Each new internal article will be posted as "featured" in the prominent part of the Chronicles page, and will stay there for a while. It will also be distributed via RSS subscription. Your name and avatar will be featured as the author(s).
-
-Please, consider submitting an original text that hasn't yet been published elsewhere. If you have a good relevant post on your own blog, submit it as a link addition to any Network page or Fediverse page. It doesn't make much sense to duplicate content.
 
 A merge request with an article will include all the things mentioned above for a `featured` post: a file placed in `/source/_posts` folder with necessary metadata, a 350-character preview and full text after metadata section, written in markdown. A banner image should be added to `/source/_posts/exact-post-file-name` folder that you'll create. Any other images used in the article may be placed there as well.
 
-**Thanks in advance!**
+**Thanks!**

source/_data/miscellaneous.json

@@ -27,45 +27,6 @@
         "OStatusClass": false,
         "categories": ["Media"]
       },
-      {
-        "title": "Plume",
-        "source": "github.com/Plume-org/Plume",
-        "protocols": "ActivityPub",
-        "site": "",
-        "logo": "/img/misc/plume.svg",
-        "servers": "the-federation.info/plume",
-        "apClass": true,
-        "zotClass": false,
-        "diasporaClass": false,
-        "OStatusClass": false,
-        "categories": ["Blog-Pub"]
-      },
-      {
-        "title": "Write Freely",
-        "source": "github.com/writeas/writefreely",
-        "protocols": "ActivityPub",
-        "site": "writefreely.org",
-        "logo": "/img/misc/writefreely.svg",
-        "servers": "the-federation.info/writefreely",
-        "apClass": true,
-        "zotClass": false,
-        "diasporaClass": false,
-        "OStatusClass": false,
-        "categories": ["Blog-Pub"]
-      },
-      {
-        "title": "Read.as",
-        "source": "github.com/writeas/Read.as",
-        "protocols": "ActivityPub",
-        "site": "read.as",
-        "logo": "",
-        "servers": "the-federation.info/read.as",
-        "apClass": true,
-        "zotClass": false,
-        "diasporaClass": false,
-        "OStatusClass": false,
-        "categories": ["Blog-Pub"]
-      },
       {
         "title": "Kroeg",
         "source": "git.puckipedia.com/kroeg",
@@ -79,19 +40,6 @@
         "OStatusClass": false,
         "categories": ["SN-mi"]
       },
-      {
-        "title": "microblog.pub",
-        "source": "github.com/tsileo/microblog.pub",
-        "protocols": "ActivityPub",
-        "site": "",
-        "logo": "",
-        "servers": "fediverse.network/microblogpub",
-        "apClass": true,
-        "zotClass": false,
-        "diasporaClass": false,
-        "OStatusClass": false,
-        "categories": ["SN-mi"]
-      },
       {
         "title": "Rustodon",
         "source": "github.com/rustodon/rustodon",
@@ -106,12 +54,12 @@
         "categories": ["SN-mi"]
       },
       {
-        "title": "dokieli",
+        "title": "Write Freely",
-        "source": "github.com/linkeddata/dokieli",
+        "source": "github.com/writeas/writefreely",
         "protocols": "ActivityPub",
-        "site": "dokie.li",
+        "site": "writefreely.org",
-        "logo": "",
+        "logo": "/img/misc/writefreely.svg",
-        "servers": "",
+        "servers": "the-federation.info/writefreely",
         "apClass": true,
         "zotClass": false,
         "diasporaClass": false,
@@ -119,43 +67,56 @@
         "categories": ["Blog-Pub"]
       },
       {
-        "title": "Prismo",
+        "title": "Plume",
-        "source": "gitlab.com/mbajur/prismo",
+        "source": "github.com/Plume-org/Plume",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "/img/misc/plume.svg",
+        "servers": "the-federation.info/plume",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Blog-Pub"]
+      },
+      {
+        "title": "Read.as",
+        "source": "github.com/writeas/Read.as",
+        "protocols": "ActivityPub",
+        "site": "read.as",
+        "logo": "/img/misc/readas.svg",
+        "servers": "the-federation.info/read.as",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Blog-Pub"]
+      },
+      {
+        "title": "microblog.pub",
+        "source": "github.com/tsileo/microblog.pub",
         "protocols": "ActivityPub",
         "site": "",
         "logo": "",
-        "servers": "",
+        "servers": "fediverse.network/microblogpub",
         "apClass": true,
         "zotClass": false,
         "diasporaClass": false,
         "OStatusClass": false,
-        "categories": ["Links"]
+        "categories": ["SN-mi"]
       },
       {
-        "title": "Nextcloud",
+        "title": "Mobilizon",
-        "source": "github.com/nextcloud/activity",
+        "source": "framagit.org/framasoft/mobilizon",
         "protocols": "ActivityPub",
-        "site": "nextcloud.com",
+        "site": "",
         "logo": "",
-        "servers": "",
+        "servers": "the-federation.info/mobilizon",
         "apClass": true,
         "zotClass": false,
         "diasporaClass": false,
         "OStatusClass": false,
-        "categories": ["Files-Cal"]
+        "categories": ["Ev-Meet"]
-      },
-      {
-        "title": "ownCloud",
-        "source": "github.com/owncloud/activity",
-        "protocols": "ActivityPub",
-        "site": "owncloud.org",
-        "logo": "",
-        "servers": "",
-        "apClass": true,
-        "zotClass": false,
-        "diasporaClass": false,
-        "OStatusClass": false,
-        "categories": ["Files-Cal"]
       },
       {
         "title": "reel2bits",
@@ -169,6 +130,214 @@
         "diasporaClass": false,
         "OStatusClass": false,
         "categories": ["Media"]
+      },
+      {
+        "title": "CommonsPub",
+        "source": "gitlab.com/OpenCoop/CommonsPub",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Coop"]
+      },
+      {
+        "title": "dokieli",
+        "source": "github.com/linkeddata/dokieli",
+        "protocols": "ActivityPub",
+        "site": "dokie.li",
+        "logo": "/img/misc/dokieli.png",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Blog-Pub"]
+      },
+      {
+        "title": "FediBlog",
+        "source": "framagit.org/DavidLibeau/FediBlog",
+        "protocols": "ActivityPub",
+        "site": "fedi.blog",
+        "logo": "/img/misc/fediblog.svg",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Blog-Pub"]
+      },
+      {
+        "title": "Prismo",
+        "source": "gitlab.com/mbajur/prismo",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "/img/misc/prismo.png",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Links"]
+      },
+      {
+        "title": "Littr.go",
+        "source": "github.com/mariusor/littr.go",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Links"]
+      },
+      {
+        "title": "ForgeFed",
+        "source": "github.com/forgefed/forgefed",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["DevTools"]
+      },
+      {
+        "title": "Anfora",
+        "source": "github.com/anforaProject/anfora",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "/img/misc/anfora.svg",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Media"]
+      },
+      {
+        "title": "Go-Fed Activity",
+        "source": "github.com/go-fed/activity",
+        "protocols": "ActivityPub",
+        "site": "go-fed.org",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["DevTools"]
+      },
+      {
+        "title": "Pterotype",
+        "source": "github.com/pterotype-project/pterotype",
+        "protocols": "ActivityPub",
+        "site": "getpterotype.com",
+        "logo": "/img/misc/pterotype.png",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Plugins"]
+      },
+      {
+        "title": "BridgyFed",
+        "source": "github.com/snarfed/bridgy-fed",
+        "protocols": "ActivityPub, OStatus",
+        "site": "fed.brid.gy",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": true,
+        "categories": ["DevTools"]
+      },
+      {
+        "title": "Federation",
+        "source": "git.feneas.org/jaywink/federation",
+        "protocols": "ActivityPub, diaspora",
+        "site": "federation.readthedocs.io",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": true,
+        "OStatusClass": false,
+        "categories": ["DevTools"]
+      },
+      {
+        "title": "Little Boxes",
+        "source": "github.com/tsileo/little-boxes",
+        "protocols": "ActivityPub",
+        "site": "little-boxes.readthedocs.io",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["DevTools"]
+      },
+      {
+        "title": "Python ActivityPub",
+        "source": "github.com/dsblank/activitypub",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["DevTools"]
+      },
+      {
+        "title": "pubgate",
+        "source": "github.com/autogestion/pubgate",
+        "protocols": "ActivityPub",
+        "site": "",
+        "logo": "",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["DevTools"]
+      },
+      {
+        "title": "Nextcloud",
+        "source": "github.com/nextcloud/activity",
+        "protocols": "ActivityPub",
+        "site": "nextcloud.com",
+        "logo": "/img/misc/nextcloud.png",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Files"]
+      },
+      {
+        "title": "ownCloud",
+        "source": "github.com/owncloud/activity",
+        "protocols": "ActivityPub",
+        "site": "owncloud.org",
+        "logo": "/img/misc/owncloud.png",
+        "servers": "",
+        "apClass": true,
+        "zotClass": false,
+        "diasporaClass": false,
+        "OStatusClass": false,
+        "categories": ["Files"]
       }
     ]
 }

source/en/miscellaneous/index.md

@@ -3,5 +3,5 @@
 layout: "miscellaneous"
 title: ""
 banner: "/img/misc-bg.png"
-percent: "45% 60%"
+percent: "45% 100%"
 ---

source/img/misc/anfora.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#F15638" d="M19.59 13.378l1.456-8.257-3.005-.53-.318-1.803 5.387.95-2.61 14.8-.91-5.16zM3.963 5.363l5.397-.952a.763.763 0 0 1 .265 1.501L8.1 6.18l.343 1.947c2.037.746 4.918 2.314 5.325 4.621.115.654.136 1.437.072 2.279l-7.927 1.398-1.95-11.062zM.721 3.154L17.317.228l3.657 20.742-16.595 2.926L.721 3.154zm2.022 1.355l2.316 13.137 13.139-2.317-2.317-13.137L2.743 4.509z"/></svg>

source/img/misc/fediblog.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#010101" d="M5.838 6.865V5.738H2.476v5.607h1.126V9.101h2.236V7.983H3.602V6.865h2.236zm1.118 1.118H19.28v1.118H6.956V7.983zm0-2.245h14.559v1.118H6.956V5.738zM.24 3.502v16.795h1.118V4.62h21.284v15.677h1.118V3.502H.24z"/></svg>

themes/starter/languages/en.yml

@@ -6,6 +6,7 @@
 menu: MENU
 chronicles: Chronicles
 knowledge: Knowledge
+more: More apps
 portal: Portal
 logo: logo hub
 about: ABOUT

themes/starter/layout/_partial/heroheader.ejs

@@ -1,5 +1,5 @@
 
-<header class="hero-header" style="background: url('<% if (page.banner) { %> <%= page.banner %> <% } else { %> /img/knowledge-bg.jpg <% } %>') <% if (page.percent) { %> <%= page.percent %> <% } else { %> 50% 50% <% } %> no-repeat;">
+<header class="hero-header" style="background: #211d1f url('<% if (page.banner) { %> <%= page.banner %> <% } else { %> /img/knowledge-bg.jpg <% } %>') <% if (page.percent) { %> <%= page.percent %> <% } else { %> 50% 50% <% } %> no-repeat; background-size: cover;">
   <div class="heading">
     <h1><%= page.title %></h1>
     <h4 class="subheading"><%= page.subtitle || "" %></h4>

themes/starter/layout/_partial/navbar.ejs

@@ -20,6 +20,7 @@
     <li><a href="<%= url_for(page.lang + '/fediverse/') %>"><svg class="f-icon"><use xlink:href="#icon-star"></use></svg> <span>Fediverse</span></a></li>
     <li><a href="<%= url_for(page.lang + '/chronicles/') %>"><svg class="f-icon"><use xlink:href="#icon-star"></use></svg> <span><%- __('chronicles') %></span></a></li>
     <li><a href="<%= url_for(page.lang + '/knowledge/') %>"><svg class="f-icon"><use xlink:href="#icon-star"></use></svg> <span><%- __('knowledge') %></span></a></li>
+    <li><a href="<%= url_for(page.lang + '/miscellaneous/') %>"><svg class="f-icon"><use xlink:href="#icon-star"></use></svg> <span><%- __('more') %></span></a></li>
     <li class="todo"><%- __('portal') %></li>
     <li class="source">
       <div class="u-extra">

themes/starter/layout/miscellaneous.ejs

@@ -17,15 +17,17 @@ layout: layout
   <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 (macro)</p><input id="snMacro" type="checkbox">
-  <p class="option">Social network (micro)</p> <input id="snMicro" 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">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">Media sharing (audio, images)</p><input id="media" type="checkbox">
-  <p class="option">Link sharing</p> <input id="links" 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">Events &#38; meetups</p><input id="evMeet" type="checkbox">
-  <p class="option">File hosting &#38; Calendar</p> <input id="files" type="checkbox">
+  <p class="option">File hosting</p> <input id="files" type="checkbox">
-  <p class="option">Developer Tools</p> <input id="dev" type="checkbox">
+  <p class="option">Economic activities</p><input id="econ" type="checkbox">
-  <p class="option">Plugins</p> <input id="plugins" 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">
 
   <section class="grid misc__grid">
     <% for (item in apps) { %>
@@ -55,4 +57,8 @@ layout: layout
       </div>
     <% } %>
   </section>
+  <p>Something's missing? <a class="dark-ui" href="https://gitlab.com/fediverse/fediverse.gitlab.io/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://gitlab.com/fediverse/fediverse.gitlab.io/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://gitlab.com/fediverse/fediverse.gitlab.io/wikis/watchlist-for-activitypub-apps">list</a>.</p>
+  <p>Other sources: <a class="dark-ui" href="https://ethercalc.org/fediverse-stacks">spreadsheet</a> by <a class="dark-ui" href="https://pub.mayel.space/users/mayel">@mayel</a>, implementation report on <a class="dark-ui" href="https://activitypub.rocks/implementation-report">activitypub.rocks</a> website.</p>
 </article>

themes/starter/source/assets/scss/modules/_misc.scss

@@ -1,16 +1,14 @@
 
 .miscellaneous .hero-header {
-  height: 420px;
+  height: 100%;
+  max-height: 350px;
   box-shadow: 1px 1px 4px 2px $black;
 }
 
 .misc {
   background: $asphalt;
   color: $white;
-}
+  min-height: 90%;
-
-.misc a {
-  border: 0;
 }
 
 .misc svg {
@@ -35,11 +33,11 @@
 }
 
 .misc input {
-  vertical-align: sub;
+  vertical-align: middle;
-  margin: 0 1.2em 0 .4em;
+  margin: 0 1em 0 .2em;
 }
 
-.misc p:nth-of-type(n+5):nth-of-type(-n+13) {
+.misc p:nth-of-type(n+5):nth-of-type(-n+15) {
   color: $white;
 }
 
@@ -50,6 +48,10 @@
   margin: 1.2em 0;
 }
 
+.misc__grid a {
+  border: 0;
+}
+
 .misc__grid .card {
   background-color: $white;
   color: $black;
@@ -101,54 +103,20 @@
   display: inline-block;
 }
 
-.option + #sortAP:checked ~ .misc__grid .card:not(.ap) {
+.option + #sortAP:checked ~ .misc__grid .card:not(.ap),
-  display: none;
+.option + #sortZot:checked ~ .misc__grid .card:not(.zot),
-}
+.option + #sortDiaspora:checked ~ .misc__grid .card:not(.dia),
-
+.option + #sortOstatus:checked ~ .misc__grid .card:not(.os),
-.option + #sortZot:checked ~ .misc__grid .card:not(.zot) {
+.option + #snMacro:checked ~ .misc__grid .card:not(.SN-ma),
-  display: none;
+.option + #snMicro:checked ~ .misc__grid .card:not(.SN-mi),
-}
+.option + #blogPub:checked ~ .misc__grid .card:not(.Blog-Pub),
-
+.option + #media:checked ~ .misc__grid .card:not(.Media),
-.option + #sortDiaspora:checked ~ .misc__grid .card:not(.dia) {
+.option + #links:checked ~ .misc__grid .card:not(.Links),
-  display: none;
+.option + #evMeet:checked ~ .misc__grid .card:not(.Ev-Meet),
-}
+.option + #files:checked ~ .misc__grid .card:not(.Files),
-
+.option + #dev:checked ~ .misc__grid .card:not(.DevTools),
-.option + #sortOstatus:checked ~ .misc__grid .card:not(.os) {
+.option + #econ:checked ~ .misc__grid .card:not(.Econ),
-  display: none;
+.option + #coop:checked ~ .misc__grid .card:not(.Coop),
-}
-
-.option + #snMacro:checked ~ .misc__grid .card:not(.SN-ma) {
-  display: none;
-}
-
-.option + #snMicro:checked ~ .misc__grid .card:not(.SN-mi) {
-  display: none;
-}
-
-.option + #blogPub:checked ~ .misc__grid .card:not(.Blog-Pub) {
-  display: none;
-}
-
-.option + #media:checked ~ .misc__grid .card:not(.Media) {
-  display: none;
-}
-
-.option + #links:checked ~ .misc__grid .card:not(.Links) {
-  display: none;
-}
-
-.option + #evMeet:checked ~ .misc__grid .card:not(.Ev-Meet) {
-  display: none;
-}
-
-.option + #files:checked ~ .misc__grid .card:not(.Files-Cal) {
-  display: none;
-}
-
-.option + #dev:checked ~ .misc__grid .card:not(.Devtools) {
-  display: none;
-}
-
 .option + #plugins:checked ~ .misc__grid .card:not(.Plugins) {
   display: none;
 }

themes/starter/source/assets/scss/partials/_layout.scss

@@ -64,6 +64,17 @@ a {
     }
 }
 
+a.dark-ui {
+  color: $white;
+  border-bottom: 1px solid $white;
+    &:hover,
+    &:focus,
+    &:active {
+      color: $golden;
+      outline: none;
+    }
+}
+
 small {
   font-size: .85rem;
 }
@@ -141,7 +152,7 @@ dfn {
 .container-wrapper {
   height: inherit;
   width: inherit;
-  overflow: scroll;
+  overflow-y: scroll;
 }
 
 .container {