From 4e99a3184badfd4d8eb60f98c32a2c2ea19c9c10 Mon Sep 17 00:00:00 2001
From: joundy <hafizjoundys@gmail.com>
Date: Sat, 3 Sep 2022 23:22:21 +0700
Subject: [PATCH] update: custom profile in home info

---
 assets/css/extended/custom.css  | 17 +++++++++++++++++
 layouts/partials/home_info.html |  4 ++++
 2 files changed, 21 insertions(+)
 create mode 100644 assets/css/extended/custom.css

diff --git a/assets/css/extended/custom.css b/assets/css/extended/custom.css
new file mode 100644
index 0000000..daba1ec
--- /dev/null
+++ b/assets/css/extended/custom.css
@@ -0,0 +1,17 @@
+.home-info__profile-img {
+	display: flex;
+	justify-content: center;
+}
+
+.home-info__profile-img > img{
+	border-radius: 100%;
+	margin-bottom: 16px;
+}
+
+.entry-header > h1{
+	text-align: center;
+}
+
+.entry-header {
+	margin-bottom: 24px;
+}
diff --git a/layouts/partials/home_info.html b/layouts/partials/home_info.html
index efae956..eb8dcfa 100644
--- a/layouts/partials/home_info.html
+++ b/layouts/partials/home_info.html
@@ -1,5 +1,9 @@
 {{- with site.Params.homeInfoParams }}
 <article class="first-entry home-info">
+	<div class="home-info__profile-img">
+		<img draggable="false" src="{{ .ImageUrl | absURL }}" alt="{{ .imageTitle | default "profile image" }}"
+				height="{{ .imageHeight | default 150 }}" width="{{ .imageWidth | default 150 }}" />
+	</div>
     <header class="entry-header">
         <h1>{{ .Title | markdownify }}</h1>
     </header>