laws-africa · longhotsummer · May 10, 2023 · May 4, 2023 · May 9, 2023 · May 9, 2023
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -1,60 +1,137 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129824129-1"></script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=UA-129824129-1"
+    ></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
 
-      gtag('config', 'UA-129824129-1');
+      gtag("config", "UA-129824129-1");
     </script>
 
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
 
-    <title>{% if page.title %}{{ page.title | escape }} - {% endif %}{{ site.title | escape }}</title>
-    <meta name="description" content="{% if page.lead %}{{ page.lead }}{% else %}{{ site.description }}{% endif %}">
-    <link rel="alternate" type="application/rss+xml" href="{{ site.url }}/feed.xml" />
+    <title>
+      {% if page.title %}{{ page.title | escape }} - {% endif %}{{ site.title |
+      escape }}
+    </title>
+    <meta
+      name="description"
+      content="{% if page.lead %}{{ page.lead }}{% else %}{{ site.description }}{% endif %}"
+    />
+    <link
+      rel="alternate"
+      type="application/rss+xml"
+      href="{{ site.url }}/feed.xml"
+    />
 
     <!-- Open Graph data -->
-    <meta property="og:title" content="{% if page.title %}{{ page.title | escape }} - {% endif %}{{ site.title | escape }}">
-    <meta property="og:site_name" content="{{ site.title }}">
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="{{ site.url }}{{ page.url }}">
-    <meta property="og:description" content="{% if page.lead %}{{ page.lead }}{% else %}{{ site.description }}{% endif %}">
+    <meta
+      property="og:title"
+      content="{% if page.title %}{{ page.title | escape }} - {% endif %}{{ site.title | escape }}"
+    />
+    <meta property="og:site_name" content="{{ site.title }}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
+    <meta
+      property="og:description"
+      content="{% if page.lead %}{{ page.lead }}{% else %}{{ site.description }}{% endif %}"
+    />
     {% if page.image %}
-    <meta property="og:image" content="{{ site.url }}{{ page.image }}">
+    <meta property="og:image" content="{{ site.url }}{{ page.image }}" />
     {% endif %}
 
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/apple-touch-icon-144x144.png" />
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/apple-touch-icon-152x152.png" />
-    <link rel="icon" type="image/png" href="/img/favicon-32x32.png" sizes="32x32" />
-    <link rel="icon" type="image/png" href="/img/favicon-16x16.png" sizes="16x16" />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="144x144"
+      href="/img/apple-touch-icon-144x144.png"
+    />
+    <link
+      rel="apple-touch-icon-precomposed"
+      sizes="152x152"
+      href="/img/apple-touch-icon-152x152.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/img/favicon-32x32.png"
+      sizes="32x32"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      href="/img/favicon-16x16.png"
+      sizes="16x16"
+    />
 
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
 
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
-    <link rel="stylesheet" href="/css/main.css">
-
-    <script type="module" src="https://cdn.jsdelivr.net/gh/laws-africa/[email protected]/dist/la-web-components/la-web-components.esm.js"></script>
-    <script nomodule src="https://cdn.jsdelivr.net/gh/laws-africa/[email protected]/dist/la-web-components/la-web-components.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
+      integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="/css/main.css" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/[email protected]/dist/leaflet.css"
+      integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="
+      crossorigin=""
+    />
+
+    <script
+      src="https://unpkg.com/[email protected]/dist/leaflet.js"
+      integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM="
+      crossorigin=""
+    ></script>
+
+    <script
+      type="module"
+      src="https://cdn.jsdelivr.net/gh/laws-africa/[email protected]/dist/la-web-components/la-web-components.esm.js"
+    ></script>
+    <script
+      nomodule
+      src="https://cdn.jsdelivr.net/gh/laws-africa/[email protected]/dist/la-web-components/la-web-components.js"
+    ></script>
   </head>
   <body>
-    {% include navbar.html %}
-
-    {{ content }}
+    {% include navbar.html %} {{ content }}
 
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+    <script
+      src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+      integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
+      integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+      integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
+      crossorigin="anonymous"
+    ></script>
     <script src="/js/app.js"></script>
 
-    {% for script in page.extra_js %}
-      {{ script}}
-    {% endfor %}
+    {% for script in page.extra_js %} {{ script}} {% endfor %}
+    {% for script in page.map_js %} {{ script}} {% endfor %}
   </body>
 </html>
diff --git a/_sass/_core.scss b/_sass/_core.scss
@@ -11,16 +11,7 @@
 
 .work-in-action-list {
   img {
-    width: 100%;
-  }
-  img[alt='open-by-laws'] {
-    width: 125px;
-  }
-  img[alt='ulii'] {
-    width: 125px;
-  }
-  img[alt='lawlibrary'] {
-    width: 115px;
+    max-width: 100%;
   }
 }
 

diff --git a/css/main.scss b/css/main.scss
@@ -1,11 +1,19 @@
 ---
 ---
 
