Merge b1c401fefe32865365dbfa8bff8f0849e76ff327 into c8f72ab1f4911e0aee73cea0fa515a8bddee0c29

assets/css/common/home-info.css

@@ -0,0 +1,21 @@
+.home-info-container {
+  display: flex;
+  align-items: center;
+}
+
+.home-info-container img {
+  flex: 1;
+  flex-shrink: 0;
+  height: auto;
+  max-width: 600px;
+  margin-right: 20px;
+  border-radius: 20%;
+}
+
+.home-info-container ul {
+  list-style-type: none;
+}
+
+.home-info-container li {
+  padding-top: 10px;
+}

layouts/partials/home_info.html

@@ -1,10 +1,23 @@
 {{- with site.Params.homeInfoParams }}
 <article class="first-entry home-info">
     <header class="entry-header">
-        <h1>{{ .Title | markdownify }}</h1>
+        <h1>{{ .title | markdownify }}</h1>
     </header>
-    <div class="entry-content">
+    <div class="home-info-container">
-        {{ .Content | markdownify }}
+        {{- if .image.url}}
+            {{- if .image.link -}}
+            <a href="{{ .image.link | absURL }}" target="_blank" rel="noopener" style="width: 100%">
+                <img draggable="false" src="{{ .image.url | absURL }}" alt=" {{ .image.title | default "profile image" }}"
+                    title="{{ .image.title }}" height="{{ .image.height | default 150 }}" width="{{ .image.width | default 150 }}" />
+            </a>
+            {{- else }}
+                <img draggable="false" src="{{ .image.url | absURL }}" alt=" {{ .image.title | default "profile image" }}"
+                    title="{{ .image.title }}" height="{{ .image.height | default 150 }}" width="{{ .image.width | default 150 }}" />
+            {{- end }}
+        {{- end}}
+        <div class="entry-content">
+            {{ .content | markdownify }}
+        </div>
     </div>
     <footer class="entry-footer">
         {{ partial "social_icons.html" (dict "align" site.Params.homeInfoParams.AlignSocialIconsTo) }}