Add GLITCH partner page (#1432)

* Create index.md

* Add GLITCH logo

* Create index.md

* Delete content/partners/glitch/images/index.md

* Update index.md

* Added links to text

* Make partners page responsive

Fixes: #1408

* Fix responsiveness of nettest page

Closes: #1150

---------

Co-authored-by: Maria Xynou <[email protected]>
Co-authored-by: Arturo Filastò <[email protected]>

content/partners/glitch/index.md

@@ -0,0 +1,24 @@
+---
+continent: Global
+country: Global
+name: GLITCH. Oxford Internet Institute, University of Oxford
+title: GLITCH
+website: https://glitch.oii.ox.ac.uk/
+reports:
+---
+
+The [Global Information Technology Controls Hub (GLITCH)](https://glitch.oii.ox.ac.uk/) is based at the
+[Oxford Internet Institute, University of Oxford](https://www.oii.ox.ac.uk/). GLITCH brings together
+academics, organisations and other stakeholders researching digital
+rights, information controls, internet shutdowns, and censorship. 
+
+They take a highly interdisciplinary perspective on the study of information
+controls, bringing together quantitative and qualitative tools in the social
+sciences, statistics, and computer science to identify the root causes of
+censorship and shutdowns, and their wider effects on individuals and societies.
+
+GLITCH aims to make sense of the increasing amount of data on information
+controls and digital rights abuses. They develop the tools and methods to analyse
+and understand the causes of information controls and their effects, to
+generate strong evidence for policy and activism, and to protect the
+fundamental rights to expression, connection, and communication.

layouts/section/nettest.html

@@ -21,7 +21,7 @@ <h1 id="websites" class="test-header">Which websites are blocked?</h1>
       {{ range .Data.Pages.ByDate }}
         {{ if in .Params.groups "websites" }}
         {{ $TITLE := title (replace (index (split .RelPermalink "/") 2) "-" " ") }}
-        <div class="col-4 mr-2 mb-2 p-3 question-container">
+        <div class="col-md-1 col-lg-4 mr-2 mb-2 p-3 question-container">
         <a href="{{ .RelPermalink }}">
           <h2 class="test-header">{{ $TITLE }}</h2>
           <p class="test-paragraph">
@@ -38,7 +38,7 @@ <h1 id="im" class="test-header">Which instant messaging apps are blocked?</h1>
       {{ range .Data.Pages }}
         {{ if in .Params.groups "im" }}
         {{ $TITLE := title (replace (index (split .RelPermalink "/") 2) "-" " ") }}
-        <div class="col-4 mr-2 mb-2 p-3 question-container">
+        <div class="col-md-1 col-lg-4 mr-2 mb-2 p-3 question-container">
         <a href="{{ .RelPermalink }}">
             <h2 class="test-header">{{ $TITLE }}</h2>
             <p class="test-paragraph">
@@ -55,7 +55,7 @@ <h1 id="tor" class="test-header">Is Tor blocked?</h1>
       {{ range .Data.Pages }}
         {{ if in .Params.groups "tor" }}
           {{ $TITLE := title (replace (index (split .RelPermalink "/") 2) "-" " ") }}
-          <div class="col-4 mr-2 mb-2 p-3 question-container">
+          <div class="col-md-1 col-lg-4 mr-2 mb-2 p-3 question-container">
           <a href="{{ .RelPermalink }}" >
             <h2 class="test-header">{{ $TITLE }}</h2>
             <p class="test-paragraph">
@@ -72,7 +72,7 @@ <h1 id="proxies" class="test-header">Are VPNs blocked?</h1>
       {{ range .Data.Pages }}
         {{ if in .Params.groups "proxies" }}
           {{ $TITLE := title (replace (index (split .RelPermalink "/") 2) "-" " ") }}
-          <div class="col-4 mr-2 mb-2 p-3 question-container">
+          <div class="col-md-1 col-lg-4 mr-2 mb-2 p-3 question-container">
           <a href="{{ .RelPermalink }}">
             <h2 class="test-header">{{ $TITLE }}</h2>
             <p class="test-paragraph">
@@ -88,7 +88,7 @@ <h1 id="performance" class="test-header">What is the speed and performance of my
     <div class="row">
       {{ range .Data.Pages }}
         {{ if in .Params.groups "performance" }}
-          <div class="col-4 mr-2 mb-2 p-3 question-container">
+          <div class="col-md-1 col-lg-4 mr-2 mb-2 p-3 question-container">
           <a href="{{ .RelPermalink }}">
             <h2 class="test-header">{{ .Title }}</h2>
             <p class="test-paragraph">
@@ -105,7 +105,7 @@ <h1 id="boxes" class="test-header">Are middleboxes present on my network?</h1>
       {{ range .Data.Pages }}
         {{ if in .Params.groups "boxes" }}
         {{ $TITLE := title (replace (index (split .RelPermalink "/") 2) "-" " ") }}
-        <div class="col-4 mr-2 mb-2 p-3 question-container">
+        <div class="col-md-1 col-lg-4 mr-2 mb-2 p-3 question-container">
         <a href="{{ .RelPermalink }}">
             <h2 class="test-header">{{ $TITLE }}</h2>
             <p class="test-paragraph">
@@ -122,7 +122,7 @@ <h1 id="legacy" class="test-header">Retired OONI Probe tests</h1>
       {{ range .Data.Pages }}
         {{ if in .Params.groups "legacy" }}
         {{ $TITLE := title (replace (index (split .RelPermalink "/") 2) "-" " ") }}
-        <div class="col-4 mr-2 mb-2 p-3 question-container">
+        <div class="col-md-1 col-lg-4 mr-2 mb-2 p-3 question-container">
         <a href="{{ .RelPermalink }}">
           <h2 class="test-header">{{ $TITLE }}</h2>
           <p class="test-paragraph">

layouts/section/partners.html

@@ -19,7 +19,7 @@ <h1>{{ .Title }}</h1>
       {{ $href := .Permalink }}
         {{ with .Resources.GetMatch "images/*.png" }}
           {{ $image := .Fit "140x150" }}
-          <div class="col-4 mb-3">
+          <div class="col-md-1 col-lg-4 mb-3">
             <div class="partner-box p-3">
             <a href="{{ $href }}">
               <h2>{{ $name }}</h2>