init: add styling file

_includes/fontawesome.html

+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">

_includes/hide_df.html

+<script>
+// Iterate over table dataframe
+$( "div.cell-output > div > table.dataframe" ).each(function(index){
+  // if the table body has more than 5 rows and is not the first of the document
+  if ( ($('tr', $(this).find('tbody')).length > 5) && (index > 0) ) {
+    // create <details> container before
+    $( "<div id=df" + index + "><details><summary>DataFrame</summary></details></div>" ).insertAfter($(this).parents()[1]);
+    // move the grandparent div inside <details>
+    $(this).parent().parent().appendTo("#df" + index + "> details");
+  }
+});
+</script>

_includes/iconify.html

+<script src="//code.iconify.design/1/1.0.6/iconify.min.js"></script>

_includes/imageMapResizer.min.js

+/*! Image Map Resizer (imageMapResizer.min.js ) - v1.0.10 - 2019-04-10
+ *  Desc: Resize HTML imageMap to scaled image.
+ *  Copyright: (c) 2019 David J. Bradshaw - dave@bradshaw.net
+ *  License: MIT
+ */
+
+!function(){"use strict";function r(){function e(){var r={width:u.width/u.naturalWidth,height:u.height/u.naturalHeight},a={width:parseInt(window.getComputedStyle(u,null).getPropertyValue("padding-left"),10),height:parseInt(window.getComputedStyle(u,null).getPropertyValue("padding-top"),10)};i.forEach(function(e,t){var n=0;o[t].coords=e.split(",").map(function(e){var t=1==(n=1-n)?"width":"height";return a[t]+Math.floor(Number(e)*r[t])}).join(",")})}function t(e){return e.coords.replace(/ *, */g,",").replace(/ +/g,",")}function n(){clearTimeout(d),d=setTimeout(e,250)}function r(e){return document.querySelector('img[usemap="'+e+'"]')}var a=this,o=null,i=null,u=null,d=null;"function"!=typeof a._resize?(o=a.getElementsByTagName("area"),i=Array.prototype.map.call(o,t),u=r("#"+a.name)||r(a.name),a._resize=e,u.addEventListener("load",e,!1),window.addEventListener("focus",e,!1),window.addEventListener("resize",n,!1),window.addEventListener("readystatechange",e,!1),document.addEventListener("fullscreenchange",e,!1),u.width===u.naturalWidth&&u.height===u.naturalHeight||e()):a._resize()}function e(){function t(e){e&&(!function(e){if(!e.tagName)throw new TypeError("Object is not a valid DOM element");if("MAP"!==e.tagName.toUpperCase())throw new TypeError("Expected <MAP> tag, found <"+e.tagName+">.")}(e),r.call(e),n.push(e))}var n;return function(e){switch(n=[],typeof e){case"undefined":case"string":Array.prototype.forEach.call(document.querySelectorAll(e||"map"),t);break;case"object":t(e);break;default:throw new TypeError("Unexpected data type ("+typeof e+").")}return n}}"function"==typeof define&&define.amd?define([],e):"object"==typeof module&&"object"==typeof module.exports?module.exports=e():window.imageMapResize=e(),"jQuery"in window&&(window.jQuery.fn.imageMapResize=function(){return this.filter("map").each(r).end()})}();
+//# sourceMappingURL=imageMapResizer.map
\ No newline at end of file

_includes/jquery.html

+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>

_includes/map_resize.html

+<script>
+$(document).ready(function() {
+    $('map').imageMapResize();
+});
+</script>

_includes/mathjax.html

+<div style="display:none">
+\(
+\newcommand{\bm}[1]{\boldsymbol{\mathbf{#1}}}
+\newcommand{\pluseq}{\mathrel{+}=}
+\)
+</div>

_sass/common/_base.scss

+/* ==========================================================================
+   Base elements
+   ========================================================================== */
+
+h3.anchored { margin-bottom: 1rem; }
+h4.anchored { margin-bottom: 0.75rem; }

_sass/common/_callout.scss

+/* ==========================================================================
+   Callout
+   ========================================================================== */
+
+div.callout:not(.no-icon), div.callout {
+   margin-left: 0px !important;
+   
+}
+
+.callout.callout-style-simple .callout-body,.callout.callout-style-default .callout-body,
+.callout.callout-style-minimal .callout-body{ 
+   font-size: 1rem !important;
+}
+
+.callout.callout-style-default > div.callout-header,
+.callout.callout-style-simple > div.callout-header,
+.callout.callout-style-minimal > div.callout-header { 
+   font-size: 1.1rem !important;
+}

_sass/common/_codeblock.scss

+/* ==========================================================================
+   Code block
+   ========================================================================== */
+
+// handle blank code block
+pre:not(.sourceCode) {
+  max-height: 350px;
+  overflow-y: auto;
+}
+
+// add a margin after div containing dataframe output table
+div.cell-output > div > table.dataframe { margin-bottom: 1.5em !important; }

_sass/common/_fonts.scss

+/* ==========================================================================
+   Fonts
+   ========================================================================== */
+
+// Path
+$font-path: "_sass/common/fonts" !default;
+@import "fonts/raleway";

_sass/common/_icons.scss

+/* ==========================================================================
+   Icons
+   ========================================================================== */
+
+.mdi--run-selection {
+  display: inline-block;
+  text-align: start;
+  vertical-align: -3px;
+  width: 20px;
+  height: 20px;
+  --svg: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8' standalone='no'%3f%3e %3csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='24' height='24' viewBox='0 0 24 24' fill='none' version='1.1' id='svg50' sodipodi:docname='run selection 0-5-1.svg' inkscape:version='1.0.2 (e86c8708%2c 2021-01-15)'%3e %3cmetadata id='metadata56'%3e %3crdf:RDF%3e %3ccc:Work rdf:about=''%3e %3cdc:format%3eimage/svg%2bxml%3c/dc:format%3e %3cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3e %3cdc:title%3e%3c/dc:title%3e %3c/cc:Work%3e %3c/rdf:RDF%3e %3c/metadata%3e %3cdefs id='defs54' /%3e %3csodipodi:namedview pagecolor='white' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='689' inkscape:window-height='480' id='namedview52' showgrid='false' inkscape:zoom='11.813498' inkscape:cx='12' inkscape:cy='12' inkscape:window-x='30' inkscape:window-y='23' inkscape:window-maximized='0' inkscape:current-layer='svg50' /%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.29289 17.7071C9.10536 17.5196 9 17.2652 9 17V5C9 4.73478 9.10536 4.48043 9.29289 4.29289C9.48043 4.10536 9.73478 4 10 4H12V2H9.5C8.95 2 8 2.45 8 3C8 2.45 7.05 2 6.5 2H4V4H6C6.26522 4 6.51957 4.10536 6.70711 4.29289C6.89464 4.48043 7 4.73478 7 5V17C7 17.2652 6.89464 17.5196 6.70711 17.7071C6.51957 17.8946 6.26522 18 6 18H4V20H6.5C7.05 20 8 19.55 8 19C8 19.55 8.95 20 9.5 20H11V18H10C9.73478 18 9.48043 17.8946 9.29289 17.7071Z' fill='%23FAFAFA' id='path46' /%3e %3cpath d='M13 12V22L21 17L13 12Z' fill='%2344DEB0' id='path48' /%3e %3c/svg%3e");
+  background-color: currentColor;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}

_sass/common/_sidebar.scss

+/* ==========================================================================
+  Sidebar
+========================================================================== */
+  
+div.sidebar-item-container > a.sidebar-item-text.text-start > span.menu-text,
+li.sidebar-item-section > span.sidebar-item-text.text-start > span.menu-text {
+  text-transform: uppercase !important;
+  font-weight: bold;
+}
+
+// add margin around appendix list-item
+li.sidebar-item-section.sidebar-item {
+  margin-top: 1rem !important;
+  margin-bottom: 0.75rem !important;
+}

_sass/common/_variables.scss

+/* ==========================================================================
+   Variables
+   
+   See:
+   https://quarto.org/docs/output-formats/html-themes.html#sass-variables
+   https://getbootstrap.com/docs/5.0/layout/grid/#variables
+   ========================================================================== */
+
+// font families
+$font-family-sans-serif:      "Raleway" !default;
+$headings-font-family:        "Raleway" !default;
+
+// Grid layout 
+$grid-sidebar-width: 350px !default;
+$grid-body-width: 1000px !default;
+$grid-margin-width: 250px !default;
+$grid-column-gutter-width: 2em !default;