Show images in Blog Post List

site/content/blog/an-update-on-ibex-our-microcontroller-class-cpu-core/index.md

@@ -3,6 +3,17 @@ Description = ""
 date = "2019-06-10T15:00:00+01:00"
 title = "An update on Ibex, our microcontroller-class CPU core"
 author = "Philipp Wagner"
+
+featured_image = "Ibex_block_diagram-100619.png"
+
+[[resources]]
+src = "Ibex_block_diagram-100619.png"
+title = "Ibex block diagram"
+
+[[resources]]
+src = "forte_placement.png"
+title = "University of Manchester design with Ibex core"
+
 +++
 
 At the beginning of many chips projects, there’s a dream. Could we create a more

site/content/blog/andy-hopper-joins-board/index.md

@@ -1,6 +1,11 @@
 +++
 date = "2019-11-05T09:00:00+00:00"
 title = "Andy Hopper joins lowRISC CIC Board as Independent Chair"
+featured_image = "andy-hopper.jpg"
+
+[[resources]]
+src = "andy-hopper.jpg"
+title = "Andy Hopper"
 +++
 
 

site/content/blog/hjson-to-gantt/index.md

@@ -3,6 +3,12 @@ Description = ""
 date = "2016-10-15T10:00:00+01:00"
 title = "Generating a Gantt chart from HJSON input"
 author = "Alex Bradbury"
+
+featured_image = "gantt_example_weekly.png"
+
+[[resources]]
+src = "gantt_example_weekly.png"
+title = "Example Gantt Chart"
 +++
 
 This blog post is a slight departure from the normal topics here. Worry not,

site/content/blog/ibex-on-fpga-get-stuff-executed/index.md

@@ -3,6 +3,19 @@ Description = ""
 date = "2019-10-08T16:30:00+01:00"
 title = "Ibex on FPGA - Get stuff executed"
 author = "Pirmin Vogel"
+
+featured_image = "Ibex_on_Nexys_Video.jpg"
+images = ["Ibex_on_Nexys_Video.jpg", "PULPissimo_on_Nexys_Video.png"]
+
+[[resources]]
+src = "Ibex_on_Nexys_Video.jpg"
+title = "Ibex on the Nexys Video FPGA board"
+
+[[resources]]
+src = "PULPissimo_on_Nexys_Video.png"
+title = "PULPissimo implementation on the Nexys Video FPGA board"
+
+
 +++
 
 Our microcontroller-class RISC-V processor core

site/content/blog/introducing-greg-and-tom/index.md

@@ -2,6 +2,16 @@
 Description = ""
 date = "2019-10-23T10:00:00+01:00"
 title = "Introducing Greg & Tom"
+
+images = ["greg_chadwick.jpg", "tom_roberts.jpg"]
+
+[[resources]]
+src = "greg_chadwick.jpg"
+title = "Greg Chadwick"
+
+[[resources]]
+src = "tom_roberts.jpg"
+title = "Tom Roberts"
 +++
 
 _Greg Chadwick and Tom Roberts recently joined lowRISC’s growing engineering

site/content/blog/introducing-pirmin-and-laura/index.md

@@ -3,6 +3,16 @@ Description = ""
 date = "2019-06-03T10:00:00+01:00"
 title = "Introducing Pirmin & Laura"
 
+images = ["pirmin_vogel.jpg", "laura_james.jpg"]
+
+[[resources]]
+src = "pirmin_vogel.jpg"
+title = "Pirmin Vogel"
+
+[[resources]]
+src = "laura_james.jpg"
+title = "Laura James"
+
 +++
 
 Pirmin Vogel and Laura James both joined lowRISC on May 1st this year. A few

site/content/blog/introducing-sam/index.md

@@ -3,6 +3,12 @@ Description = ""
 date = "2019-07-08T10:00:00+01:00"
 title = "Introducing Sam"
 
