From 27e930dbe120d74db2a3a4c3c20a1f533254eb9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arturo=20Filast=C3=B2?= <arturo@filasto.net>
Date: Thu, 6 Feb 2020 15:12:40 +0100
Subject: [PATCH] Separate blog posts from research reports

---
 content/reports/content.md   |  0
 layouts/index.html           | 24 ++++++++++++++++++---
 layouts/partials/nav.html    |  5 +++++
 layouts/section/post.html    |  6 ++++--
 layouts/section/reports.html | 41 ++++++++++++++++++++++++++++++++++++
 5 files changed, 71 insertions(+), 5 deletions(-)
 create mode 100644 content/reports/content.md
 create mode 100644 layouts/section/reports.html

diff --git a/content/reports/content.md b/content/reports/content.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/layouts/index.html b/layouts/index.html
index d033da210..1bcd61660 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -88,19 +88,37 @@ <h2 class="overlined">How OONI Works</h2>
     </div>
 
 
-    <div class="container"> <!-- Container Wrap till the end -->
+    <div class="container">
+      <div class="row pad-below">
+        <div class="col-3">
+          <h2 class="overlined">Research Reports</h2>
+        </div>
+       <div class="col-9 blog-summary">
+         {{ range first 5 .Site.Taxonomies.categories.report }}
+          <a href="{{ .RelPermalink }}">
+              <p class="title">{{ .Title }}</p>
+              <p class="byline">{{ .Date.Format "2 Jan 2006" }}</p>
+          </a>
+          {{ end }}
+          <a class="read-more" href="/post/">View all</a>
+        </div>
+      </div>
+
+
       <div class="row pad-below">
         <div class="col-3">
           <h2 class="overlined">Blog Posts</h2>
         </div>
        <div class="col-9 blog-summary">
-          {{ range first 5 (where (where .Site.Pages.ByDate.Reverse "Section" "post") "Kind" "page") }}
+         {{ with .Site.Taxonomies.categories.blog }}
+         {{ range first 5 . }}
           <a href="{{ .RelPermalink }}">
               <p class="title">{{ .Title }}</p>
               <p class="byline">{{ .Date.Format "2 Jan 2006" }}</p>
           </a>
           {{ end }}
-          <a class="read-more" href="/post/">Read More</a>
+          {{ end }}
+          <a class="read-more" href="/post/">View all</a>
         </div>
       </div>
 
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index 9c2617bd9..e85dda0c4 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -26,6 +26,11 @@
    class="active"
   {{end}}
   >Get Involved</a>
+<a href="/reports/"
+   {{ if in $selectedMenu "reports" }}
+   class="active"
+   {{end}}
+>Reports</a>
 <a href="/post/"
   {{ if in $selectedMenu "post" }}
    class="active"
diff --git a/layouts/section/post.html b/layouts/section/post.html
index e6a0d0192..49181f2d3 100644
--- a/layouts/section/post.html
+++ b/layouts/section/post.html
@@ -15,9 +15,10 @@
     </div>
   </nav>
 
+  <h1>Blog posts</h1>
   <main class="col">
-    <h2>Blog posts</h2>
-    {{ range where .Data.Pages.ByDate.Reverse "Section" "post" }}
+    {{ with .Site.Taxonomies.categories.blog }}
+    {{ range . }}
 
       <div class="row blog-summary">
         <div>
@@ -34,6 +35,7 @@ <h2>Blog posts</h2>
       </div>
 
     {{ end }}
+    {{ end }}
   </main>
 
 </div>
diff --git a/layouts/section/reports.html b/layouts/section/reports.html
new file mode 100644
index 000000000..5aeb0e94e
--- /dev/null
+++ b/layouts/section/reports.html
@@ -0,0 +1,41 @@
+{{ .Scratch.Set "basePrefix" "../../" }}
+{{ partial "head.html" . }}
+
+<div class="container">
+
+  <nav>
+    <div class="col-4">
+      <a href="/">
+        <img class="logo" src="/images/ooni-header-mascot.png" width="25" height="25"/>
+        <img class="wordmark" src="/images/wordmark.png" alt="OONI" height="14" width="53"/>
+      </a>
+    </div>
+    <div class="col-8">
+      {{ partial "nav.html" . }}
+    </div>
+  </nav>
+
+  <h1>Research reports</h1>
+  <main class="col">
+    {{ range .Site.Taxonomies.categories.report }}
+
+      <div class="row blog-summary">
+        <div>
+          <a href="{{ .RelPermalink }}" style="margin-bottom: 0">
+            <p class="title">{{ .Title }}</p>
+          </a>
+          <p class="byline" style="margin-bottom: 0">{{ .Date.Format "2 Jan 2006" }}</p>
+          {{ if .IsTranslated }}
+            <p>Translations: {{ range .Translations }}<a style="display: inline-block;margin-bottom: 0;padding-right: 10px" href="{{ .RelPermalink }}">{{ if eq .Lang "en" }}English{{ else if eq .Lang "pt" }}Portuguese{{ else if eq .Lang "fr" }}French{{ else if eq .Lang "es"  }}Spanish{{ else if eq .Lang "ca"  }}Catalan{{ else }}{{ .Lang }}{{ end }}</a>{{ end }}
+            </p>
+          {{ else }}
+          {{ end }}
+        </div>
+      </div>
+
+    {{ end }}
+  </main>
+
+</div>
+
+{{ partial "footer.html" . }}