mirror of
				https://github.com/adityatelange/hugo-PaperMod.git
				synced 2025-11-04 10:22:44 +01:00 
			
		
		
		
	feat: add logo to home info page
This commit is contained in:
		
							
								
								
									
										23
									
								
								assets/css/common/home-info.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										23
									
								
								assets/css/common/home-info.css
									
									
									
									
									
										Normal 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;
 | 
			
		||||
}
 | 
			
		||||
@@ -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 }}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user