front = md`
### *Advanced Polymeric Functional Materials*
`
tex = {
const [katex, style] = await Promise.all([
require("katex@0.12.0/dist/katex.min.js"),
require.resolve("katex@0.12.0/dist/katex.min.css")
]);
document.head.append(html`<link rel="stylesheet" href="${style}">`);
await require.alias({katex})("katex@0.12.0/dist/contrib/mhchem.min.js");
return function tex() {
var root = document.createElement("div");
katex.render(String.raw.apply(String, arguments), root);
return root.removeChild(root.firstChild);
};
}
MathJax = require("https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML")
.catch(() => window.MathJax)
.then((MathJax) => {
MathJax.Hub.Config({
CommonHTML: { scale: 110 }, // scaling to get the same size as katex (but katex still has more spacing between lines...)
tex2jax: {
inlineMath: [
["$", "$"],
["\\(", "\\)"]
]
},
displayMath: [
["$$", "$$"],
["\\[", "\\]"]
],
processEscapes: true,
TeX: { extensions: ["autoload-all.js"] }
});
return new Promise((resolve) =>
MathJax.Hub.Register.StartupHook("End", () => resolve(MathJax))
);
})
style = html`
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Open+Sans:400,400i|Raleway:400,400i,700,700i" rel="stylesheet" type='text/css'>
<style>
body {
font-family: "Lora", serif;
font-size: 1.2em;
background-color: #fafafa;
}
table {
font-family: "Lora", serif;
}
h1 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
color: #3d405b;
}
h3,h4,h5,h6 {
font-family: "Raleway", sans-serif;
font-weight: 700;
color: #444444;
}
h2 {
font-family: "Raleway", sans-serif;
font-weight: 700;
color: #e07a5f;
margin-top: 1em;
margin-bottom: 0.5em;
padding: 0.3em;
border-color: #3d405b;
border-left: 5px solid;
}
</style>
`
after = md`
### About
This notebook is created by Dr. Yu Wang. The materials, such as the figures and the questions, are adapted from wikipedia, OpenStax, and other open resources. The notebook can be used as a study guide for polymer chemistry courses.
As open educational resources (OER), this notebook is licensed under Creative Commons Attribution 4.0 International License. All contents can be used for free.
### Contact:
Dr. Yu Wang
Department of Chemistry
Institute for Materials Research and Innovation
University of Louisiana at Lafayette
Lafayette, LA 70504
Email: yuwang@louisiana.edu
`
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
