writing: refactor and style books section

This commit is contained in:
desmukh 2022-12-27 12:24:56 +05:00
parent 1ca227186a
commit d7ffb0f14e
3 changed files with 47 additions and 16 deletions

View File

@ -0,0 +1,23 @@
<div id="books-section" class="columns">
<div class="column is-one-fifth">
<div class="thead">BOOKS</div>
</div>
<div class="column">
<div class="columns">
{{ range .Params.Books }}
<div class="column is-half">
<div class="book-cell">
<h3>{{ .title }}</h3>
<div class="book-cover">
<a href={{ .path }}>
<img src={{ .imgsrc }} alt={{ .title }}>
</a>
</div>
<p class="book-stats"><b>{{ .body }}</b></p>
<p class="book-stats"><a href={{ .path }}>Details</a></p>
</div>
</div>
{{ end}}
</div>
</div>
</div>

View File

@ -50,7 +50,29 @@
} }
.writing-section { .writing-section {
padding-bottom: 28px; padding-bottom: 64px;
}
#books-section {
padding-bottom: 24px;
}
#books-section h3 {
font-size: 21px;
font-weight: 700;
text-align: center;
height: 7rem;
}
.book-cell {
text-align: center;
}
.book-cover img {
max-width: 140px;
}
.book-stats {
padding-top: 10px;
} }
</style> </style>

View File

@ -2,21 +2,7 @@
<div id="writing-page" class="section writing"> <div id="writing-page" class="section writing">
<div> <div>
{{ partial "essay-section" . }} {{ partial "essay-section" . }}
<div class="flex-row-books"> {{ partial "books-section" . }}
<div class="thead">BOOKS</div>
{{ range .Params.Books }}
<div class="book-cell">
<h6>{{ .title }}</h6>
<div class="book-cover">
<a href={{ .path }}>
<img src={{ .imgsrc }} alt={{ .title }}>
</a>
</div>
<p class="book-stats"><i><a href={{ .path }}>Details</a></i></p>
<p class="book-stats"><b>{{ .body }}</b></p>
</div>
{{ end}}
</div>
<div class="writing-section"> <div class="writing-section">
<div class="thead">COLLECTIVE WRITING</div> <div class="thead">COLLECTIVE WRITING</div>
{{ range .Params.Collective }} {{ range .Params.Collective }}