hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

profile-mode: user set-able image size 

- default 150

usage:
      profileMode:
        imageUrl: "/android-chrome-192x192.png"
        imageWidth: 120
        imageHeight: 120
This commit is contained in:
Aditya Telange 2020-11-09 12:14:01 +05:30
parent c960b8af04
commit 8574c385cd
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/css/profile-mode.css
View File

@ -20,14 +20,13 @@
.profile img { .profile img {
display: inline-table; display: inline-table;
width: 150px;
border-radius: 50%; border-radius: 50%;
pointer-events: none; pointer-events: none;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.profile img { .profile img {
width: 120px; transform: scale(0.85);
} }
} }

3
layouts/partials/index_profile.html
View File

@ -1,7 +1,8 @@
<div class="profile"> <div class="profile">
{{- with .Site.Params.profileMode }} {{- with .Site.Params.profileMode }}
<div class="profile_inner"> <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> <h1>{{- .title | default $.Site.Title | markdownify -}}</h1>
<span>{{- .subtitle | markdownify -}}</span> <span>{{- .subtitle | markdownify -}}</span>
{{- partial "social_icons.html" $.Site.Params.socialIcons -}} {{- partial "social_icons.html" $.Site.Params.socialIcons -}}