put first image next to article summary

layouts/_default/list.html

@@ -1,4 +1,9 @@
 {{ define "main" }}
+<style>
+img {
+  max-width: 500px;
+}
+</style>
 <h1>{{ .Title }}</h1>
 {{ .Content }}
 <ul id="artlist">
@@ -8,11 +13,17 @@
     {{ partial "metadata.html" . }}
     {{ if .Params.cws }}
     {{ else }}
+    <br><br>
     <a href="{{ .RelPermalink }}">
-        <p>{{ .Summary }}</p>
+      {{ $regex := `<img\s*src="(.+?)">` }}
+      {{ $matches := findRE $regex .Content 1 }}
+        {{ range $matches }}
+          {{ . | safeHTML }}
+      {{ end }}
+      <p>{{ .Summary }}</p>
     </a>
     {{ end }}
     </li>
 {{ end }}
 </ul>
-{{ end }}
+{{ end }}