new section for supporting organisations on index and under /openletter. Fixes #54

site/config.toml

@@ -84,6 +84,11 @@ DefaultContentLanguage = "en"
   formSubmit = "Sign Now!"
 
 
+# Organisations section
+[params.organisations]
+  headline = "Supporting Organisations"
+  text = "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)."
+
 # Resources boxes section
 [params.resources]
 [[params.resources.list]]

site/data/signees/signees.json

@@ -0,0 +1,67 @@
+[
+  {
+    "name": "Associação Ensino Livre",
+    "img": "aelivre.png",
+    "url": "https://ensinolivre.pt"
+  },
+  {
+    "name": "Associação Nacional para o Software Livre",
+    "img": "ansol.png",
+    "url": "https://ansol.org"
+  },
+  {
+    "name": "Linux User Group Of Slovenia",
+    "img": "lugos.png",
+    "url": "http://www.lugos.si"
+  },
+  {
+    "name": "Dyne.org Foundation",
+    "img": "dyne.png",
+    "url": "https://dyne.org"
+  },
+  {
+    "name": "European Digital Rights",
+    "img": "edri.png",
+    "url": "https://edri.org"
+  },
+  {
+    "name": "ePaństwo Foundation",
+    "img": "epanstwo.png",
+    "url": "https://epf.org.pl"
+  },
+  {
+    "name": "Free Software Foundation Europe",
+    "img": "fsfe.png",
+    "url": "https://fsfe.org"
+  },
+  {
+    "name": "K Desktop Environment",
+    "img": "kde.png",
+    "url": "https://ev.kde.org"
+  },
+  {
+    "name": "Modern Poland Foundation",
+    "img": "nowoczesnapolska.png",
+    "url": "https://nowoczesnapolska.org.pl"
+  },
+  {
+    "name": "Open Knowledge Foundation Deutschland",
+    "img": "okf.png",
+    "url": "https://okfn.de"
+  },
+  {
+    "name": "Open Software Business Alliance",
+    "img": "osba.png",
+    "url": "http://osb-alliance.de"
+  },
+  {
+    "name": "The Document Foundation",
+    "img": "tdf.png",
+    "url": "https://www.documentfoundation.org"
+  },
+  {
+    "name": "Wikimedia Deutschland",
+    "img": "wikimedia-de.png",
+    "url": "https://wikimedia.de"
+  }
+]

site/layouts/index.html

@@ -25,6 +25,10 @@
             {{ partial "action.html" . }}
         {{ end }}
 
+        {{ if .Site.Params.organisations }}
+            {{ partial "organisations.html" . }}
+        {{ end }}
+
         {{ if .Site.Params.resources }}
             {{ partial "resources.html" . }}
         {{ end }}

site/layouts/page/subpage.html

@@ -20,6 +20,10 @@
         
         {{ partial "subpage_after.html" . }}
         
+        {{ if eq .Params.sigtable true }}
+          {{ partial "organisations.html" . }}
+        {{ end }}
+        
         {{ partial "language.html" . }}
         
         {{ partial "legal.html" . }}

site/layouts/partials/organisations.html

@@ -0,0 +1,19 @@
+{{ "<!-- ORGANISATIONS -->" | safeHTML }}
+<section id="organisations">
+    <div class="container">
+      <div class="text-center">
+        <h2 class="section-heading">{{ .Site.Params.organisations.headline }}</h2>
+        <hr />
+        <p>{{ .Site.Params.organisations.text | markdownify }}</p>
+        <div class="orgs">
+          <ul>
+            {{ range .Site.Data.signees }}
+              {{ range sort . "name" }}
+                  <li><a href="{{ .url }}" class="hiddenlink" title="{{ .name }}" style="background-image: url(/img/signees/{{ .img }})" target="_blank"></a></li>
+              {{ end }}
+            {{ end }}
+          </ul>
+        </div>
+      </div>
+    </div>
+</section>

site/static/css/custom.css

@@ -60,6 +60,40 @@
     color: #2093C4;
 }
 
+/* ORGANISATIONS SECTION */
+#organisations ul {
+  display: block;
+  position: relative;
+  list-style: none;
+  text-align: center;
+  padding: 0;
+}
+#organisations ul li {
+  display: inline-block;
+  position: relative;
+  list-style: none;
+}
+#organisations ul li a {
+  display: block;
+  position: relative;
+  width: 12vw;
+  height: 8vw;
+  max-width: 120px;
+  max-height: 80px;
+  min-width: 120px;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  transform: scale(0.8);
+  opacity: 1;
+  transition: opacity .5s, transform .5s, background-color .5s, filter .5s;
+}
+#organisations ul li a:hover {
+  opacity: 1;
+  transform: scale(0.9);
+  z-index: 5;
+}
+
 /* SIGN FORM */
 #action form {
   color: #333;
@@ -113,7 +147,6 @@ p.form-pe {
 }
 p.form-pe a {
   color: inherit;
-  text-decoration: underline;
 }
 #honey {
   display: none;