diff --git a/config/html/css/font-merriweather/Merriweather-Black.ttf b/config/html/css/font-merriweather/Merriweather-Black.ttf new file mode 100644 index 0000000..50c3b33 Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-Black.ttf differ diff --git a/config/html/css/font-merriweather/Merriweather-BlackItalic.ttf b/config/html/css/font-merriweather/Merriweather-BlackItalic.ttf new file mode 100644 index 0000000..4879aba Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-BlackItalic.ttf differ diff --git a/config/html/css/font-merriweather/Merriweather-Bold.ttf b/config/html/css/font-merriweather/Merriweather-Bold.ttf new file mode 100644 index 0000000..3e10e02 Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-Bold.ttf differ diff --git a/config/html/css/font-merriweather/Merriweather-BoldItalic.ttf b/config/html/css/font-merriweather/Merriweather-BoldItalic.ttf new file mode 100644 index 0000000..5b9d0ec Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-BoldItalic.ttf differ diff --git a/config/html/css/font-merriweather/Merriweather-Italic.ttf b/config/html/css/font-merriweather/Merriweather-Italic.ttf new file mode 100644 index 0000000..8e9d03d Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-Italic.ttf differ diff --git a/config/html/css/font-merriweather/Merriweather-Light.ttf b/config/html/css/font-merriweather/Merriweather-Light.ttf new file mode 100644 index 0000000..034ef03 Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-Light.ttf differ diff --git a/config/html/css/font-merriweather/Merriweather-LightItalic.ttf b/config/html/css/font-merriweather/Merriweather-LightItalic.ttf new file mode 100644 index 0000000..4d19550 Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-LightItalic.ttf differ diff --git a/config/html/css/font-merriweather/Merriweather-Regular.ttf b/config/html/css/font-merriweather/Merriweather-Regular.ttf new file mode 100644 index 0000000..3fecc77 Binary files /dev/null and b/config/html/css/font-merriweather/Merriweather-Regular.ttf differ diff --git a/config/html/css/old.css b/config/html/css/old.css deleted file mode 100644 index c91428d..0000000 --- a/config/html/css/old.css +++ /dev/null @@ -1,1146 +0,0 @@ -/* - * Custom CSS file. Override it as you like. - * - * Credits to @killercup; Extracted from this Gist: - * https://gist.github.com/killercup/5917178 - */ - -:root { - --heading-scale-factor: 0.6; - --font-scale-factor: 1; - --sidebar-font-scale-factor: 1; - --rbar-width: 300px; - --rbar-max-width: 300px; - --main-max-width: 800px; - --lbar-max-width: 350px; - --lbar-min-width: 260px; - --color-link:#0645ad; - --color-sidebar-gray:#f8f8f7; - --color-background-main:#fffff8; - /*--color-background-main:#ffffff;*/ - /*--color-background-code:#f8f8f7;*/ - --color-background-code:inherit; - --color-background-code-inline:#afb8c133; - --font-size-caption:0.93em; -} - -html { - font-size: 100%; - /*overflow-y: scroll;*/ - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - width:100%; -} -/* Chrome 29+ */ -@media screen and (-webkit-min-device-pixel-ratio:0) - and (min-resolution:.001dpcm) { - html { - scrollbar-width: thin; - } -} - -body { - color: #444; - /*font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;*/ - font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; - font-size: calc( var(--font-scale-factor) * 14px ); - line-height: 1.4; - padding: 0; - margin:0; - width:100%; - max-width:100%; - /*background: #fefefe;*/ - background: var(--color-background-main); - hyphens: auto; - overflow-wrap: break-word; - text-rendering: optimizeLegibility; - font-kerning: normal; -} - -@media only screen and (min-width: 480px) { - body { - font-size: calc( var(--font-scale-factor) * 16px );; - --heading-scale-factor: 0.7; - } -} - -@media only screen and (min-width: 768px) { - body { - --heading-scale-factor: 0.75; - --sidebar-font-scale-factor: 0.9; - font-size: calc( var(--font-scale-factor) * 21px ); - } -} - -/********************* - * GRID #grid areas - *********************/ - -/* mobile (desktop see later) */ -#main-content { - display: grid; - grid-gap: 45px; - /* grid-template-rows / grid-template-cols */ - /* we have 1 row, and 3 cols! */ - /*grid-template:*/ - /*"lbar main rbar" auto / 20% minmax(auto, 800px) 20%;*/ - /* same as next 3 */ - grid-template-areas: - "main"; - grid-template-columns: minmax(auto, var(--main-max-width)); - grid-template-rows: 1fr; - width: 100vw; - max-width:100%; - align-items: center; - /*justify-items: center;*/ - justify-content: center; - margin:0; -} - -#btn-mobile { - display: flex; - align-items: center; - justify-content: center; - position:fixed; - top: 1em; - left:1em; - z-index:100; -} - -#btn-hamburger { - height:15px; - width:15px; - stroke: #292929; -} - -#btn-close { - fill: #292929; - stroke-width: 2; -} - -#btn-close * { - stroke-width: 2; -} - -#text-body { - /* enable grow/shrink */ - grid-area: main; - padding: 0 2em; - padding-bottom:3em; -} - -#text-bode:not(header) { - counter-reset: listing-section; -} - -.sidebar-left { - /*display:none;*/ - background:inherit; - position:fixed; - grid-area: lbar; - padding:0 0em 0 2em; - align-self: start; - top: 0; - left:0; - overflow-y: auto; - resize: horizontal; - max-height: 100vh; - /*width:80%;*/ - min-width: var(--lbar-min-width); - max-width: 100% - scrollbar-width: thin; - height:100vh; -} - -#toc-content { - display:none; - border-right: 1px solid rgba(0,0,0,0.1); -} -#toc-content li { - margin-right:1em; -} - -.sidebar-left:hover #toc-content { - display:block; -} - -li:focus-within a { - outline: none; -} - -.sidebar-left:hover, -.sidebar-left:has(#input-toggle-sidebar:checked) { - background:var(--color-sidebar-gray); -} - -.sidebar-right { - display:none; - grid-area: rbar; -} - -/* 3 column doc */ -@media only screen and ( min-width:1024px ) { - #main-content { - align-items: start; - grid-template-areas: - "lbar main rbar"; - grid-template-columns: 1fr minmax(auto, var(--main-max-width)) 1fr; - grid-template-rows: 1fr; - width: 100vw; - max-width:100%; - align-items: start; - margin:0; - } - - .sidebar-left { - position:sticky; - width:100%; - display:block; - max-height:100vh; - max-height: 100vh; - min-width: var(--lbar-min-width); - max-width: var(--lbar-max-width); - } - .sidebar-right { - display:block; - } -} - -/****************************** - * HEADER #header #titlepage - ******************************/ - -#title-block-header .title { - --heading-scale-factor: 0.8; - /*font-size:1.1em;*/ -} -#title-block-header .subtitle { - font-size:1.15em; -} - -#title-block-header .date { - margin-top:3em; - font-size: 1.05em; - /*font-family: 'Merriweather', serif;*/ - /*font-size: 0.8em;*/ -} - -/****************************** - * MAIN STUFF #main - ******************************/ - -a { - color: var(--color-link); - text-decoration: none; -} - -a:visited { - color: #0b0080; -} - -a:hover { - color: #06e; -} - -a:active { - color: #faa700; -} - -a:focus { - outline: thin dotted; -} - -*::-moz-selection { - background: rgba(255, 255, 0, 0.3); - color: #000; -} - -*::selection { - background: rgba(255, 255, 0, 0.3); - color: #000; -} - -a::-moz-selection { - background: rgba(255, 255, 0, 0.3); - color: var(--color-link); -} - -a::selection { - background: rgba(255, 255, 0, 0.3); - color: var(--color-link); -} - -p { - margin: 1em 0; -} - -img { - max-width: 100%; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: #111; - line-height: 125%; - margin-top: 2em; - font-weight: normal; -} - -h4, -h5, -h6 { - font-weight: bold; -} - -h1 { - color: #111; - font-size: calc(2.5em * var(--heading-scale-factor)); -} - -h2 { - font-size: calc(1.9em * var(--heading-scale-factor)); -} - -h3 { - font-size: calc(1.55em * var(--heading-scale-factor)); -} - -h4 { - font-size: calc(1.25em * var(--heading-scale-factor)); -} - -h5 { - font-size: calc(1.1em * var(--heading-scale-factor)); -} - -h6 { - font-size: calc(1em * var(--heading-scale-factor)); -} - -blockquote { - color: #666666; - margin: 0; - padding-left: 2.5em; - border-left: 0.3em #EEE solid; -} - -hr { - display: block; - height: 2px; - border: 0; - border-top: 1px solid #aaa; - border-bottom: 1px solid #eee; - margin: 1em 0; - padding: 0; -} -#text-body hr { - display: block; - height: 2px; - border: 0; - border-top: 1px solid rgba(0,0,0,0.4); - border-bottom: 1px solid var(--color-background-main); - margin: 1em 0; - padding: 0; -} - -header { - margin-bottom: 4em; - text-align: center; -} - -b, strong { - font-weight: bold; - /*color:black;*/ - color:#000; - /* for more bold of similar font, uncomment next 2 lines */ - /*font-size:0.83em;*/ - /*font-family: 'Merriweather", serif';*/ -} - -/* code */ -pre, -code, -kbd, -samp { - color: #000; - font-family: monospace, monospace; - _font-family: 'courier new', monospace; -} - -pre { - line-height:1em; - padding:0.4em 0.9em; - white-space: pre-wrap; - word-wrap: normal; - background-color: var(--color-background-code); - border: 1px solid rgba(0,0,0,0.5); -} - -code { - padding:0.25em; - font-size: 0.75em; - background-color: var(--color-background-code); -} - -a > code, -p > code { - padding:0.25em; - background-color: var(--color-background-code-inline); - border-radius: 4px; -} - -pre code { - padding:0; -} - -pre .code-meta { - /*display:none;*/ - float: right; - margin-top:-0.25em; - margin-right:-1em; - font-size:0.65em; - color: rgba(0,0,0,0.5); -} -pre .code-meta .code-lang { - display:inline-block; - margin-top:-0.5em; - vertical-align: text-top; -} -pre .code-meta .clipboard-icon { - margin-left: 0.65em; -} -pre .code-meta .clipboard-icon svg { - /*margin-top:0.1em;*/ - padding:0.2em; - overflow: visible; - fill: rgba(0,0,0,0.4); -} -pre .code-meta .clipboard-icon:hover svg { - fill: var(--color-link); - background: rgba(0,0,0,0.03); - cursor:pointer; -} -.copy-msg { - height:0; - display:none; - font-size: 0.8em; - color: rgba(0,0,0,0.5); - margin-top:-1.3em; - float:right; -} - -pre:hover .code-lang { -} - - -dfn { - font-style: italic; -} - -ins { - background: #ff9; - color: #000; - text-decoration: none; -} - -mark { - background: #ff0; - color: #000; - font-style: italic; - font-weight: bold; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -ul, -ol { - margin: 1em 0; - padding: 0 0 0 2em; -} - -li p:last-child { - margin-bottom: 0; -} - -ul ul, -ol ol { - margin: .3em 0; -} - -dl { - margin-bottom: 1em; -} - -dt { - font-weight: bold; - margin-bottom: .8em; -} - -dd { - margin: 0 0 .8em 2em; -} - -dd:last-child { - margin-bottom: 0; -} - -img { - border: 0; - -ms-interpolation-mode: bicubic; - vertical-align: middle; -} - -figure { - display: block; - text-align: center; - margin: 1em 0; -} -figure img { - border: none; - margin: 0 auto; -} - -.subfigures > p { - display:flex; - /*flex-wrap: wrap;*/ - align-items: end; - justify-content:center; - flex-flow: row wrap; - flex-grow: 1; - margin-top:-1em; -} - -.subfigures figure { - flex-grow: 2; /* flex-grow, flex-shrink, flex-basis */ -} - -.subfigures > figcaption { - flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */ - margin-top:-2em; - text-align:center; -} - -.subfigures figure, -.subfigures img { - min-width:250px; - display:inline-block; - position:relative; - padding: 0.5em 0.5em; -} - - -caption, -figcaption { - display:block; - font-size: var(--font-size-caption); - font-style: italic; - margin:0.4em 0 1.5em 0; - text-align:center; -} - -table { - margin-bottom: 1.6em; - border-bottom: 1px solid #ddd; - border-right: 1px solid #ddd; - border-spacing: 0; - border-collapse: collapse; -} - -div:has(> caption) > table { - margin-bottom: 0.4em; -} - -table th { - padding: .2em 1em; - background-color: var(--color-background-code-inline); - border-top: 1px solid #ddd; - border-left: 1px solid #ddd; -} - -table td { - padding: .2em 1em; - border-top: 1px solid #ddd; - border-left: 1px solid #ddd; - vertical-align: top; -} - -.simple-table table { - border: none; -} -.simple-table table th { - border: none; - color: #000; - border-top: 1px solid rgba(0,0,0,0.4); - border-bottom: 1px solid rgba(0,0,0,0.4); - background-color: inherit; -} -.simple-table table td { - border: none; - width:auto; - /*padding: .1em 1em;*/ -} -.simple-table table tr:last-child { - border-bottom: 1px solid rgba(0,0,0,0.4); -} - -#authors { - margin-top:4em; -} -#author-title { - /*margin-top:2em;*/ - font-size:0.9em; -} -#authors .author { - padding:0; - margin: 0.4em 0; - font-size: 1em; - text-align: center; -} - -.switch { - position: relative; - display: block; - width: 35px; - height: 15px; -} - -.switch input { - opacity: 0; - width: 0; - height: 0; -} - -.slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - -webkit-transition: .4s; - transition: .4s; -} - -.slider:before { - position: absolute; - content: ""; - height: 8px; - width: 8px; - left: 4px; - bottom: 4px; - background-color: white; - -webkit-transition: .4s; - transition: .4s; -} - -input:checked + .slider { - background-color: #2196F3; -} - -input:focus + .slider { - box-shadow: 0 0 1px #2196F3; -} - -input:checked + .slider:before { - -webkit-transform: translateX(18px); - -ms-transform: translateX(18px); - transform: translateX(18px); -} - -/* Rounded sliders */ -.slider.round { - border-radius: 10px; -} - -.slider.round:before { - border-radius: 50%; -} - -/****************************** - * MAIN TEXT #main #text - ******************************/ - -#abstract { - margin:5em 1.5em 2em 1.5em; - text-align: center; - font-size:0.92em; -} -#abstract hr { - border-top: 1px solid rgba(0,0,0,0.2); - margin:0; - padding:0; -} - -#abstract-title { - font-weight:bold; - font-size:0.85em; - color:#000; - text-transform: uppercase; - /*font-style:italic;*/ -} -#abstract-text p { - text-align:justify; - margin:0.4em 0; -} - -/****************************** - * SIDEBAR LEFT #sidebar #lbar - ******************************/ - -@media only screen and ( -/*min-width: calc(var(--lbar-max-width) + var(--rbar-width) + var(--main-max-width))*/ -min-width:1500px -) { - .footnotes { - position: absolute; - margin:-2em 4em 0 0em; - margin-left:var(--main-max-width); - max-width: var(--rbar-width); - } -} - -#toc-content { - font-size: calc( var(--sidebar-font-scale-factor) * 1em ); -} -#toc-content a { - /*color: #444;*/ - color: #444; -} -#toc-content a:hover { - color: var(--color-link); -} - -#toc-title { - margin-bottom:0; -} -#sidebar-left li { - list-style: none; -} -#sidebar-left ul { - padding-left: 1.3em0.7 -} -#sidebar-left > ul { - padding-left: 0; -} -#sidebar-left a:not(:hover) { - text-decoration: none; -} - -.toc-section-number { - margin-right:0.2em; -} - -/* sidebar top buttons */ -#lbar-buttons { - margin-top:40px; - border-bottom: 1px solid rgba(0,0,0,0.1); - padding-bottom:1em; - margin-right: 1em; - display:flex; - justify-content: flex-start; - align-items:center; - align-content:center; - min-height:60px; - /*flex-wrap: wrap;*/ - overflow-x:scroll; - row-gap: 1em; - font-size: 0.8em; -} - -@media only screen and (min-width: 1024px) { - #lbar-buttons { - margin-top:20px; - } -} - -@media only screen and (min-width: 1280px) { - #lbar-buttons { - font-size: 1em; - } -} - - -#lbar-buttons > div { - padding: 0 1.25em; - border-right: 1px solid rgba(0,0,0,0.1); -} -#lbar-buttons > div:first-child { - padding-left:0px; -} - -#lbar-buttons .btn-download { - /*display:flex;*/ - flex-direction:column; - display:none; - align-items: center; - gap: 0.2em; - justify-content:center; - cursor:pointer; - /*display: none;*/ -} -#lbar-buttons .btn-text { - font-size:0.70em; -} - -#lbar-buttons .btn-download svg{ - height:1.3em; - width:1.3em; - stroke: rgba(0,0,0,0.3); - stroke-width:25; - fill:none; - overflow:visible; -} -#lbar-buttons .btn-download:hover svg{ - stroke: var(--color-link); -} - -#lbar-buttons #scroll-buttons { - /*display:flex;*/ - display:none; - column-gap: 0.7em; - row-gap: 0.2em; - /*flex-direction:column;*/ -} -#lbar-buttons #btn-scroll-bottom, -#lbar-buttons #btn-scroll-top { - display:none; - /* activate with script */ - /*display:flex;*/ - height:100%; - align-items: center; - cursor:pointer; -} -#lbar-buttons #btn-scroll-bottom svg, -#lbar-buttons #btn-scroll-top svg { - display: block; - height:1.2em; - width:1.2em; - stroke: rgba(0,0,0,0.3); - stroke-width:25; - fill:none; - overflow:visible; -} - -#lbar-buttons #btn-scroll-bottom svg { - transform: rotate(180deg); -} -#lbar-buttons #btn-scroll-bottom:hover svg, -#lbar-buttons #btn-scroll-top:hover svg { - stroke: var(--color-link); -} - -/* toc */ -#toc-content > ul { - padding-left:0; -} - -#toc-content > ul ul { - padding-left:1em; -} -#toc-content > ul ul ul { - padding-left:1.6em; -} - -#toc-content:has(#input-toggle-sidebar:checked) { - display:block; -} -#toc-content > ul > li > ul { - padding-left:1em; - transition: all 1s ease; - display: none; -} - -/*#toc-content > ul li:hover ul,*/ -/*#toc-content > ul li:focus-within > ul,*/ -/*#toc-content > ul li ul:hover,*/ -/*#toc-content > ul li ul:focus {*/ - /*visibility: visible;*/ - /*opacity: 1;*/ - /*display: block*/ -/*}*/ - -/*ul li ul li {*/ - /*clear: both;*/ - /*width: 100%;*/ -/*}*/ - -.btn-toc-toggle { - /* activate with script */ - display:none; - width:1.2em; - height:1.1em; - float:right; - padding-right:1em; - padding-left:1.5em; -} - -.btn-svg-down, -.btn-svg-up { - fill:none; - stroke:rgba(0,0,0,0.7); - stroke-width:1.1; - margin-top:10px; - overflow:visible; - align:right; -} - -.btn-svg-down polyline, -.btn-svg-up polyline{ - padding-top:5px; - overflow:visible; - align:right; - float:right; -} - -.btn-toc-toggle:hover .btn-svg-down, -.btn-toc-toggle:hover .btn-svg-up { - stroke-width:3px; - stroke:var(--color-link); -} - -/******************************* - * SIDEBAR RIGHT #sidebar #rbar - ********************************/ - -/* not really nested inside sidebar */ -.footnotes { - width: 100%; - font-size:0.8em; -} - -@media only screen and ( -/*min-width: calc(var(--lbar-max-width) + var(--rbar-width) + var(--main-max-width))*/ -min-width:1500px -) { - .footnotes { - position: absolute; - margin:-2em 4em 0 0em; - margin-left:var(--main-max-width); - max-width: var(--rbar-width); - } -} - - -/**************************************** - * Copy (partial) from styles.html - ****************************************/ - -/* - * Ref: https://github.com/jgm/pandoc -> data > templates > styles.html - * https://github.com/jgm/pandoc/blob/4c16d721d64bd41150dbcf3fddb68e8df6b91ea1/data/templates/styles.html - */ - -code{white-space: pre-wrap;} -span.smallcaps{font-variant: small-caps;} -div.columns{display: flex; gap: min(4vw, 1.5em);} -div.columnflex: auto; overflow-x: auto;} -div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} -ul.task-list{list-style: none;} -ul.task-list li input[type="checkbox"] { - width: 0.8em; - margin: 0 0.8em 0.2em -1.6em; - vertical-align: middle; -} -.display.math{display: block; text-align: center; margin: 0.5rem auto;} -/* CSS for syntax highlighting */ -pre > code.sourceCode { white-space: pre; position: relative; } -pre > code.sourceCode > span { display: inline-block; line-height: 1.25; } -pre > code.sourceCode > span:empty { height: 1.2em; } - -.sourceCode { - overflow: visible; - /* svbaelen */ - background: var(--color-background-code); -} - -code.sourceCode > span { color: inherit; text-decoration: inherit; } -div.sourceCode { margin: 1em 0; } -pre.sourceCode { margin: 0; } -@media screen { - div.sourceCode { overflow: auto; } -} -@media print { - pre > code.sourceCode { white-space: pre-wrap; } - pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; } -} -pre.numberSource code -{ counter-reset: source-line 0; } -pre.numberSource code > span -{ position: relative; left: -4em; counter-increment: source-line; } -pre.numberSource code > span > a:first-child::before { - content: counter(source-line); - position: relative; left: -1em; text-align: right; vertical-align: baseline; - border: none; display: inline-block; - -webkit-touch-callout: none; -webkit-user-select: none; - -khtml-user-select: none; -moz-user-select: none; - -ms-user-select: none; user-select: none; - padding: 0 4px; width: 4em; - color: #aaaaaa; -} -/*pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }*/ -/* svbaelen custom */ -pre.numberSource { - margin-left: 1em; - border-left: 1px solid rgba(0,0,0,0.25); - padding-left: 4px; -} -div.sourceCode{ - /* comes after
with margin 1em */ - margin-top:-0.25em; -} -@media screen { - pre > code.sourceCode > span > a:first-child::before { - /* svbaelen */ - /*text-decoration: underline;*/ - text-decoration: none; - } -} - -code span.al { color: #ff0000; font-weight: bold; } /* Alert */ -code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */ -code span.at { color: #7d9029; } /* Attribute */ -code span.bn { color: #40a070; } /* BaseN */ -code span.bu { color: #008000; } /* BuiltIn */ -code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */ -code span.ch { color: #4070a0; } /* Char */ -code span.cn { color: #880000; } /* Constant */ -code span.co { color: #60a0b0; font-style: italic; } /* Comment */ -code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */ -code span.do { color: #ba2121; font-style: italic; } /* Documentation */ -code span.dt { color: #902000; } /* DataType */ -code span.dv { color: #40a070; } /* DecVal */ -code span.er { color: #ff0000; font-weight: bold; } /* Error */ -code span.ex { } /* Extension */ -code span.fl { color: #40a070; } /* Float */ -code span.fu { color: #06287e; } /* Function */ -code span.im { color: #008000; font-weight: bold; } /* Import */ -code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */ -code span.kw { color: #007020; font-weight: bold; } /* Keyword */ -code span.op { color: #666666; } /* Operator */ -code span.ot { color: #007020; } /* Other */ -code span.pp { color: #bc7a00; } /* Preprocessor */ -code span.sc { color: #4070a0; } /* SpecialChar */ -code span.ss { color: #bb6688; } /* SpecialString */ -code span.st { color: #4070a0; } /* String */ -code span.va { color: #19177c; } /* Variable */ -code span.vs { color: #4070a0; } /* VerbatimString */ -code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */ - -/* pandoc CSL */ -div.csl-bib-body { } -div.csl-entry { - clear: both; -$if(csl-entry-spacing)$ - margin-bottom: $csl-entry-spacing$; -$endif$ -} -.hanging div.csl-entry { - margin-left:2em; - text-indent:-2em; -} -div.csl-left-margin { - min-width:2em; - float:left; -} -div.csl-right-inline { - margin-left:1.3em; - padding-left:1em; -} -div.csl-indent { - margin-left: 2em; -} - -/* svbaelen */ -/* #listing */ -/* caption for listings */ -/* -h1 { - counter-increment: listing-section; - counter-reset: listing-subsection; -} -div.sourceCode[data-caption] { - counter-increment: listing-subsection; - margin: 1em 0 2.5em 0; -} - -div.sourceCode[data-caption]:after { - content: 'Listing ' counter(listing-section) '.' counter(listing-subsection) ': ' attr(data-caption); - margin-top:0.5em; - left: 50%; - transform: translateX(-50%); - text-align:center; - position: absolute; - font-style:italic; - font-size: var(--font-size-caption); -} -*/ - -.listing > p { - text-align:center; - margin: -0.8em auto 0 auto; - font-style:italic; - font-size: var(--font-size-caption); -} - - - -/********************* - * FONTS #fonts - *********************/ - -/* path relative to pandoc root dir, which - if not specificied - is the projet - * root */ -@font-face { - font-family: "et-book"; - src: url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot"); - src: url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg"); - font-weight: normal; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "et-book"; - src: url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot"); - src: url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg"); - font-weight: normal; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: "et-book"; - src: url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot"); - src: url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg"); - font-weight: bold; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "et-book-roman-old-style"; - src: url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot"); - src: url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg"); - font-weight: normal; - font-style: normal; - font-display: swap; -} diff --git a/config/html/css/tufte.css b/config/html/css/tufte.css index 4af4338..d129556 100644 --- a/config/html/css/tufte.css +++ b/config/html/css/tufte.css @@ -6,8 +6,20 @@ */ :root { + /* Default Tufte style */ + --font-family-main: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;*/ + --line-height-main: 1.4; --heading-scale-factor: 0.65; - --font-scale-factor: 1; + --font-scale-factor: 1; /* useful when switching between fonts */ + --font-scale-factor-code: 0.75; /* useful for "odd" fonts with big diff from code */ + /* Merriweather style */ + /* + --font-family-main: 'Merriweather', serif; + --line-height-main: 1.6; + --heading-scale-factor: 0.65; + --font-scale-factor: 0.8; + --font-scale-factor-code: 0.95; + */ --sidebar-font-scale-factor: 1; --rbar-width: 300px; --rbar-max-width: 300px; @@ -42,9 +54,9 @@ html { body { color: #444; /*font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;*/ - font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + font-family: var(--font-family-main); font-size: calc( var(--font-scale-factor) * 19px ); - line-height: 1.4; + line-height: var(--line-height-main); padding: 0; margin:0; width:100%; @@ -106,36 +118,43 @@ body { left:0.5em; z-index:100; cursor:pointer; - background-color:var(--color-background-main); -} -#btn-mobile.in-menu { - background-color:var(--color-sidebar-gray); } + #btn-burger { - padding:0.75em; + padding:1em; height:25px; width:25px; stroke: #292929; } +#btn-burger-bg { + fill: var(--color-background-main); + stroke: none; +} + #btn-close { - padding:0.75em; + padding:1em; height:25px; display:none; fill: #292929; - height:18px; - width:18px; + margin-top:0.15em; + margin-left:0.15em; + height:20px; + width:20px; } - #btn-close * { stroke-width: 2; } +#btn-close-bg { + fill: var(--color-sidebar-gray); + stroke:none; +} #text-body { /* enable grow/shrink */ grid-area: main; - padding: 0 1em; + padding: 0 1.25em; padding-bottom:3em; } @media only screen and (min-width: 1024px) { @@ -160,8 +179,8 @@ body { overflow-y: auto; resize: horizontal; max-height: 100vh; - min-width: 300px; - max-width: 100% + min-width: 80%; + max-width: 80%; scrollbar-width: thin; height:100vh; z-index:50; @@ -401,7 +420,7 @@ pre { code { padding:0.25em; - font-size: 0.75em; + font-size: calc(1em * var(--font-scale-factor-code) ); background-color: var(--color-background-code); } @@ -419,14 +438,16 @@ pre code { pre .code-meta { /*display:none;*/ float: right; + display:flex; + align-items: center; + justify-content: center; /*position:fixed;*/ /*right:0;*/ /*left: 50%;*/ /*top: 0%;*/ - /*transform: translateX(-50%);*/ margin-top:-0.25em; margin-right:-1em; - font-size:0.65em; + font-size: calc(var(--font-scale-factor-code) * 0.80em); color: rgba(0,0,0,0.5); z-index:100; } @@ -436,8 +457,9 @@ pre .code-meta > * { } pre .code-meta .code-lang { display:inline-block; - margin-top:-0.5em; - vertical-align: text-top; + /*margin-top:-0.5em;*/ + /*margin-right:0.5em;*/ + /*vertical-align: text-top;*/ } pre .code-meta .clipboard-icon { margin-left: 0.65em; @@ -586,16 +608,29 @@ figcaption { } table { + display:block; margin-bottom: 1.6em; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-spacing: 0; border-collapse: collapse; - overflow-x:scroll; - /*max-width:90vw;*/ + overflow-x:auto; + /*width:90vw;*/ + max-width:87vw !important; font-size:0.9em; } +/* table cell widths */ +div.c75 td, div.c75 th { min-width:75px; } +div.c100 td, div.c100 th { min-width:100px; } +div.c125 td, div.c125 th { min-width:125px; } +div.c150 td, div.c150 th { min-width:150px; } +div.c175 td, div.c175 th { min-width:175px; } +div.c200 td, div.c200 th { min-width:200px; } +div.c250 td, div.c250 th { min-width:250px; } +div.c300 td, div.c300 th { min-width:300px; } +div.cfull { white-space: nowrap; } + @media only screen and (min-width: 1024px) { table { font-size:1em; @@ -1236,3 +1271,63 @@ div.sourceCode[data-caption]:after { font-style: normal; font-display: swap; } + +/* ================= */ +/* Merriweather font */ +/* ================= */ +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-Italic.ttf") format("truetype"); + font-weight: normal; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-Bold.ttf") format("truetype"); + font-weight: bold; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-BoldItalic.ttf") format("truetype"); + font-weight: bold; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-LightItalic.ttf") format("truetype"); + font-weight: 300; + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-Black.ttf") format("truetype"); + font-weight: 900; + font-style: normal; + font-display: swap; +} +@font-face { + font-family: 'Merriweather'; + src: url("./font-merriweather/Merriweather-BlackItalic.ttf") format("truetype"); + font-weight: 900; + font-style: italic; + font-display: swap; +} diff --git a/config/html/css/ztmp b/config/html/css/ztmp deleted file mode 100644 index 1029fd1..0000000 --- a/config/html/css/ztmp +++ /dev/null @@ -1,1195 +0,0 @@ -/* - * Custom CSS file. Override it as you like. - * - * Credits to @killercup; Extracted from this Gist: - * https://gist.github.com/killercup/5917178 - */ - -:root { - --heading-scale-factor: 0.6; - --font-scale-factor: 1; - --sidebar-font-scale-factor: 1; - --rbar-width: 300px; - --rbar-max-width: 300px; - --main-max-width: 800px; - --lbar-max-width: 350px; - --lbar-min-width: 260px; - --color-link:#0645ad; - --color-sidebar-gray:#f8f8f7; - --color-background-main:#fffff8; - /*--color-background-main:#ffffff;*/ - /*--color-background-code:#f8f8f7;*/ - --color-background-code:inherit; - --color-background-code-inline:#afb8c133; - --font-size-caption:0.93em; -} - -html { - font-size: 100%; - /*overflow-y: scroll;*/ - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - width:100%; -} -/* Chrome 29+ */ -@media screen and (-webkit-min-device-pixel-ratio:0) - and (min-resolution:.001dpcm) { - html { - scrollbar-width: thin; - } -} - -body { - color: #444; - /*font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;*/ - font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; - font-size: calc( var(--font-scale-factor) * 18px ); - line-height: 1.4; - padding: 0; - margin:0; - width:100%; - max-width:100%; - /*background: #fefefe;*/ - background: var(--color-background-main); - hyphens: auto; - overflow-wrap: break-word; - text-rendering: optimizeLegibility; - font-kerning: normal; -} - -@media only screen and (min-width: 480px) { - body { - font-size: calc( var(--font-scale-factor) * 16px );; - --heading-scale-factor: 0.7; - } -} - -@media only screen and (min-width: 768px) { - body { - --heading-scale-factor: 0.75; - --sidebar-font-scale-factor: 0.9; - font-size: calc( var(--font-scale-factor) * 21px ); - } -} - -/********************* - * GRID #grid areas - *********************/ - -/* mobile (desktop see later) */ -#main-content { - display: grid; - grid-gap: 45px; - /* grid-template-rows / grid-template-cols */ - /* we have 1 row, and 3 cols! */ - /*grid-template:*/ - /*"lbar main rbar" auto / 20% minmax(auto, 800px) 20%;*/ - /* same as next 3 */ - grid-template-areas: - "main"; - grid-template-columns: minmax(auto, var(--main-max-width)); - grid-template-rows: 1fr; - width: 100vw; - max-width:100%; - align-items: center; - /*justify-items: center;*/ - justify-content: center; - margin:0; -} - -#btn-mobile { - display: flex; - align-items: center; - justify-content: center; - position:fixed; - top: 1em; - left:1em; - z-index:100; - cursor:pointer; -} - -#btn-burger { - padding:0.2em; - height:25px; - width:25px; - stroke: #292929; -} - -#btn-close { - display:none; - fill: #292929; - height:18px; - width:18px; - padding:0.2em; -} - -#btn-close * { - stroke-width: 2; -} - -#text-body { - /* enable grow/shrink */ - grid-area: main; - padding: 0 2em; - padding-bottom:3em; -} - -#text-bode:not(header) { - counter-reset: listing-section; -} - -#sidebar-left { - display:none; - background:inherit; - position:fixed; - grid-area: lbar; - padding:0 0em 0 2em; - align-self: start; - top: 0; - left:0; - overflow-y: auto; - resize: horizontal; - max-height: 100vh; - min-width: 300px; - max-width: 100% - scrollbar-width: thin; - height:100vh; - z-index:50; -} - -#toc-content { - display:none; - border-right: 1px solid rgba(0,0,0,0.1); -} -#toc-content li { - margin-right:1em; -} - -#sidebar-left:hover #toc-content { - display:block; -} - -li:focus-within a { - outline: none; -} - -#sidebar-left:hover, -#sidebar-left:has(#input-toggle-sidebar:checked) { - background:var(--color-sidebar-gray); -} - -.sidebar-right { - display:none; - grid-area: rbar; -} - -/* 3 column doc */ -@media only screen and ( min-width:1024px ) { - #main-content { - align-items: start; - grid-template-areas: - "lbar main rbar"; - grid-template-columns: 1fr minmax(auto, var(--main-max-width)) 1fr; - grid-template-rows: 1fr; - width: 100vw; - max-width:100%; - align-items: start; - margin:0; - } - - #sidebar-left { - position:sticky; - width:100%; - display:block; - max-height:100vh; - max-height: 100vh; - min-width: var(--lbar-min-width); - max-width: var(--lbar-max-width); - } - .sidebar-right { - display:block; - } - #btn-mobile { - display:none; - } -} - -/****************************** - * HEADER #header #titlepage - ******************************/ - -#title-block-header .title { - --heading-scale-factor: 0.8; - /*font-size:1.1em;*/ -} -#title-block-header .subtitle { - font-size:1.15em; -} - -#title-block-header .date { - margin-top:3em; - font-size: 1.05em; - /*font-family: 'Merriweather', serif;*/ - /*font-size: 0.8em;*/ -} - -/****************************** - * MAIN STUFF #main - ******************************/ - -a { - color: var(--color-link); - text-decoration: none; -} - -a:visited { - color: #0b0080; -} - -a:hover { - color: #06e; -} - -a:active { - color: #faa700; -} - -a:focus { - outline: thin dotted; -} - -*::-moz-selection { - background: rgba(255, 255, 0, 0.3); - color: #000; -} - -*::selection { - background: rgba(255, 255, 0, 0.3); - color: #000; -} - -a::-moz-selection { - background: rgba(255, 255, 0, 0.3); - color: var(--color-link); -} - -a::selection { - background: rgba(255, 255, 0, 0.3); - color: var(--color-link); -} - -p { - margin: 1em 0; -} - -img { - max-width: 100%; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: #111; - line-height: 125%; - margin-top: 2em; - font-weight: normal; -} - -h4, -h5, -h6 { - font-weight: bold; -} - -h1 { - color: #111; - font-size: calc(2.5em * var(--heading-scale-factor)); -} - -h2 { - font-size: calc(1.9em * var(--heading-scale-factor)); -} - -h3 { - font-size: calc(1.55em * var(--heading-scale-factor)); -} - -h4 { - font-size: calc(1.25em * var(--heading-scale-factor)); -} - -h5 { - font-size: calc(1.1em * var(--heading-scale-factor)); -} - -h6 { - font-size: calc(1em * var(--heading-scale-factor)); -} - -blockquote { - color: #666666; - margin: 0; - padding-left: 2.5em; - border-left: 0.3em #EEE solid; -} - -hr { - display: block; - height: 2px; - border: 0; - border-top: 1px solid #aaa; - border-bottom: 1px solid #eee; - margin: 1em 0; - padding: 0; -} -#text-body hr { - display: block; - height: 2px; - border: 0; - border-top: 1px solid rgba(0,0,0,0.4); - border-bottom: 1px solid var(--color-background-main); - margin: 1em 0; - padding: 0; -} - -header { - margin-bottom: 4em; - text-align: center; -} - -b, strong { - font-weight: bold; - /*color:black;*/ - color:#000; - /* for more bold of similar font, uncomment next 2 lines */ - /*font-size:0.83em;*/ - /*font-family: 'Merriweather", serif';*/ -} - -/* code */ -pre, -code, -kbd, -samp { - color: #000; - font-family: monospace, monospace; - _font-family: 'courier new', monospace; - /*max-width:60%;*/ -} - -pre { - line-height:1em; - padding:0.4em 0.9em; - white-space: pre-wrap; - word-wrap: normal; - background-color: var(--color-background-code); - border: 1px solid rgba(0,0,0,0.5); - overflow-x:scroll; -} - -code { - padding:0.25em; - font-size: 0.75em; - background-color: var(--color-background-code); -} - -a > code, -p > code { - padding:0.25em; - background-color: var(--color-background-code-inline); - border-radius: 4px; -} - -pre code { - padding:0; -} - -pre .code-meta { - /*display:none;*/ - float: right; - /*position:fixed;*/ - /*right:0;*/ - /*left: 50%;*/ - /*top: 0%;*/ - /*transform: translateX(-50%);*/ - margin-top:-0.25em; - margin-right:-1em; - font-size:0.65em; - color: rgba(0,0,0,0.5); - z-index:100; -} -pre .code-meta > * { - /*position:fixed;*/ - /*right:0;*/ -} -pre .code-meta .code-lang { - display:inline-block; - margin-top:-0.5em; - vertical-align: text-top; -} -pre .code-meta .clipboard-icon { - margin-left: 0.65em; -} -pre .code-meta .clipboard-icon svg { - /*margin-top:0.1em;*/ - padding:0.2em; - overflow: visible; - fill: rgba(0,0,0,0.4); -} -pre .code-meta .clipboard-icon:hover svg { - fill: var(--color-link); - background: rgba(0,0,0,0.03); - cursor:pointer; -} -.copy-msg { - height:0; - display:none; - font-size: 0.8em; - color: rgba(0,0,0,0.5); - margin-top:-1.3em; - float:right; -} - -pre:hover .code-lang { -} - - -dfn { - font-style: italic; -} - -ins { - background: #ff9; - color: #000; - text-decoration: none; -} - -mark { - background: #ff0; - color: #000; - font-style: italic; - font-weight: bold; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -ul, -ol { - margin: 1em 0; - padding: 0 0 0 2em; -} - -li p:last-child { - margin-bottom: 0; -} - -ul ul, -ol ol { - margin: .3em 0; -} - -dl { - margin-bottom: 1em; -} - -dt { - font-weight: bold; - margin-bottom: .8em; -} - -dd { - margin: 0 0 .8em 2em; -} - -dd:last-child { - margin-bottom: 0; -} - -img { - border: 0; - -ms-interpolation-mode: bicubic; - vertical-align: middle; -} - -figure { - display: block; - text-align: center; - margin: 1em 0; -} -figure img { - border: none; - margin: 0 auto; -} - -.subfigures > p { - display:flex; - /*flex-wrap: wrap;*/ - align-items: end; - justify-content:center; - flex-flow: row wrap; - flex-grow: 1; - margin-top:-1em; -} - -.subfigures figure { - flex-grow: 2; /* flex-grow, flex-shrink, flex-basis */ -} - -.subfigures > figcaption { - flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */ - margin-top:-2em; - text-align:center; -} - -.subfigures figure, -.subfigures img { - min-width:250px; - display:inline-block; - position:relative; - padding: 0.5em 0.5em; -} - - -caption, -figcaption { - display:block; - font-size: var(--font-size-caption); - font-style: italic; - margin:0.4em 0 1.5em 0; - text-align:center; -} - -table { - margin-bottom: 1.6em; - border-bottom: 1px solid #ddd; - border-right: 1px solid #ddd; - border-spacing: 0; - border-collapse: collapse; -} - -div:has(> caption) > table { - margin-bottom: 0.4em; -} - -table th { - padding: .2em 1em; - background-color: var(--color-background-code-inline); - border-top: 1px solid #ddd; - border-left: 1px solid #ddd; -} - -table td { - padding: .2em 1em; - border-top: 1px solid #ddd; - border-left: 1px solid #ddd; - vertical-align: top; -} - -.simple-table table { - border: none; -} -.simple-table table th { - border: none; - color: #000; - border-top: 1px solid rgba(0,0,0,0.4); - border-bottom: 1px solid rgba(0,0,0,0.4); - background-color: inherit; -} -.simple-table table td { - border: none; - width:auto; - /*padding: .1em 1em;*/ -} -.simple-table table tr:last-child { - border-bottom: 1px solid rgba(0,0,0,0.4); -} - -#authors { - margin-top:4em; -} -#author-title { - /*margin-top:2em;*/ - font-size:0.9em; -} -#authors .author { - padding:0; - margin: 0.4em 0; - font-size: 1em; - text-align: center; -} - -.switch { - position: relative; - display: block; - width: 35px; - height: 15px; -} - -.switch input { - opacity: 0; - width: 0; - height: 0; -} - -.slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - -webkit-transition: .4s; - transition: .4s; -} - -.slider:before { - position: absolute; - content: ""; - height: 8px; - width: 8px; - left: 4px; - bottom: 4px; - background-color: white; - -webkit-transition: .4s; - transition: .4s; -} - -input:checked + .slider { - background-color: #2196F3; -} - -input:focus + .slider { - box-shadow: 0 0 1px #2196F3; -} - -input:checked + .slider:before { - -webkit-transform: translateX(18px); - -ms-transform: translateX(18px); - transform: translateX(18px); -} - -/* Rounded sliders */ -.slider.round { - border-radius: 10px; -} - -.slider.round:before { - border-radius: 50%; -} - -/****************************** - * MAIN TEXT #main #text - ******************************/ - -#abstract { - margin:5em 1.5em 2em 1.5em; - text-align: center; - font-size:0.92em; -} -#abstract hr { - border-top: 1px solid rgba(0,0,0,0.2); - margin:0; - padding:0; -} - -#abstract-title { - font-weight:bold; - font-size:0.85em; - color:#000; - text-transform: uppercase; - /*font-style:italic;*/ -} -#abstract-text p { - text-align:justify; - margin:0.4em 0; -} - -/****************************** - * SIDEBAR LEFT #sidebar #lbar - ******************************/ - -@media only screen and ( -/*min-width: calc(var(--lbar-max-width) + var(--rbar-width) + var(--main-max-width))*/ -min-width:1500px -) { - .footnotes { - position: absolute; - margin:-2em 4em 0 0em; - margin-left:var(--main-max-width); - max-width: var(--rbar-width); - } -} - -#toc-content { - font-size: calc( var(--sidebar-font-scale-factor) * 1em ); -} -#toc-content a { - /*color: #444;*/ - color: #444; -} -#toc-content a:hover { - color: var(--color-link); -} - -#toc-title { - margin-bottom:0; -} -#sidebar-left li { - list-style: none; -} -#sidebar-left ul { - padding-left: 1.3em0.7 -} -#sidebar-left > ul { - padding-left: 0; -} -#sidebar-left a:not(:hover) { - text-decoration: none; -} - -.toc-section-number { - margin-right:0.2em; -} - -/* sidebar top buttons */ -#lbar-buttons { - margin-top:40px; - border-bottom: 1px solid rgba(0,0,0,0.1); - padding-bottom:1em; - margin-right: 1em; - display:flex; - justify-content: flex-start; - align-items:center; - align-content:center; - min-height:60px; - /*flex-wrap: wrap;*/ - overflow-x:scroll; - row-gap: 1em; - font-size: 1.1em; -} - -@media only screen and (min-width: 1024px) { - #lbar-buttons { - margin-top:20px; - } -} - -@media only screen and (min-width: 768px) { - #lbar-buttons { - font-size: 0.9em; - } -} - -@media only screen and (min-width: 1280px) { - #lbar-buttons { - font-size: 1em; - } -} - - -#lbar-buttons > div { - padding: 0 1.25em; - border-right: 1px solid rgba(0,0,0,0.1); -} -#lbar-buttons > div:first-child { - padding-left:0px; -} - -#sidebar-left #btn-sticky { - /* display only on +1024 */ - display:none; -} -@media only screen and ( min-width:1024px ) { - #sidebar-left #btn-sticky { - display:block; - } -} - - - -#lbar-buttons .btn-download { - /*display:flex;*/ - flex-direction:column; - display:none; - align-items: center; - gap: 0.2em; - justify-content:center; - cursor:pointer; - /*display: none;*/ -} -#lbar-buttons .btn-text { - font-size:0.70em; -} - -#lbar-buttons .btn-download svg{ - height:1.3em; - width:1.3em; - stroke: rgba(0,0,0,0.3); - stroke-width:25; - fill:none; - overflow:visible; -} -#lbar-buttons .btn-download:hover svg{ - stroke: var(--color-link); -} - -#lbar-buttons #scroll-buttons { - /*display:flex;*/ - display:none; - column-gap: 0.7em; - row-gap: 0.2em; - /*flex-direction:column;*/ -} -#lbar-buttons #btn-scroll-bottom, -#lbar-buttons #btn-scroll-top { - display:none; - /* activate with script */ - /*display:flex;*/ - height:100%; - align-items: center; - cursor:pointer; -} -#lbar-buttons #btn-scroll-bottom svg, -#lbar-buttons #btn-scroll-top svg { - display: block; - height:1.2em; - width:1.2em; - stroke: rgba(0,0,0,0.3); - stroke-width:25; - fill:none; - overflow:visible; -} - -#lbar-buttons #btn-scroll-bottom svg { - transform: rotate(180deg); -} -#lbar-buttons #btn-scroll-bottom:hover svg, -#lbar-buttons #btn-scroll-top:hover svg { - stroke: var(--color-link); -} - -/* toc */ -#toc-content > ul { - padding-left:0; -} - -#toc-content > ul ul { - padding-left:1em; -} -#toc-content > ul ul ul { - padding-left:1.6em; -} - -#toc-content:has(#input-toggle-sidebar:checked) { - display:block; -} -#toc-content > ul > li > ul { - padding-left:1em; - transition: all 1s ease; - display: none; -} - -/*#toc-content > ul li:hover ul,*/ -/*#toc-content > ul li:focus-within > ul,*/ -/*#toc-content > ul li ul:hover,*/ -/*#toc-content > ul li ul:focus {*/ - /*visibility: visible;*/ - /*opacity: 1;*/ - /*display: block*/ -/*}*/ - -/*ul li ul li {*/ - /*clear: both;*/ - /*width: 100%;*/ -/*}*/ - -.btn-toc-toggle { - /* activate with script */ - display:none; - width:1.2em; - height:1.1em; - float:right; - padding-right:1em; - padding-left:1.5em; -} - -.btn-svg-down, -.btn-svg-up { - fill:none; - stroke:rgba(0,0,0,0.7); - stroke-width:1.1; - margin-top:10px; - overflow:visible; - align:right; -} - -.btn-svg-down polyline, -.btn-svg-up polyline{ - padding-top:5px; - overflow:visible; - align:right; - float:right; -} - -.btn-toc-toggle:hover .btn-svg-down, -.btn-toc-toggle:hover .btn-svg-up { - stroke-width:3px; - stroke:var(--color-link); -} - -/******************************* - * SIDEBAR RIGHT #sidebar #rbar - ********************************/ - -/* not really nested inside sidebar */ -.footnotes { - width: 100%; - font-size:0.8em; -} - -@media only screen and ( -/*min-width: calc(var(--lbar-max-width) + var(--rbar-width) + var(--main-max-width))*/ -min-width:1500px -) { - .footnotes { - position: absolute; - margin:-2em 4em 0 0em; - margin-left:var(--main-max-width); - max-width: var(--rbar-width); - } -} - - -/**************************************** - * Copy (partial) from styles.html - ****************************************/ - -/* - * Ref: https://github.com/jgm/pandoc -> data > templates > styles.html - * https://github.com/jgm/pandoc/blob/4c16d721d64bd41150dbcf3fddb68e8df6b91ea1/data/templates/styles.html - */ - -code{white-space: pre-wrap;} -span.smallcaps{font-variant: small-caps;} -div.columns{display: flex; gap: min(4vw, 1.5em);} -/*div.columnflex: auto; overflow-x: auto;}*/ -div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} -ul.task-list{list-style: none;} -ul.task-list li input[type="checkbox"] { - width: 0.8em; - margin: 0 0.8em 0.2em -1.6em; - vertical-align: middle; -} -.display.math{display: block; text-align: center; margin: 0.5rem auto;} -/* CSS for syntax highlighting */ -pre > code.sourceCode { white-space: pre; position: relative; } -pre > code.sourceCode > span { - display: inline-block; - line-height: 1.25; - /*max-width: 90vw;*/ -} -pre > code.sourceCode > span:empty { height: 1.2em; } - -div.sourceCode { - overflow: visible; - overflow-x:scroll; - /* svbaelen */ - background: var(--color-background-code); -} - -code.sourceCode > span { color: inherit; text-decoration: inherit; } -div.sourceCode { margin: 1em 0; } -pre.sourceCode { margin: 0; } -@media screen { - div.sourceCode { - overflow: auto; - } -} -@media print { - pre > code.sourceCode { white-space: pre-wrap; } - pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; } -} -pre.numberSource code { - counter-reset: source-line 0; -} -pre.numberSource code > span { - position: relative; left: -4em; counter-increment: source-line; -} -pre.numberSource code > span > a:first-child::before { - content: counter(source-line); - position: relative; left: -1em; text-align: right; vertical-align: baseline; - border: none; display: inline-block; - -webkit-touch-callout: none; -webkit-user-select: none; - -khtml-user-select: none; -moz-user-select: none; - -ms-user-select: none; user-select: none; - padding: 0 4px; - width: 4em; - color: #aaaaaa; -} -/*pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }*/ -/* svbaelen custom */ -pre.numberSource { - margin-left: 1em; - border-left: 1px solid rgba(0,0,0,0.25); - padding-left: 4px; -} -div.sourceCode{ - /* comes after
with margin 1em */ - margin-top:-0.25em; -} -@media screen { - pre > code.sourceCode > span > a:first-child::before { - /* svbaelen */ - /*text-decoration: underline;*/ - text-decoration: none; - } -} - -code span.al { color: #ff0000; font-weight: bold; } /* Alert */ -code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */ -code span.at { color: #7d9029; } /* Attribute */ -code span.bn { color: #40a070; } /* BaseN */ -code span.bu { color: #008000; } /* BuiltIn */ -code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */ -code span.ch { color: #4070a0; } /* Char */ -code span.cn { color: #880000; } /* Constant */ -code span.co { color: #60a0b0; font-style: italic; } /* Comment */ -code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */ -code span.do { color: #ba2121; font-style: italic; } /* Documentation */ -code span.dt { color: #902000; } /* DataType */ -code span.dv { color: #40a070; } /* DecVal */ -code span.er { color: #ff0000; font-weight: bold; } /* Error */ -code span.ex { } /* Extension */ -code span.fl { color: #40a070; } /* Float */ -code span.fu { color: #06287e; } /* Function */ -code span.im { color: #008000; font-weight: bold; } /* Import */ -code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */ -code span.kw { color: #007020; font-weight: bold; } /* Keyword */ -code span.op { color: #666666; } /* Operator */ -code span.ot { color: #007020; } /* Other */ -code span.pp { color: #bc7a00; } /* Preprocessor */ -code span.sc { color: #4070a0; } /* SpecialChar */ -code span.ss { color: #bb6688; } /* SpecialString */ -code span.st { color: #4070a0; } /* String */ -code span.va { color: #19177c; } /* Variable */ -code span.vs { color: #4070a0; } /* VerbatimString */ -code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */ - -/* pandoc CSL */ -div.csl-bib-body { } -div.csl-entry { - clear: both; -$if(csl-entry-spacing)$ - margin-bottom: $csl-entry-spacing$; -$endif$ -} -.hanging div.csl-entry { - margin-left:2em; - text-indent:-2em; -} -div.csl-left-margin { - min-width:2em; - float:left; -} -div.csl-right-inline { - margin-left:1.3em; - padding-left:1em; -} -div.csl-indent { - margin-left: 2em; -} - - -/* svbaelen */ -/* #listing */ -/* caption for listings */ -/* -h1 { - counter-increment: listing-section; - counter-reset: listing-subsection; -} -div.sourceCode[data-caption] { - counter-increment: listing-subsection; - margin: 1em 0 2.5em 0; -} - -div.sourceCode[data-caption]:after { - content: 'Listing ' counter(listing-section) '.' counter(listing-subsection) ': ' attr(data-caption); - margin-top:0.5em; - left: 50%; - transform: translateX(-50%); - text-align:center; - position: absolute; - font-style:italic; - font-size: var(--font-size-caption); -} -*/ - -.listing > p { - text-align:center; - margin: -0.8em auto 0 auto; - font-style:italic; - font-size: var(--font-size-caption); -} - - - -/********************* - * FONTS #fonts - *********************/ - -/* path relative to pandoc root dir, which - if not specificied - is the projet - * root */ -@font-face { - font-family: "et-book"; - src: url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot"); - src: url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("./et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg"); - font-weight: normal; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "et-book"; - src: url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot"); - src: url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("./et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg"); - font-weight: normal; - font-style: italic; - font-display: swap; -} - -@font-face { - font-family: "et-book"; - src: url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot"); - src: url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("./et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg"); - font-weight: bold; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "et-book-roman-old-style"; - src: url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot"); - src: url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("./et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg"); - font-weight: normal; - font-style: normal; - font-display: swap; -} diff --git a/config/html/templates/default.html b/config/html/templates/default.html index a77e101..db2579d 100644 --- a/config/html/templates/default.html +++ b/config/html/templates/default.html @@ -15,6 +15,13 @@ $endif$