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

@@ -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);
     }
 }
 

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 -}}