Merge PR #220

site/data/organisations/organisations.json

@@ -2,697 +2,814 @@
   {
     "name": "ADULLACT",
     "img": "adullact.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://adullact.org/"
   },
   {
     "name": "Ajuntament de Barcelona",
     "img": "bcn.png",
+    "orgtype": "administration",
     "priority": "1",
     "url": "http://www.bcn.cat/"
   },
   {
     "name": "apertus° Association",
     "img": "apertus.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://www.apertus.org/"
   },
   {
     "name": "Aptivate",
     "img": "aptivate.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "www.aptivate.org/"
   },
   {
     "name": "ASL.Org - Associação Software Livre ",
     "img": "asl-org.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://asl.org.br"
   },
   {
     "name": "Digitale Allmend",
     "img": "digitaleallmend.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://allmend.ch/"
   },
   {
     "name": "Aquilenet",
     "img": "aquilenet.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://www.aquilenet.fr/"
   },
   {
     "name": "Asociația pentru Tehnologie și Internet",
     "img": "apti.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.apti.ro/"
   },
   {
     "name": "Association Francophone des Utilisateurs de Logiciels Libres",
     "img": "aful.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://aful.org/"
   },
   {
     "name": "Associação Ensino Livre",
     "img": "ael.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://ensinolivre.pt"
   },
   {
     "name": "Associação Nacional para o Software Livre",
     "img": "ansol.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://ansol.org/"
   },
   {
     "name": "CCC Switzerland",
     "img": "ccc-ch.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://ccc-ch.ch/"
   },
   {
     "name": "CMS Garden",
     "img": "CMSGarden.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "http://www.cms-garden.org/en"
   },
   {
     "name": "Colectic",
     "img": "colectic.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://colectic.coop/"
   },
   {
     "name": "Commons Institut",
     "img": "CommonsInstitut.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://commons-institut.org/"
   },
   {
     "name": "P2P Foundation",
     "img": "P2PFoundation.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://p2pfoundation.net/"
   },
   {
     "name": "Digitale Gesellschaft",
     "img": "digitalegesellschaft.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://digitalegesellschaft.de/"
   },
   {
     "name": "Do-FOSS",
     "img": "do-foss.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "http://blog.do-foss.de/"
   },
   {
     "name": "Center for the Cultivation of Technology",
     "img": "CCT.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://techcultivation.org/"
   },
   {
     "name": "Courage Foundation",
     "img": "couragefound.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://couragefound.org/"
   },
   {
     "name": "Chaos Computer Club",
     "img": "CCC.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://www.ccc.de"
   },
   {
     "name": "Creative Commons",
     "img": "creativecommons.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://creativecommons.org/"
   },
   {
     "name": "Debian",
     "img": "debian.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://debian.org"
   },
   {
     "name": "Digitale Gesellschaft Schweiz",
     "img": "dgs.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.digitale-gesellschaft.ch/"
   },
   {
     "name": "DFRI",
     "img": "dfri.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.dfri.se/?lang=en"
   },
   {
     "name": "Democracy OS France",
     "img": "democracyosFR.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://democracyos.eu/"
   },
   {
     "name": "Drupal",
     "img": "drupal.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://drupal.org"
   },
   {
     "name": "ExposeFacts",
     "img": "exposefacts.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://exposefacts.org/"
   },
   {
     "name": "ELLAK Cyprus",
     "img": "ELLAKCyprus.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://ellak.org.cy/"
   },
   {
     "name": "FAImaison",
     "img": "FAImaison.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.faimaison.net/"
   },
   {
     "name": "Linux User Group Of Slovenia",
     "img": "lugos.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://www.lugos.si"
   },
   {
     "name": "digitalcourage",
     "img": "digitalcourage.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://digitalcourage.de/"
   },
   {
     "name": "D3-Defesa dos Direitos Digitais",
     "img": "DefensaDosDireitosDigitais.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://direitosdigitais.pt/"
   },
   {
     "name": "April",
     "img": "april.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://www.april.org/en"
   },
   {
     "name": "Doteveryone",
     "img": "doteveryone.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://doteveryone.org.uk/"
   },
   {
     "name": "Dyne.org Foundation",
     "img": "dyne.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://dyne.org"
   },
   {
     "name": "European Digital Rights",
     "img": "edri.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://edri.org"
   },
   {
     "name": "ePaństwo Foundation",
     "img": "epanstwo.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://epf.org.pl"
   },
   {
     "name": "Epicenter.works",
     "img": "epicenterworks.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://epicenter.works"
   },
   {
     "name": "FACIL",
     "img": "facil.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://facil.qc.ca/"
   },
   {
     "name": "Fedora Project",
     "img": "fedora.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://fedoraproject.org/"
   },
   {
     "name": "FIfF",
     "img": "FIfF.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.fiff.de/"
   },
   {
     "name": "FFKP (Society for Free Culture and Software)",
     "img": "ffkp.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "http://ffkp.se/"
   },
   {
     "name": "FOSSASIA",
     "img": "fossasia.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://fossasia.org/"
   },
   {
     "name": "Framasoft",
     "img": "framasoft.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://framasoft.org/"
   },
   {
     "name": "Free Knowledge Institute",
     "img": "freeknowledgeinstitute.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "http://freeknowledge.eu/"
   },
   {
     "name": "Free Libre Open Source Software Kosova",
     "img": "flossk.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "http://flossk.org/"
   },
   {
     "name": "Free Software Foundation Europe",
     "img": "fsfe.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://fsfe.org"
   },
   {
     "name": "Freifunk.net",
     "img": "freifunk.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://freifunk.net/"
   },
   {
     "name": "Gentoo",
     "img": "gentoo.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://gentoo.org/"
   },
   {
     "name": "LILA",
     "img": "lila.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "http://libreart.info/"
   },
   {
     "name": "GFOSS",
     "img": "GFOSS.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://gfoss.eu/"
   },
   {
     "name": "GNOME",
     "img": "GNOME.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.gnome.org"
   },
   {
     "name": "GNU Image Manipulation Program (GIMP)",
     "img": "gimp.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://www.gimp.org/"
   },
   {
     "name": "GNU Solidario",
     "img": "gnusolidario.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "http://www.gnusolidario.org/"
   },
   {
     "name": "GreekLUG",
     "img": "greeklug.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.greeklug.gr/el/"
   },
   {
     "name": "Grupo de Amigos de Linux de Pontevedra",
     "img": "galpon.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://www.galpon.org/"
   },
   {
     "name": "gvSIG Association",
     "img": "gvsig.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "http://www.gvsig.com/"
   },
   {
     "name": "Hacking Lliure",
     "img": "lliure.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://hackinglliure.org/"
   },
   {
     "name": "HackYourPhD",
     "img": "HackYourPhD.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://hackyourphd.org/"
   },
   {
     "name": "Hermes Center for Transparency and Digital Human Rights",
     "img": "hermes.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.hermescenter.org/"
   },
   {
     "name": "Associazione Industria Italiana del Software Libero",
     "img": "iisl.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://www.industriasoftwarelibero.it/"
   },
   {
     "name": "Italian Linux Society",
     "img": "ils.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.ils.org/"
   },
   {
     "name": "Joomla",
     "img": "joomla.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://www.joomla.org/"
   },
   {
     "name": "Kersnikova",
     "img": "kersnikova.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://kersnikova.org/"
   },
   {
     "name": "KDE e.V.",
     "img": "kde.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://ev.kde.org"
   },
   {
     "name": "La Quadrature du Net",
     "img": "laquadrature.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.laquadrature.net"
   },
   {
     "name": "LibreITALIA",
     "img": "libreitalia.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "http://www.libreitalia.it/"
   },
   {
     "name": "linuxmuster.net e.V",
     "img": "linuxmuster.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.linuxmuster.net/"
   },
   {
     "name": "Linuxwochen",
     "img": "linuxwoche.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.linuxwochen.at/"
   },
   {
     "name": "Mageia",
     "img": "mageia.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://www.mageia.org/en/"
   },
   {
     "name": "Modern Poland Foundation",
     "img": "nowoczesnapolska.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://nowoczesnapolska.org.pl"
   },
   {
     "name": "Offene Kommunen.NRW",
     "img": "oknrw.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "http://oknrw.de"
   },
   {
     "name": "Openbit",
     "img": "openbit.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://openbit.eu/"
   },
   {
     "name": "Open Fabrication Network",
     "img": "ofn.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://openfabnet.com/"
   },
   {
     "name": "Open Knowledge Belgium",
     "img": "okbe.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.openknowledge.be/"
   },
   {
     "name": "Open Knowledge Foundation Deutschland",
     "img": "okf.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://okfn.de"
   },
   {
     "name": "Open Knowledge International",
     "img": "okint.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://okfn.org/"
   },
   {
     "name": "Open Labs",
     "img": "OpenLabs.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://openlabs.cc/en/"
   },
   {
     "name": "OpenMedia",
     "img": "openmedia.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://openmedia.org/"
   },
   {
     "name": "Open Rights Group",
     "img": "openrightsgroup.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.openrightsgroup.org/"
   },
   {
     "name": "OpenStreetMap France",
     "img": "openstreetmap-france.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.openstreetmap.fr/"
   },
   {
     "name": "Open Source Business Alliance",
     "img": "osba.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "http://osb-alliance.de"
   },
   {
     "name": "Open State Foundation",
     "img": "openstatefoundation.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://openstate.eu"
   },
   {
     "name": "openSUSE",
     "img": "OpenSUSE.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.opensuse.org/"
   },
   {
     "name": "Open Source Initiative",
     "img": "OpenSourceInitiative.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://opensource.org/"
   },
   {
     "name": "Otevřená města",
     "img": "otevrenamesta.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://www.otevrenamesta.cz/"
   },
   {
     "name": "OW2 Consortium",
     "img": "ow2.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.ow2.org/"
   },
   {
     "name": "p≡p foundation",
     "img": "pep.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://pep.foundation"
   },
   {
     "name": "Plone Foundation",
     "img": "plone.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://plone.org/"
   },
   {
     "name": "Public Software CIC",
     "img": "public-software-cic.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://publicsoftware.eu/"
   },
   {
     "name": "quintessenz - Verein zur Wiederherstellung der Bürgerrechte im Informationszeitalter",
     "img": "quintessenz.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://quintessenz.at"
   },
   {
     "name": "Rampa",
     "img": "rampa.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://www.rampalab.org/"
   },
   {
     "name": "Samtgemeinde Elbmarsch",
     "img": "samtgemeinde.png",
+    "orgtype": "administration",
     "priority": "1",
     "url": "http://www.samtgemeinde-elbmarsch.de/"
   },
   {
     "name": "Saregune",
     "img": "saregune.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "http://www.saregune.net/es/"
   },
   {
     "name": "Sentilo",
     "img": "sentilo.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "http://www.sentilo.io/"
   },
   {
     "name": "Slovensko.Digital",
     "img": "slovenskodigital.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://slovensko.digital/"
   },
   {
     "name": "Softcatalà",
     "img": "softcatala.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://www.softcatala.org/"
   },
   {
     "name": "Software Heritage",
     "img": "softwareheritage.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.softwareheritage.org/"
   },
   {
     "name": "Software Liberty Association Taiwan",
     "img": "slat.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://slat.org/"
   },
   {
     "name": "Spoločnosť pre otvorené informačné technológie",
     "img": "soit.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "http://www.soit.sk/"
   },
   {
     "name": "SwissLinux",
     "img": "swisslinux.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://swisslinux.org/"
   },
   {
     "name": "Technologiestiftung Berlin",
     "img": "tsb.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://www.technologiestiftung-berlin.de"
   },
   {
     "name": "The Document Foundation",
     "img": "tdf.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.documentfoundation.org"
   },
   {
     "name": "The Tor Project",
     "img": "torproject.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.torproject.org/"
   },
   {
     "name": "TYPO3 Association",
     "img": "typo3.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://typo3.org/association/"
   },
   {
     "name": "VideoLAN",
     "img": "videolan.png",
+    "orgtype": "international_ngo",
     "priority": "1",
     "url": "https://www.videolan.org"
   },
   {
     "name": "Waag Society",
     "img": "waag.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://waag.org"
   },
   {
     "name": "Wikimedia Deutschland",
     "img": "wikimedia-de.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://wikimedia.de"
   },
   {
     "name": "Wikimedia France",
     "img": "wikimediafrance.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://wikimedia.fr"
   },
   {
     "name": "Wikimedia Italia",
     "img": "wmit.png",
+    "orgtype": "national_ngo",
     "priority": "1",
     "url": "https://wiki.wikimedia.it/wiki/Main_page"
   },
   {
     "name": "Wilhelm Tux - Kampagne für Freie Software",
     "img": "wilhelmtux.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://wilhelmtux.ch/"
   },
   {
     "name": "World Privacy and Identity Association",
     "img": "wpia.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "https://wpia.club/"
   },
   {
     "name": "Xnet",
     "img": "xnet.png",
+    "orgtype": "regional_ngo",
     "priority": "0",
     "url": "https://xnet-x.net/"
   },
   {
     "name": "FOSSGIS e.V.",
     "img": "fossgis.png",
+    "orgtype": "national_ngo",
     "priority": "0",
     "url": "https://www.fossgis.de/"
   },
   {
     "name": "Software in the Public Interest",
     "img": "spi-inc.png",
+    "orgtype": "international_ngo",
     "priority": "0",
     "url": "http://spi-inc.org/"
   }
 ]
