mirrors/hugo-PaperMod
1
0
Fork 0
mirror of https://github.com/adityatelange/hugo-PaperMod.git synced 2023-12-21 10:22:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: add logo to home info page

Browse Source
This commit is contained in:
leovct 2023-05-10 02:41:44 +02:00 committed by Léo Vincent
parent 6f29d35d73
commit b026ce8ec6
2 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
assets/css/common/home-info.css Normal file
View File

@ -0,0 +1,23 @@
.home-info-container {
display: flex;
align-items: center;
}
.home-info-container img {
flex: 1;
flex-shrink: 0;
width: 100%;
height: auto;
max-width: 600px;
margin-right: 20px;
border-radius: 20%;
}
.home-info-container ul {
padding-left: 20px;
list-style-type: none;
}
.home-info-container li {
padding-top: 10px;
}

12
layouts/partials/home_info.html
View File

@ -1,10 +1,16 @@
{{- with site.Params.homeInfoParams }}
<article class="first-entry home-info">
<header class="entry-header">
<h1>{{ .Title | markdownify }}</h1>
<h1>{{ .title | markdownify }}</h1>
</header>
<div class="entry-content">
{{ .Content | markdownify }}
<div class="home-info-container" target="_blank">
<a href="{{ .image.link | absURL }}" target="_blank">
<img draggable="false" src="{{ .image.url | absURL }}" alt=" {{ .image.title | default "profile image" }}"
title="{{ .image.title }}" height="{{ .image.height | default 150 }}" width="{{ .image.width | default 150 }}" />
</a>
<div class="entry-content">
{{ .content | markdownify }}
</div>
</div>
<footer class="entry-footer">
{{ partial "social_icons.html" site.Params.socialIcons }}