From 8574c385cdb16cd9950343df89710c89496dc988 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Mon, 9 Nov 2020 12:14:01 +0530
Subject: [PATCH] profile-mode: user set-able image size

- default 150

usage:
      profileMode:
        imageUrl: "/android-chrome-192x192.png"
        imageWidth: 120
        imageHeight: 120
---
 assets/css/profile-mode.css         | 3 +--
 layouts/partials/index_profile.html | 3 ++-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/css/profile-mode.css b/assets/css/profile-mode.css
index 121163ac..77108f74 100644
--- a/assets/css/profile-mode.css
+++ b/assets/css/profile-mode.css
@@ -20,14 +20,13 @@
 
 .profile img {
     display: inline-table;
-    width: 150px;
     border-radius: 50%;
     pointer-events: none;
 }
 
 @media screen and (max-width: 600px) {
     .profile img {
-        width: 120px;
+        transform: scale(0.85);
     }
 }
 
diff --git a/layouts/partials/index_profile.html b/layouts/partials/index_profile.html
index 5de8057a..bee94fbc 100644
--- a/layouts/partials/index_profile.html
+++ b/layouts/partials/index_profile.html
@@ -1,7 +1,8 @@
 <div class="profile">
     {{- with .Site.Params.profileMode }}
     <div class="profile_inner">
-        {{- if .imageUrl}}<img src="{{ .imageUrl}}" alt="{{ .imageTitle | default "profile image" }}" />{{- end}}
+        {{- if .imageUrl}}<img src="{{ .imageUrl}}" alt="{{ .imageTitle | default "profile image" }}"
+            height="{{- .imageHeight | default 150 -}}" width="{{- .imageWidth | default 150 -}}" />{{- end}}
         <h1>{{- .title | default $.Site.Title | markdownify -}}</h1>
         <span>{{- .subtitle | markdownify -}}</span>
         {{- partial "social_icons.html" $.Site.Params.socialIcons -}}