+

site/i18n/en.toml

@@ -0,0 +1,12 @@
+[organisations_administration]
+other = "Administrations"
+[organisations_all]
+other = "All"
+[organisations_corporate]
+other = "Corporate"
+[organisations_international_ngo]
+other = "International NGOs"
+[organisations_national_ngo]
+other = "National NGOs"
+[organisations_regional_ngo]
+other = "Regional NGOs"

site/languages/strings.en.toml

@@ -79,8 +79,8 @@
 
 # Organisations section
 [Languages.en.organisations]
-  headline  = "Supporting Organisations"
+  headline          = "Supporting Organisations"
-  text      = "The following organisations support our [open letter](openletter/). If your organisation is also interested in joining the call for Public Code, please [contact us](mailto:contact@fsfe.org)."
+  text              = "The following organisations support our [open letter](openletter/). If your organisation is also interested in joining the call for Public Code, please [contact us](mailto:contact@fsfe.org)."
 
 
 # Spread the word section

site/layouts/partials/js.html

@@ -8,3 +8,4 @@
 <script type="text/javascript" src="{{ "js/wow.min.js" | absURL }}"></script>
 {{ "<!-- Custom Theme JavaScript -->" | safeHTML }}
 <script type="text/javascript" src="{{ "js/creative.js" | absURL }}"></script>
