Fixed #148, themeing book using new Bookish support.

This commit is contained in:
Amy J. Ko 2021-12-30 11:05:34 -08:00
parent b9ec6e00a5
commit 7906348ec3
2 changed files with 46 additions and 52 deletions

View file

@ -5,20 +5,57 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!-- Bootstrap jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<!-- Peruse --> <!-- Peruse -->
<script src="https://faculty.washington.edu/ajko/peruse/peruse.js"></script> <script src="https://faculty.washington.edu/ajko/bookish/bookish.js"></script>
<link rel="stylesheet" href="https://faculty.washington.edu/ajko/peruse/peruse.css"> <link rel="stylesheet" href="https://faculty.washington.edu/ajko/bookish/bookish.css">
<link rel="apple-touch-icon" sizes="180x180" href="https://faculty.washington.edu/ajko/peruse/ios-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://faculty.washington.edu/ajko/peruse/ios-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://faculty.washington.edu/ajko/peruse/favicon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://faculty.washington.edu/ajko/peruse/favicon.png">
<!-- Theme -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,300;0,500;1,300&display=swap');
:root {
/* Background colors */
--bookish-background-color: #FFFFFF;
--bookish-block-background-color: #FCFAFA;
/* Border colors */
--bookish-border-color-light: #E0E0E0;
--bookish-border-color-bold: #000000;
/* Foreground colors */
--bookish-paragraph-color: #000000;
--bookish-highlight-color: #bb4242;
--bookish-link-color: #bb4242;
--bookish-bullet-color: #bb4242;
/* Fonts */
--bookish-paragraph-font-family: "Roboto", serif;
--bookish-header-font-family: "Bebas Neue", serif;
--bookish-bullet-font-family: "Courier New", monospace;
/* Font weights */
--bookish-paragraph-font-weight: 300;
--bookish-bold-font-weight: 500;
--bookish-link-font-weight: 300;
/* Line heights */
--bookish-paragraph-line-height: 2rem;
}
.bookish-dark {
--bookish-paragraph-color: #DADADA;
--bookish-highlight-color: #b36363;
--bookish-link-color: #b36363;
--bookish-bullet-color: #b36363;
}
</style>
</head> </head>
<body onload="peruse('book.json')"> <body onload="bookish()">
<script type="text/javascript"> <script type="text/javascript">

View file

@ -1,43 +0,0 @@
body {
max-width: 800px;
padding: 3em;
margin-left: auto;
margin-right: auto;
font-weight: 400;
font-family: "Lora", serif;
font-size: 15pt;
line-height: 2em;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 600;
margin-top: 2em;
font-family: "Verdana", sans-serif;
}
strong, b {
font-weight: 600;
}
table.text-left td {
text-align: left;
}
.img-responsive, .embed-responsive {
margin-top: 2em;
}
p {
margin-top: 1.5em;
margin-bottom: 1.5em;
margin-right: 1.5em;
}
table p {
margin-top: 0em;
}
li {
margin-bottom: 0.5em;
}