Update Development Data Partnership Hugo Theme

config.toml

@@ -1,7 +1,7 @@
 languageCode = "en-us"
 title = "Development Data Partnership"
 theme = "datapartnership-theme"
-summaryLength = 20
+summaryLength = 15
 [taxonomies]
 author = "authors"
 tag = "tags"
@@ -22,7 +22,7 @@ post_type = "post_type"
 
 [params]
 author = "Development Data Partnership"
-description = "Solving Development Challenges through Data Science Collaboration between Companies and International Organizations."
+description = "Solving development challenges through data science collaboration between companies and international organizations."
 portalURL = "https://portal.datapartnership.org"
 
 partnershipEmail = "mailto:datapartnership@worldbank.org"

content/updates/covid19-internet-speed-impact/index.md

@@ -9,6 +9,7 @@ links = [
 	"https://blogs.worldbank.org/digital-development/did-internet-speed-impact-exposure-covid-19"
 ]
 date = 2023-04-06T00:00:00Z
+thumbnail = "covid19-internet-speed-impact-figure1.png"
 +++
 
 During the height of the COVID-19 pandemic, governments-imposed movement restrictions to curb the spread of the disease. With access to the internet, people could work or study remotely, therefore making it easier for them to adhere to pandemic-related movement restrictions. However, this was not the case in places where internet speed was slow and unreliable. The Digital Development Global Practice of the World Bank and the University of Greenwich used data provided by [Ookla for Good](https://www.ookla.com/ookla-for-good)™ and [Meta](https://dataforgood.facebook.com/dfg/about) to examine how differences in internet quality affect exposure to COVID-19 in Colombia, Ecuador, and El Salvador.

content/updates/partnership-day-2023/index.md

@@ -4,6 +4,7 @@ title = "Development Data Partnership Day 2023"
 authors = ["Claudia Calderon"]
 categories = ["Announcement"]
 dev_parter = ["International Monetary Fund", "World Bank", "Inter-American Development Bank", "UNDP" , "OECD" , "CAF" , "EBRD", "Asian Development Bank" ]
+thumbnail = "keynotes.png"
 +++
 
 **Join us for the Development Data Partnership Day on Wednesday, May 10, 2023, from 9:00 a.m. to 12:30 p.m. US ET in person at the World Bank HQ in Washington, DC.**

content/updates/reaching-digital-deserts/index.md

@@ -12,6 +12,7 @@ links = [
 aliases = [
     "reaching_digital_deserts",
 ]
+thumbnail = "reaching_digital_deserts_1.jpg"
 +++
 
 The internet is crucial for us to access information, services, job opportunities, education, and more. However, while urban communities flourish in the online world, many rural communities have been left behind when it comes to ensuring fast and reliable internet access. This is in part, because of lack of access to information on digital speeds in rural areas. [The Organization for Economic Co-operation and Development (OECD)](https://www.oecd.org/)'s [Bridging digital divides in G20 countries ](https://www.oecd.org/publications/bridging-digital-divides-in-g20-countries-35c1d850-en.htm)leveraged data from the [Ookla for Good™](https://www.ookla.com/ookla-for-good) initiative in their evaluation of broadband speeds across urban and rural areas within EU and G20 countries. They found that fixed broadband download speeds in rural areas were close to 50% slower than those in cities. This study underscored the need to invest in new digital connections to bridge the connectivity divide.

themes/datapartnership-theme/layouts/_default/list.html

@@ -1,9 +1,9 @@
 {{ define "main" }}
 
+{{ if eq .Page.RelPermalink "/updates/"}}
 <div class="container-fluid">
   <div class="container pb-3 pt-3">
     <div class="filters">
-
       <div class="ui-group col-lg-4">
         <select class="filter-select" value-group="data-partner">
           <option value="">Development Partner </option>
@@ -33,30 +33,38 @@
     </div>
   </div>
 </div>
+{{ end }}
 
 <div class="container-fluid bg-light pb-3 pt-3 card-grid-container">
   <div class="container pl-0 pr-0">
     <div class="card-grid">
 
       {{ range .Pages }}
-      {{ if isset .Params "exclude_from_updates_list" }}
-      {{ else }}
-      <div class="grid-card col-lg-4 col-md-6 col-sm-6 col-xs-12 
+      <div class="grid-card col-lg-4 col-md-6 col-sm-6 col-xs-12
         {{ if .Params.partner}} {{ delimit .Params.partner " +" | replaceRE " " "-" | replaceRE "\\+" " " | lower }} {{
         end }} {{ if .Params.dev_partner}} {{ delimit .Params.dev_partner "+" | replaceRE " " "-" | replaceRE "\\+" " "
         | lower }} {{ end }} {{ if .Params.tags }} {{ delimit .Params.tags "+" | lower | replaceRE " " "-" |
         replaceRE "\\+" " " | lower }} {{ end }}">
 
         <div class="card border-0 rounded-0">
+          {{ if .Params.thumbnail }}
+          {{ $image := .Page.Resources.GetMatch .Params.thumbnail }}
+          <a href="{{.Permalink}}"><img src="{{ ($image.Fill "350x200 q100").RelPermalink }}"></a>
+          {{ end }}
           <div class="card-body">
+            <div class="card-content">
             <h3 class="card-title">
               <a class="text-primary" href="{{.Permalink}}">
                 {{ .Params.title }}
               </a>
             </h3>
+            <p class="card-text">
+              {{ .Summary }}
+            </p>
+            </div>
             {{ if .Params.categories }}
             {{ range .Param "categories" }}
-            <span class="badge badge-danger">{{ . }}</span>
+            <a class="badge badge-danger" href="/categories/{{ (urlize .) }}">{{ . }}</a>
             {{ end }}
             {{ end }}
             {{ if .Params.partner}}
@@ -66,21 +74,14 @@ <h3 class="card-title">
             {{ end }}
             {{ if .Params.tags }}
             {{ range .Param "tags" }}
-            <span class="badge badge-primary">{{ . }}</span>
+            <a class="badge badge-primary" href="/tags/{{ (urlize .) }}">{{ . }}</a>
+            {{ end }}
             {{ end }}
-            {{ end }}<div class="w-100 bg-secondary h2px mb-3"></div>
-            <div class="card-text">
-              <p>{{ .Summary }}</p>
-            </div>
-            <div class="card-footer bg-white border-0 mt-2">
-              <a href="{{.Permalink}}" class="btn btn-primary mt-2 no-overlay">Learn More</a>
-            </div>
           </div><!-- end card body -->
         </div> <!-- end card -->
       </div>
       <!--end grid-card -->
       {{ end }}
-      {{ end }}
     </div>
   </div>
 </div>

themes/datapartnership-theme/layouts/_default/single.html

@@ -29,33 +29,39 @@
       <div class="row">
         <div class="col-md-8 col-xs-12 single-content blog-content">
           <h1>{{ .Params.title }}</h1>
-          {{ if .Date }}
-          <time datetime="{{ .Date.Format " 2006-01-02T15:04:05Z07:00" }}">
-            {{ .Date.Format "January 02, 2006"}}
-          </time>
           <a>by</a>
           {{ range $i, $e := .Params.authors }}
           {{ with $.Site.GetPage "taxonomyTerm" (printf "authors/%s" (urlize .)) }}
-          <a class="authors" href="{{ .Permalink }}">{{ if $i }}, {{ end }}{{ .Params.name }}</a>
+          <a class="authors" href="{{ .Permalink }}">{{ .Params.name }}</a>,
           {{ end }}
           {{ end }}
+          <a>on</a>
+          {{ if .Date }}
+          <time datetime="{{ .Date.Format " 2006-01-02T15:04:05Z07:00" }}">
+            {{ .Date.Format "January 02, 2006"}}
+          </time>
           {{ end }}
           <br>
+          {{ if .Params.categories }}
+          {{ range .Param "categories" }}
+          <a class="badge badge-danger" href="/categories/{{ (urlize .) }}">{{ . }}</a>
+          {{ end }}
+          {{ end }}
           {{ if .Params.partner }}
           {{ range .Param "partner" }}
-          <span class="badge badge-info">{{ . }}</span>
+          <a class="badge badge-info" href="/partner/{{ (urlize .) }}">{{ . }}</a>
           {{ end }}
           {{ end }}
           {{ if .Params.tags }}
           {{ range .Param "tags" }}
-          <span class="badge badge-primary">{{ . }}</span>
+          <a class="badge badge-primary" href="/tags/{{ (urlize .) }}">{{ . }}</a>
           {{ end }}
           {{ end }}
-          <hr>
+          <br><br>
           {{ .Content | safeHTML }}
           {{ if .Params.links }}
           <br>
-          <h3>Read more</h3>
+          <h3>References</h3>
           {{ range .Params.links }}
           <span>
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link-45deg"

themes/datapartnership-theme/layouts/index.html

@@ -2,14 +2,12 @@
 
 {{- partial "banner.html" . -}}
 
+{{- partial "how-to-engage.html" . -}}
+
 {{- partial "pillars.html" . -}}
 
 {{- partial "partners.html" . -}}
 
 {{- partial "development-partners.html" . -}}
 
-{{- partial "how-to-engage.html" . -}}
-
-{{- partial "projects.html" . -}}
-
 {{ end }}

themes/datapartnership-theme/layouts/partials/banner.html

@@ -12,13 +12,14 @@
               </div>
             </div>
             <div class="main-title text-uppercase"></div>
-            <p class="mt-2">{{ .Site.Params.description }}</p>
+            <h4 class="mt-2">{{ .Site.Params.description }}</h4>
           </div>
-          <a href="{{ .Site.Params.portalURL }}" class="btn btn-primary mt-2 no-overlay">
-            Login to Portal
+          <a href="{{ .Site.Params.portalURL }}" class="btn btn-primary mt-4 no-overlay">
+            Log into Portal
           </a>
         </div>
       </div>
+      {{- partial "projects.html" . -}}
     </div>
   </div>
 </section>

themes/datapartnership-theme/layouts/partials/footer.html

@@ -15,7 +15,6 @@ <h6>About</h6>
             <div class="col-sm-6 col-md-3">
                 <h6>Quick Links</h6>
                 <ul class="footer-links">
-                    <li><a href="https://docs.datapartnership.org/pages/community.html">Community</a></li>
                     <li><a href="https://docs.datapartnership.org">Documentation</a></li>
                     <li><a href="/updates">Projects & News</a></li>
                 </ul>

themes/datapartnership-theme/layouts/partials/header.html

@@ -68,17 +68,4 @@
             </li>
         </ul>
     </div>
-    <a class="collapse navbar-collapse nav-link btn btn-sm btn-primary btn-sm-rounded"
-        href="{{ $.Site.Params.portalURL }}">
-        <span class="btn-area">
-            <span data-text="Sign in">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
-                    class="bi bi-box-arrow-in-right" viewBox="0 0 16 16">
-                    <path fill-rule="evenodd"
-                        d="M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2z" />
-                    <path fill-rule="evenodd"
-                        d="M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z" />
-                </svg>
-            </span>
-    </a>
 </nav>

themes/datapartnership-theme/layouts/partials/how-to-engage.html

@@ -21,5 +21,8 @@ <h4 class="text-uppercase">How to Engage</h4>
         Want to Learn More?
       </a>
     </div>
+    <a class="center">
+      <img src="/images/between.svg">
+    </a>
   </div>
 </section>

themes/datapartnership-theme/layouts/partials/partners.html

@@ -1,7 +1,4 @@
 <section id="partners">
-  <a class="center">
-    <img src="/images/between.svg">
-  </a>
   <div class="container-fluid pt-5 pb-5">
     <div class="container">
       <div class="row pb-3">

themes/datapartnership-theme/layouts/partials/projects.html

@@ -1,26 +1,29 @@
 <section id="news">
-  <div class="container-fluid pt-4 bg-primary-gradient">
+  <div class="container-fluid pt-4">
     <div class="container pt-4">
       <div class="row pt-4">
         <div class="col-12 text-light">
           <div class="pb-2">
-            <div class="d-inline h2">Projects & News</div>
+            <div class="d-inline h2">Latest Stories</div>
             <div class="h4 pt-2 float-right d-none d-sm-block"><a href="updates" class="text-white">view all</a></div>
           </div>
           <div class="w-100 bg-secondary h2px"></div>
           <div class="row pt-4 pb-4 ">
             {{ range first 3 (where .Site.RegularPages "Section" "updates") }}
-            <div class="col-md-4 col-xs-12 pb-4 mb-4">
-              <h3>{{ .Params.title }}</h3>
-              {{ if .Params.partner}}
-              {{ range .Param "partner" }}
-              <span class="badge badge-info">{{ . }}</span>
-              {{ end }}
+            <div class="col-md-4 col-xs-12 pb-4 mb-2">
+              {{ if .Params.thumbnail }}
+              {{ $image := .Page.Resources.GetMatch .Params.thumbnail }}
+              <p style="text-align:left">
+              <a href="{{.Permalink}}"><img src="{{ ($image.Fill "315x180 q100").RelPermalink }}"></a>
+              </p>
               {{ end }}
-              <p class="pt-2">
+              <div class="card-content">
+              <h3>{{ .Params.title }}</h3>
+              <p class="pt-4">
                 {{ .Summary }}
               </p>
-              <a href="{{.Permalink}}" class="btn btn-primary mt-2 no-overlay">Learn more</a>
+             </div>
+              <a href="{{.Permalink}}" class="btn btn-primary mt-10 no-overlay">Read Story</a>
             </div>
             {{ end }}
           </div>

themes/datapartnership-theme/layouts/partials/sidebar.html

@@ -3,10 +3,7 @@ <h4 class="mb-4"> You can also read </h4>
   <hr>
   <dl>
     {{ range where .Site.RegularPages "Section" "updates" | first 12 }}
-    {{ if isset .Params "exclude_from_updates_list" }}
-    {{ else }}
     <dt class="pb-4"><a class="h5 text-light" href="{{ .RelPermalink }}">{{ .Title }}</a></dt>
     {{ end }}
-    {{ end }}
   </dl>
 </div>

themes/datapartnership-theme/static/css/main.css

@@ -334,11 +334,19 @@ a.btn-primary {
 }
 
 .grid-card {
-  height: 500px;
+  height: 650px;
 }
 
 .card {
-  height: 480px;
+  height: 600px;
+}
+
+.card-content {
+  height: 320px;
+}
+
+.card-text {
+	line-height: 1.5em;
 }
 
 .card-footer {