feat: add logo to home info page

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

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

View File

@ -1,10 +1,16 @@
{{- with site.Params.homeInfoParams }} {{- with site.Params.homeInfoParams }}
<article class="first-entry home-info"> <article class="first-entry home-info">
<header class="entry-header"> <header class="entry-header">
<h1>{{ .Title | markdownify }}</h1> <h1>{{ .title | markdownify }}</h1>
</header> </header>
<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"> <div class="entry-content">
{{ .Content | markdownify }} {{ .content | markdownify }}
</div>
</div> </div>
<footer class="entry-footer"> <footer class="entry-footer">
{{ partial "social_icons.html" site.Params.socialIcons }} {{ partial "social_icons.html" site.Params.socialIcons }}