+images = ["sam_elliott.jpg"]
+
+[[resources]]
+src = "sam_elliott.jpg"
+title = "Sam Elliott"
+
 +++
 
 On June 1st, Sam Elliott followed [Laura and

site/content/blog/lowrisc-at-week-of-open-source-hardware/index.md

@@ -3,6 +3,18 @@ Description = ""
 date = "2019-06-11T16:00:00+01:00"
 title = "lowRISC at Week of Open Source Hardware"
 author = "Andrew Back"
+
+featured_image = "lowRISC_enamel_badge_640w.jpg"
+images = ["lowRISC_enamel_badge_640w.jpg"]
+
+[[resources]]
+src = "lowRISC_enamel_badge_640w.jpg"
+title = "lowRISC enamel badge"
+
+[[resources]]
+src = "WOSH_logo_640w.jpg"
+title = "WOSH logo"
+
 +++
 
 {{< img width=200 src="WOSH_logo_640w.png" class="float-right m-2" alt="WOSH logo" >}}

site/content/blog/lowrisc-expands-press-release/index.md

@@ -4,6 +4,13 @@ date = "2019-05-16T17:50:00+01:00"
 title = "lowRISC Expands and Appoints New Members to the Board of Directors from Google and ETH Zurich"
 slug = "lowrisc-expands-press-release"
 
+featured_image = "board1.jpg"
+images = ["board1.jpg"]
+
+[[resources]]
+src = "board1.jpg"
+title = "lowRISC Board"
+
 +++
 
 _London, England - lowRISC C.I.C., the open source system on a chip (SoC)

site/content/blog/opentitan-announcement/index.md

@@ -2,6 +2,16 @@
 Description = ""
 date = "2019-11-05T14:00:00+00:00"
 title = "Announcing OpenTitan, the First Transparent Silicon Root of Trust"
+
+featured_image = "logo-opentitan.svg"
+
+[[resources]]
+src = "logo-opentitan.svg"
+title = "OpenTitan"
+
+[[resources]]
+src = "opentitan-rot-comparsion.svg"
+title = "Traditional RoT vs. OpenTitan"
 +++
 
 Today, we are excited to unveil the [OpenTitan](https://opentitan.org) silicon root of trust (RoT) project, a new effort built using the successful collaborative engineering model created by lowRISC in partnership with Google and other commercial and academic partners.

site/content/blog/six-more-weeks-of-ibex-development/index.md

@@ -3,6 +3,17 @@ Description = ""
 date = "2019-07-19T20:00:00+01:00"
 title = "Six more weeks of Ibex development - what's new?"
 
+featured_image = "ibex-cleaning-up.jpg"
+images = ["ibex-cleaning-up.jpg"]
+
+[[resources]]
+src = "ibex-cleaning-up.jpg"
+title = "Ibex cleaning up"
+
+[[resources]]
+src = "2019-07-ibex-diffstat.png"
+title = "Ibex diffstat"
+
 +++
 
 In the past months, we have invested considerable effort in improving our

site/layouts/blog/list.html

@@ -3,18 +3,37 @@
   <h1>The lowRISC blog</h1>
 
   {{ range .Paginator.Pages }}
-  <article>
+  <article class="media">
     <!-- this <div> includes the title summary -->
-    <div>
+    <div class="media-body">
       <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
-      {{ .Summary }}
-    </div>
+      <p class="text-justify">
+        {{ .Summary }}
+      </p>
 
-    {{ if .Truncated }}
-    <div>
-      <a href="{{ .RelPermalink }}">Read More…</a>
+      <p>
+        <a href="{{ .RelPermalink }}">Read More…</a>
+      </p>
     </div>
-    {{ end }}
+
+    {{ with .Resources.GetMatch (printf "*%s*" .Params.featured_image) }}
+      {{ if eq (path.Ext .) ".svg"}}
+        <img src="{{.Permalink}}"
+          alt="{{.Title}}" title="{{.Title}}"
+          class="align-self-center ml-3 d-none d-md-block"
+          width="150">
+      {{ else }}
+        {{ $img1x := .Resize "150x" }}
+        {{ $img2x := .Resize "300x" }}
+        <img
+          class="align-self-center rounded ml-3 d-none d-md-block"
+          alt="{{.Title}}" title="{{.Title}}"
+          srcset='
+            {{- with $img1x.RelPermalink }}{{.}} 1x, {{ end -}}
+            {{- with $img2x.RelPermalink }}{{.}} 2x {{ end -}}'
+          src="{{ with $img1x.RelPermalink }}{{.}}{{ end }}">
+      {{end}}
+    {{end}}
   </article>
   {{ end }}
 

site/layouts/shortcodes/img.html

@@ -11,10 +11,10 @@
 
 {{ if eq $srcExt ".svg" }}
 <img
-  src="{{ with $src.Permalink }}{{.}}{{ end }}"
+  src="{{ $src.Permalink }}"
   {{ with or (.Get "alt") (.Get "title") }}alt='{{.}}' {{ end }}
   {{ with or (.Get "title") (.Get "alt") }}title='{{.}}' {{ end }}
-  width='{{- with $requestedWidth }}{{.}} {{ end -}}'
+  width='{{ $requestedWidth }}'
   class='
     {{- with .Get "class" }}{{.}} {{ end -}}
     {{- if .Get "caption" }}figure-img {{ end -}}
@@ -36,7 +36,7 @@
     srcset='
       {{- with $img1x.Permalink }}{{.}} 1x, {{ end -}}
       {{- with $img2x.Permalink }}{{.}} 2x {{ end -}}'
-    src="{{ with $img1x.Permalink }}{{.}}{{ end }}"
+    src="{{ $img1x.Permalink }}"
     {{- with or (.Get "alt") (.Get "title") }}alt='{{.}}' {{ end -}}
     {{- with or (.Get "title") (.Get "alt") }}title='{{.}}' {{ end -}}
     class='

src/scss/content.scss

@@ -10,6 +10,10 @@ body {
   color: $color-lowrisc-charcoal;
 }
 
+.text-justify {
+  hyphens: auto;
+}
+
 // Page heading
 body h1:first-child {
   margin-top: 3rem;