-@import 'variables';
-@import 'bootstrap/bootstrap';
-
-@import 'core';
-@import 'docs';
-@import 'utilities';
-@import 'indigo';
-@import 'highlight';
+@import "variables";
+@import "bootstrap/bootstrap";
+
+@import "core";
+@import "docs";
+@import "utilities";
+@import "indigo";
+@import "highlight";
+
+#map {
+  height: 380px;
+}
+
+.highlight-background {
+  background-color: lightgrey;
+}
diff --git a/img/africanlii-logo.svg b/img/africanlii-logo.svg
diff --git a/img/ghalii-logo.png b/img/ghalii-logo.png
diff --git a/img/lawlibrary-logo.png b/img/lawlibrary-logo.png
diff --git a/img/lesotholii-logo.png b/img/lesotholii-logo.png
diff --git a/img/malawilii-logo.png b/img/malawilii-logo.png
diff --git a/img/namiblii-logo.png b/img/namiblii-logo.png
diff --git a/img/seylii-logo.png b/img/seylii-logo.png
diff --git a/img/sierralii-logo.png b/img/sierralii-logo.png
diff --git a/img/tanzlii-logo.png b/img/tanzlii-logo.png
diff --git a/img/tcilii-logo.png b/img/tcilii-logo.png
diff --git a/img/ulii-logo.png b/img/ulii-logo.png
diff --git a/img/zambialii-logo.png b/img/zambialii-logo.png
diff --git a/img/zanzibarlii-logo.png b/img/zanzibarlii-logo.png
diff --git a/img/zimlii-logo.png b/img/zimlii-logo.png
diff --git a/index.html b/index.html
@@ -1,6 +1,66 @@
 ---
 layout: simple
 navbar_item: home
+portals:
+- name: Gazettes.Africa
+  url: https://gazettes.africa
+  logo: gazettes-africa-logo.png
+
+- name: AfricanLII
+  url: https://africanlii.org
+  logo: africanlii-logo.svg
+
+- name: LawLibrary
+  url: https://lawlibrary.org.za
+  logo: lawlibrary-logo.png
+
+- name: GhalII
+  url: https://ghalii.org
+  logo: ghalii-logo.png
+
+- name: LesothoLII
+  url: https://lesotholii.org
+  logo: lesotholii-logo.png
+
+- name: MalawiLII
+  url: https://malawilii.org
+  logo: malawilii-logo.png
+
+- name: NamibLII
+  url: https://namiblii.org
+  logo: namiblii-logo.png
+
+- name: SeyLII
+  url: https://seylii.org
+  logo: seylii-logo.png
+
+- name: SierraLII
+  url: https://sierralii.org
+  logo: sierralii-logo.png
+
+- name: TanzLII
+  url: https://tanzlii.org
+  logo: tanzlii-logo.png
+
+- name: TCILII
+  url: https://TCILII.org
+  logo: tcilii-logo.png
+
+- name: ULII
+  url: https://ulii.org
+  logo: ulii-logo.png
+
+- name: ZambiaLII
+  url: https://zambialii.org
+  logo: zambialii-logo.png
+
+- name: ZanzibarLII
+  url: https://zanzibarlii.org
+  logo: zanzibarlii-logo.png
+
+- name: ZimLII
+  url: https://zimlii.org
+  logo: zimlii-logo.png
 ---
 
 <header class="py-5 bg-light">
@@ -103,6 +163,26 @@ <h2 class="mb-4">Impact: over 3 million users every year</h2>
 </section>
 
 <section class="py-5">
+  <div class="container">
+    <h2 class="mb-4">Our work in action</h2>
+    <p class="lead">
+      Our legal data and software powers legal information portals used by hundreds of thousands of users every month,
+      from Africa and all over the world.
+    </p>
+    <div class="row mb-4 work-in-action-list">
+      {% for portal in page.portals %}
+        <div class="col-6 col-md-3 mb-3 p-4 text-center align-self-center">
+          <a href="{{ portal.url }}" target="_blank" rel="noreferrer">
+            <img src="/img/{{ portal.logo }}" alt="{{ portal.name }}">
+          </a>
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+
+<section class="py-5 bg-lawsafrica-pale-red">
   <div class="container">
     <h2 class="mb-4">Open Law Technology</h2>
 
@@ -185,59 +265,19 @@ <h2 class="mb-4">Partners</h2>
   </div>
 </section>
 
-<section class="py-5">
+<section class="py-5 bg-light">
   <div class="container">
-    <h2 class="mb-4">Our work in action</h2>
+    <h2 class="mb-4">Global Digitisation Network</h2>
+
     <p class="lead">
-      Our legal data and software powers legal information portals used by hundreds of thousands of users every month,
-      from Africa and all over the world.
+      Our Scan Stations are a world-wide network of digitisation centers. Our expert staff and partners collect, scan and digitise African legal information including judgments, legislation, gazettes and law reports.
     </p>
-    <div class="row mb-4 work-in-action-list">
-      <div class="col-6 col-md-3 mb-3 p-4 text-center align-self-center">
-        <a href="https://gazettes.africa/"
-           target="_blank"
-           rel="noreferrer"
-        >
-          <img src="/img/gazettes-africa-logo.png"
-               alt="gazettes-africa"
-          />
-        </a>
-      </div>
-      <div class="col-6 col-md-3 mb-3 p-4 text-center align-self-center">
-        <a href="https://openbylaws.org.za/"
-           target="_blank"
-           rel="noreferrer"
-        >
-          <img src="/img/obl-logo.png"
-               alt="open-by-laws"
-          />
-        </a>
-      </div>
-      <div class="col-6 col-md-3 mb-3 p-4 text-center align-self-center">
-        <a href="https://ulii.org/"
-           target="_blank"
-           rel="noreferrer"
-        >
-          <img src="/img/ulii-logo.png"
-               alt="ulii"
-          />
-        </a>
-      </div>
-      <div class="col-6 col-md-3 mb-3 p-4 text-center align-self-center">
-        <a href="https://lawlibrary.org.za/"
-           target="_blank"
-           rel="noreferrer"
-        >
-          <img src="/img/lawlibrary-logo.png"
-               alt="lawlibrary"
-          />
-        </a>
-      </div>
-    </div>
+
+    <a class="btn btn-primary" href="/scanstations">Scan Station Network</a>
   </div>
 </section>
 
-<section class="py-5 bg-light">
+<section class="py-5">
   <div class="container">
     <h2 class="mb-4">Recent articles</h2>