Ellpeck/Web
1
0
Fork 0
Code Issues Pull requests Actions Releases Activity

use roboto slab as serif font & for headers
All checks were successful
Jenkins
Ellpeck/Web/pipeline/head This commit looks good
Details

Browse source
This commit is contained in:
Ell 2023-06-06 15:11:49 +02:00
parent 1610c0618c
commit 2844b58dda
3 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
main/_layouts/default.html
View file

@ -12,6 +12,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap">
<link rel="stylesheet" href="/style/style.css"> <link rel="stylesheet" href="/style/style.css">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">

6
main/style/book.css
View file

@ -3,7 +3,7 @@
} }
.post-content { .post-content {
font-family: "Georgia", serif; font-family: "Roboto Slab", serif;
text-align: justify; text-align: justify;
margin-bottom: 2em; margin-bottom: 2em;
} }
@ -21,7 +21,7 @@
} }
.post-content hr::before { .post-content hr::before {
content: '***'; content: "***";
display: block; display: block;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
@ -33,8 +33,6 @@
.list-display h4, .list-display h4,
.list-display h5, .list-display h5,
.list-display h6 { .list-display h6 {
text-align: left;
font-family: sans-serif;
font-variant: small-caps; font-variant: small-caps;
} }

4
main/style/style.css
View file

@ -11,6 +11,10 @@ body {
margin-bottom: 100px; margin-bottom: 100px;
} }
h1, h2, h3, h4, h5, h6, .nav-item {
font-family: "Roboto Slab", serif;
}
.main { .main {
margin-top: 20px; margin-top: 20px;
margin-bottom: 40px; margin-bottom: 40px;