Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2024-11-25 12:01:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

profile-mode: improvements

Browse Source
This commit is contained in:
Aditya Telange 2020-09-06 20:07:57 +05:30
parent 44aa37c944
commit 048aac5fac
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/profileMode.css
View File

@ -6,7 +6,6 @@
.main>.profile { .main>.profile {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
.main>.profile>.profile_inner { .main>.profile>.profile_inner {
@ -14,7 +13,7 @@
} }
.profile_inner h1 { .profile_inner h1 {
padding: 8px; padding: 12px 0;
} }
img { img {
@ -22,23 +21,27 @@ img {
width: 180px; width: 180px;
border-radius: 50%; border-radius: 50%;
pointer-events: none; pointer-events: none;
margin: 5px;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
img { img {
width: 130px; width: 150px;
}
.main>.profile>.profile_inner {
transform: translate(0, 0);
} }
} }
.social-icons { .social-icons {
padding: 16px; padding: 12px 0;
} }
.buttons { .buttons {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
max-width: 400px;
margin: 0 auto;
} }
.button { .button {
@ -53,6 +56,6 @@ img {
padding: 0 8px; padding: 0 8px;
} }
.button:active, .social-icons>a>svg:active{ .button:active, .social-icons>a>svg:hover{
transform: scale(0.96); transform: scale(0.96);
} }

15
layouts/partials/indexProfile.html
View File

@ -1,21 +1,18 @@
<div class="profile"> <div class="profile">
{{ with .Site.Params.profileMode }}
<div class="profile_inner"> <div class="profile_inner">
{{if .Site.Params.profileMode.imageUrl}} {{if .imageUrl}}<img src="{{ .imageUrl}}" alt="{{ .imageTitle | default "profile image" }}" />{{end}}
<div> <h1>{{ .title | default $.Site.Title }}</h1>
<img src="{{ .Site.Params.profileMode.imageUrl}}" alt="{{ .Site.Params.profileMode.imageTitle}}" /> {{- with $.Site.Params.socialIcons }}
</div>
{{end}}
<h1>{{ if .Site.Params.profileMode.title }}{{.Site.Params.profileMode.title}}{{ else }}{{ .Site.Title }}{{end}}
</h1>
{{- with .Site.Params.socialIcons }}
<div class="social-icons"> <div class="social-icons">
{{ partial "social-icons.html" . }} {{ partial "social-icons.html" . }}
</div> </div>
{{- end }} {{- end }}
{{- with .Site.Params.profileMode.buttons }} {{- with .buttons }}
<div class="buttons"> <div class="buttons">
{{ partial "indexProfileButtons.html" . }} {{ partial "indexProfileButtons.html" . }}
</div> </div>
{{- end }} {{- end }}
</div> </div>
{{end}}
</div> </div>