+<script type="text/javascript" src="{{ "js/filter_orgs.js" | absURL }}"></script>

site/layouts/partials/organisations.html

@@ -6,6 +6,25 @@
         <hr />
         <!-- replace the URL defined in config.toml because this snipped is used in sub-pages too -->
         <p>{{ replace .Site.Params.organisations.text "openletter/" ("/openletter" | relLangURL)  | markdownify }}</p>
+        <div class="radio-filter-orgs">
+            <label>
+                <input name="filter_orgs" type="radio" onclick="showAllOrgs()" checked><span class="label-text">{{ i18n "organisations_all" }}</span></input> </label>
+            <label>
+                <input name="filter_orgs" type="radio" onclick="selectOrgType('international_ngo')"><span class="label-text">{{ i18n "organisations_international_ngo" }}</span></input>
+            </label>
+            <label>
+                <input name="filter_orgs" type="radio" onclick="selectOrgType('administration')"><span class="label-text">{{ i18n "organisations_administration" }}</span></input>
+            </label>
+            <label>
+                <input name="filter_orgs" type="radio" onclick="selectOrgType('national_ngo')"><span class="label-text">{{ i18n "organisations_national_ngo" }}</span></input>
+            </label>
+            <label>
+                <input name="filter_orgs" type="radio" onclick="selectOrgType('regional_ngo')"><span class="label-text">{{ i18n "organisations_regional_ngo" }}</span></input>
+            </label>
+            <!--<label>
+                <input name="filter_orgs" type="radio" onclick="selectOrgType('corporate')"><span class="label-text">{{ i18n "organisations_corporate" }}</span></input>
+            </label> -->
+        </div>
         <div class="expand" tabindex="0">
           <i class="fa fa-share" aria-hidden="true"></i>
         </div>
