Adding book picture, update theme #2

Merged
3wordchant merged 1 commits from em_add-to-book-section into main 2022-03-24 20:54:35 +00:00
4 changed files with 24 additions and 5 deletions

View File

@ -7,7 +7,14 @@ octo: octo-4.webp
<tbody> <tbody>
<tr> <tr>
<td class="thead">BOOKS</td> <td class="thead">BOOKS</td>
<td> <td class="book-cell">
<div class="book-cover">
<img src="/img/books/abolish-the-family.jpg" alt='Abolish the Family Cover'>
</div>
<p class="book-stats"><b>Abolish the Family: A Manifesto for Care and Liberation</b></p>
<p class="book-stats"><i>Coming soon!</i></p>
</td>
<td class="book-cell">
<div class="book-cover"> <div class="book-cover">
<img src="/img/books/fsn-cover.jpg" alt='Full Surrogacy Now Cover'> <img src="/img/books/fsn-cover.jpg" alt='Full Surrogacy Now Cover'>
<a href="/writing/full-surrogacy-now/"> <a href="/writing/full-surrogacy-now/">
@ -16,8 +23,8 @@ octo: octo-4.webp
</p> </p>
</a> </a>
</div> </div>
<p><b>Full Surrogacy Now!</b></p> <p class="book-stats"><b>Full Surrogacy Now!</b></p>
<p><i>Published in May 2019</i></p> <p class="book-stats"><i>Published in May 2019</i></p>
</td> </td>
</tr> </tr>
<tr> <tr>

File diff suppressed because one or more lines are too long

View File

@ -120,9 +120,17 @@ hr {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
&.writing { &.writing {
img {
margin-bottom: 0.75em;
}
.book-cell {
padding-right: 2em;
}
.book-cover { .book-cover {
float: left; float: left;
margin-right: 1rem; width: 100%;
text-align: center; text-align: center;
img { img {
height: 184px; height: 184px;
@ -142,6 +150,10 @@ hr {
background-color: #adadad; background-color: #adadad;
} }
} }
.book-stats {
text-align: center;
}
} }
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB