writing: add IBM Plex Mono font

This commit is contained in:
desmukh 2022-12-27 12:32:59 +05:00
parent 1fde55b59a
commit 0960dc6952
2 changed files with 21 additions and 4 deletions

View File

@ -13,8 +13,8 @@
<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>
<p class="book-blurb"><b>{{ .body }}</b></p>
<p class="book-detail"><a href={{ .path }}>Details</a></p>
</div>
</div>
{{ end}}

View File

@ -11,6 +11,8 @@
<title>{{ $title }}</title>
{{- partial "octocss.html" . -}}
{{ if eq .Title "Writing" }}
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<style> @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap'); </style>
<style>
.accordion {
cursor: pointer;
@ -35,6 +37,7 @@
}
.acc-panel a {
color: #0C84DC;
text-decoration: underline;
}
#writing-page .thead {
@ -65,16 +68,30 @@
}
.book-cell {
font-family: 'IBM Plex Mono';
text-align: center;
}
.book-cover img {
max-width: 140px;
}
.book-stats {
.book-blurb {
font-family: 'IBM Plex Mono';
font-size: 12px;
padding-top: 10px;
}
.book-detail {
font-family: 'IBM Plex Mono';
font-size: 18px;
padding-top: 10px;
text-decoration: underline;
}
.book-detail a {
color: #000;
}
</style>
<script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>
{{ end }}