@@ -15,12 +34,16 @@
                  to their priorities -->
             {{ $orgs := getJSON "data/organisations/organisations.json" }}
             {{ range $int := shuffle (where $orgs "priority" "1") }}
-              <li><a href="{{ .url }}" class="hiddenlink" title="{{ .name }}" style="background-image: url(/img/organisations/{{ .img }})" target="_blank"></a></li>
+              <li class="org" orgtype="{{ .orgtype }}" >
+                <a href="{{ .url }}" class="hiddenlink" title="{{ .name }}" style="background-image: url(/img/organisations/{{ .img }})" target="_blank"></a>
+              </li>
             {{ end }}
 
             {{ range $int := shuffle (where $orgs "priority" "0") }}
-              <li><a href="{{ .url }}" class="hiddenlink" title="{{ .name }}" style="background-image: url(/img/organisations/{{ .img }})" target="_blank"></a></li>
+              <li class="org" orgtype="{{ .orgtype }}" >
-            {{ end }}
+                <a href="{{ .url }}" class="hiddenlink" title="{{ .name }}" style="background-image: url(/img/organisations/{{ .img }})" target="_blank"></a>
+              </li>
+                {{ end }}
           </ul>
         </div>
       </div>

site/static/css/custom.css

@@ -448,3 +448,48 @@ a:hover {
     display: none;
   }
 }
+
+.radio-filter-orgs label {
+    margin-right:5%;
+    position: relative;
+    cursor: pointer;
+    color: #666;
+    font-family: "Open Sans";
+}
+
+.radio-filter-orgs input[type="radio"]  {
+    display:none;
+}
+
+.radio-filter-orgs input[type="radio"] + .label-text:before{
+    content: "\f10c";
+    font-family: "FontAwesome";
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing:antialiased;
+    width: 1em;
+    display: inline-block;
+    margin-right: 5px;
+}
+
+.radio-filter-orgs input[type="radio"]:checked + .label-text:before{
+    content: "\f192";
+    color: #2093C4;
+    animation: effect 250ms ease-in;
+}
+
+.radio-filter-orgs input[type="radio"]:disabled + .label-text{
+    color: #aaa;
+}
+
+@keyframes effect{
+    0%{transform: scale(0);}
+    25%{transform: scale(1.3);}
+    75%{transform: scale(1.4);}
+    100%{transform: scale(1);}
+}
+

site/static/js/filter_orgs.js

@@ -0,0 +1,50 @@
+/*
+PMPC website
+Copyright (C) 2018 FSFE
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <http://www.gnu.org/licenses/>.
+*/
+
+function selectOrgType(type) {
+    let li_orgs = document.getElementsByClassName('org');
+
+    for (i = 0; i < li_orgs.length; i++) {
+        if (li_orgs[i].getAttribute('orgtype') !== type) {
+            li_orgs[i].style.display = "none";
+        } else {
+            li_orgs[i].style.display = "inline-block";
+        }
+    }
+
+    // Hide the 'expand' arrow if there is no need for it
+    if (countOrgsToDisplay(li_orgs, type) < 27) {
+        document.getElementsByClassName('expand')[0].style.visibility = 'hidden';
+    } else {
+        document.getElementsByClassName('expand')[0].style.visibility = 'visible';
+    }
+}
+
+function showAllOrgs() {
+    let li_orgs = document.getElementsByClassName('org');
+
+    for (i = 0; i < li_orgs.length; i++) {
+        li_orgs[i].style.display = "inline-block";
+    }
+}
+
+function countOrgsToDisplay(orgs, type) {
+    return Array.from(orgs).filter(function(element) {
+        return element.getAttribute('orgtype') === type;
+    }).length;
+}