You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
540 lines
25 KiB
540 lines
25 KiB
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="generator" content="quarto-1.0.37">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
|
|
|
|
<title>- Long Term Research Topics</title>
|
|
<style>
|
|
code{white-space: pre-wrap;}
|
|
span.smallcaps{font-variant: small-caps;}
|
|
span.underline{text-decoration: underline;}
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
|
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
|
ul.task-list{list-style: none;}
|
|
</style>
|
|
|
|
|
|
<script src="site_libs/quarto-nav/quarto-nav.js"></script>
|
|
<script src="site_libs/quarto-nav/headroom.min.js"></script>
|
|
<script src="site_libs/clipboard/clipboard.min.js"></script>
|
|
<script src="site_libs/quarto-search/autocomplete.umd.js"></script>
|
|
<script src="site_libs/quarto-search/fuse.min.js"></script>
|
|
<script src="site_libs/quarto-search/quarto-search.js"></script>
|
|
<meta name="quarto:offset" content="./">
|
|
<link href="./www/favicon.png" rel="icon" type="image/png">
|
|
<script src="site_libs/quarto-html/quarto.js"></script>
|
|
<script src="site_libs/quarto-html/popper.min.js"></script>
|
|
<script src="site_libs/quarto-html/tippy.umd.min.js"></script>
|
|
<script src="site_libs/quarto-html/anchor.min.js"></script>
|
|
<link href="site_libs/quarto-html/tippy.css" rel="stylesheet">
|
|
<link href="site_libs/quarto-html/quarto-syntax-highlighting.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-text-highlighting-styles">
|
|
<link href="site_libs/quarto-html/quarto-syntax-highlighting-dark.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-text-highlighting-styles">
|
|
<script src="site_libs/bootstrap/bootstrap.min.js"></script>
|
|
<link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="site_libs/bootstrap/bootstrap.min.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
|
|
<link href="site_libs/bootstrap/bootstrap-dark.min.css" rel="prefetch" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="dark">
|
|
<script id="quarto-search-options" type="application/json">{
|
|
"location": "navbar",
|
|
"copy-button": false,
|
|
"collapse-after": 3,
|
|
"panel-placement": "end",
|
|
"type": "overlay",
|
|
"limit": 20,
|
|
"language": {
|
|
"search-no-results-text": "No results",
|
|
"search-matching-documents-text": "matching documents",
|
|
"search-copy-link-title": "Copy link to search",
|
|
"search-hide-matches-text": "Hide additional matches",
|
|
"search-more-match-text": "more match in this document",
|
|
"search-more-matches-text": "more matches in this document",
|
|
"search-clear-button-title": "Clear",
|
|
"search-detached-cancel-button-title": "Cancel",
|
|
"search-submit-button-title": "Submit"
|
|
}
|
|
}</script>
|
|
<!-- Matomo -->
|
|
<script>
|
|
var _paq = window._paq = window._paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//webtrack.tools.lanubia.com/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
_paq.push(['setSiteId', '1']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
<!-- End Matomo Code -->
|
|
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
|
|
<body class="nav-fixed">
|
|
|
|
<div id="quarto-search-results"></div>
|
|
<header id="quarto-header" class="headroom fixed-top">
|
|
<nav class="navbar navbar-expand-lg navbar-dark ">
|
|
<div class="navbar-container container-fluid">
|
|
<a class="navbar-brand" href="./index.html">
|
|
<img src="./www/logo1.webp" alt="">
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav navbar-nav-scroll me-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./index.html">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./ILUSTREpartners.html">Partners & Roles</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="./ltr.html" aria-current="page">Research Topics</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./career.html">Career</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="./events.html">Events</a>
|
|
</li>
|
|
<li class="nav-item dropdown ">
|
|
<a class="nav-link dropdown-toggle" href="#" id="nav-menu-more" role="button" data-bs-toggle="dropdown" aria-expanded="false">More</a>
|
|
<ul class="dropdown-menu" aria-labelledby="nav-menu-more">
|
|
<li>
|
|
<a class="dropdown-item" href="./talent.html">
|
|
<span class="dropdown-text">Talent Development</span></a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="./contact.html">
|
|
<span class="dropdown-text">Contact</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav navbar-nav-scroll ms-auto">
|
|
<li class="nav-item compact">
|
|
<a class="nav-link" href="https://www.linkedin.com/company/76979124/"><i class="bi bi-linkedin" role="img">
|
|
</i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="quarto-toggle-container">
|
|
<a href="" class="quarto-color-scheme-toggle nav-link" onclick="window.quartoToggleColorScheme(); return false;" title="Toggle dark mode"><i class="bi"></i></a>
|
|
</div>
|
|
<div id="quarto-search" class="" title="Search"></div>
|
|
</div> <!-- /navcollapse -->
|
|
</div> <!-- /container-fluid -->
|
|
</nav>
|
|
</header>
|
|
<!-- content -->
|
|
<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
|
|
<!-- sidebar -->
|
|
<!-- margin-sidebar -->
|
|
<div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
|
|
<nav id="TOC" role="doc-toc">
|
|
<h2 id="toc-title">On this page</h2>
|
|
|
|
<ul>
|
|
<li><a href="#project-1" id="toc-project-1" class="nav-link active" data-scroll-target="#project-1">Project 1</a></li>
|
|
<li><a href="#project-2" id="toc-project-2" class="nav-link" data-scroll-target="#project-2">Project 2</a></li>
|
|
<li><a href="#project-3" id="toc-project-3" class="nav-link" data-scroll-target="#project-3">Project 3</a></li>
|
|
<li><a href="#project-4" id="toc-project-4" class="nav-link" data-scroll-target="#project-4">Project 4</a></li>
|
|
<li><a href="#project-5" id="toc-project-5" class="nav-link" data-scroll-target="#project-5">Project 5</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<!-- main -->
|
|
<main class="content" id="quarto-document-content">
|
|
|
|
<header id="title-block-header" class="quarto-title-block default">
|
|
<div class="quarto-title">
|
|
<h1 class="title">Long Term Research Topics</h1>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="quarto-title-meta">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
<p>The overall scientific aim of the lab is to create, test and implement accurate and reliable AI solutions to improve the efficiency and effectivity of water and energy production and distribution. This will be revolutionary for the Dutch Caribbean Islands. To achieve the scientific goal, we have formulated five scientific topics and challenges:</p>
|
|
<ol type="1">
|
|
<li>Achieving a proper balance between human operators and AI algorithms (hybrid AI),</li>
|
|
<li>Developing forecasting algorithms that are both accurate and reliable,</li>
|
|
<li>Realizing predictive maintenance involving time-to-failure predictions,</li>
|
|
<li>Developing AI for power grid balancing using recommendation enhanced Demand Response, and</li>
|
|
<li>Understanding and advancing the readiness to accept the use of AI both within the critical infrastructure and the general population.</li>
|
|
</ol>
|
|
<section id="project-1" class="level3">
|
|
<h3 class="anchored" data-anchor-id="project-1">Project 1</h3>
|
|
<blockquote class="blockquote">
|
|
<h4 id="artificial-intelligence-for-decision-support-in-water-desalination-recycling-and-purification" class="anchored">Artificial Intelligence for decision support in water desalination, recycling, and purification</h4>
|
|
</blockquote>
|
|
<section id="scientific-challenge" class="level5">
|
|
<h5 class="anchored" data-anchor-id="scientific-challenge">Scientific challenge:</h5>
|
|
<div class="grid">
|
|
<div class="g-col-8">
|
|
<p>For over 30 years, AI and computational intelligence have been used in water desalination domain (He et al., 2022) for applications like support in the decision making, prediction, optimization, and control with respect to alarm processing, fault detection, load forecasting, and security assessment.</p>
|
|
<details>
|
|
<summary>
|
|
Click to Read More!
|
|
</summary>
|
|
<p>The recent trend to use renewable energy sources for desalination and wastewater treatment makes the decision process more complicated, due to the temporal variability of these sources (Cabrera and Carta, 2019; Harrou et al., 2018; Cheng et al, 2020). AI systems that go beyond the current point solutions are needed to deal with this complexity, while considering a system-wide view and a balanced interaction between the AI systems and human experts. The scientific challenge of this PhD project is to develop hybrid AI solutions that combine advanced prediction methods (e.g. deep learning algorithms), multi-objective optimization and adaptive models with explainable AI decision-making methods from computational intelligence to realize such a balance.</p>
|
|
</details>
|
|
</div>
|
|
<div class="g-col-4">
|
|
<p><img src="images/water.webp" class="img-fluid"></p>
|
|
</div>
|
|
</div>
|
|
<blockquote class="blockquote">
|
|
<p><strong>PhD promoters</strong>: Dr. Laura Genga and Prof.Dr.Ir. Uzay Kaymak</p>
|
|
</blockquote>
|
|
</section>
|
|
</section>
|
|
<section id="project-2" class="level3">
|
|
<h3 class="anchored" data-anchor-id="project-2">Project 2</h3>
|
|
<blockquote class="blockquote">
|
|
<h4 id="artificial-intelligence-for-power-load-and-renewable-energy-forecasting-in-electricity-grids" class="anchored">Artificial Intelligence for power load and renewable energy forecasting in electricity grids</h4>
|
|
</blockquote>
|
|
<section id="scientific-challenge-1" class="level5">
|
|
<h5 class="anchored" data-anchor-id="scientific-challenge-1">Scientific challenge</h5>
|
|
<div class="grid">
|
|
<div class="g-col-8">
|
|
<p>Short-term forecasts of (a) power load and (b) renewable energy supply, are crucial for decarbonising electricity grids: without these forecasts, high-carbon baseload generators must be kept running.</p>
|
|
<details>
|
|
<summary>
|
|
Click to Read More!
|
|
</summary>
|
|
<p>The scientific challenge is to achieve accurate and reliable forecasts, in the face of changeable energy demand patterns and external covariates (weather, public events, etc). Deep learning has been shown to perform very well on power-load forecasting and achieves promising results on renewable-energy forecasting (Wang et al., 2019). This PhD plan sets out to develop deep learning algorithms that realize forecasts that are both accurate and reliable, with a flexibility to adapt to local conditions.</p>
|
|
</details>
|
|
</div>
|
|
<div class="g-col-4">
|
|
<p><img src="images/forecast.webp" class="img-fluid"></p>
|
|
</div>
|
|
</div>
|
|
<blockquote class="blockquote">
|
|
<p><strong>PhD promoters</strong>: Dr. Dan Stowell and Dr. Ciçek Güven</p>
|
|
</blockquote>
|
|
</section>
|
|
</section>
|
|
<section id="project-3" class="level3">
|
|
<h3 class="anchored" data-anchor-id="project-3">Project 3</h3>
|
|
<blockquote class="blockquote">
|
|
<h4 id="artificial-intelligence-for-predictive-maintenance-in-water-and-electricity-infrastructure" class="anchored">Artificial Intelligence for predictive maintenance in water and electricity infrastructure</h4>
|
|
</blockquote>
|
|
<section id="scientific-challenge-2" class="level5">
|
|
<h5 class="anchored" data-anchor-id="scientific-challenge-2">Scientific challenge</h5>
|
|
<div class="grid">
|
|
<div class="g-col-8">
|
|
<p>Predictive maintenance offers great potential value to the energy and water supply industry (cf. SDG7). Timely detection of required maintenance of machines, sensors, or other critical infrastructure can prevent disruptions of service and costly loss of resources.</p>
|
|
<details>
|
|
<summary>
|
|
Click to Read More!
|
|
</summary>
|
|
<p>For instance, visual sensors can be used to analyze and detect subtle patterns (Hendrix et al. 2021; van Lieshout, van Oeveren, van Emmerik, & Postma, 2020; Noord and Postma, 2017) and auditory sensors can pick up subtle changes in sounds (Buisman & Postma, 2012). More generally, artificial intelligence offers improved prediction performance on predictive maintenance tasks. Recent advances in visual object recognition and auditory analysis allow for a continuous and reliable monitoring of system states. In particular, the focus will be on self-supervised and unsupervised learning (see e.g. Olier et al., 2018). In the absence of supervisory labels, adequate priors will be acquired using large unlabeled datasets (see e.g. Ding et al., 2022). In the context of Industry 4.0, predictive maintenance leads to numerous innovations. One of the main challenges is to deal with real time-based predictive maintenance (Zonta et al., 2020). Instead of treating predictive maintenance as a simple alert monitoring, real time-based predictive maintenance offers an estimate of time-to-failure.</p>
|
|
</details>
|
|
</div>
|
|
<div class="g-col-4">
|
|
<p><img src="images/maintenance.webp" class="img-fluid"></p>
|
|
</div>
|
|
</div>
|
|
<blockquote class="blockquote">
|
|
<p><strong>PhD promoters</strong>: Dr. Sebastian Olier and Prof. Dr. E.O. Postma</p>
|
|
</blockquote>
|
|
</section>
|
|
</section>
|
|
<section id="project-4" class="level3">
|
|
<h3 class="anchored" data-anchor-id="project-4">Project 4</h3>
|
|
<blockquote class="blockquote">
|
|
<h4 id="ai-for-power-grid-balancing-using-recommendation-enhanced-demand-response" class="anchored">AI for power grid balancing using recommendation-enhanced Demand Response</h4>
|
|
</blockquote>
|
|
<section id="scientific-challenge-3" class="level5">
|
|
<h5 class="anchored" data-anchor-id="scientific-challenge-3">Scientific challenge</h5>
|
|
<div class="grid">
|
|
<div class="g-col-8">
|
|
<p>To improve grid balancing (SDG7), esp. in case of many renewable energy resources and fluctuating demand, AI forecasting methods (WP2) can be combined with Demand Response (DR) methods. DR motivates energy consumers in some way (e.g. pricing-based) to adjust their energy usage to the available energy resources and demand.</p>
|
|
<details>
|
|
<summary>
|
|
Click to Read More!
|
|
</summary>
|
|
<p>Smart grid technology allows DR to be more data-driven and a multitude of AI technologies have already been applied to DR (Antonopoulos et al., 2020), including ML, deep learning and agent-based approaches. However, little research has investigated the consumer side of DR apart from simple customer segmentation approaches (Antonopoulos et al., 2020). Rather than having consumers (household or industry) passively follow the DR (pricing) scheme, AI technology such as recommender algorithms could play an active role in recommending consumers how and when to distribute their energy usage and return based energy forecasts and DR information. Such tailored interventions to improve DR approaches and optimize dynamic grid balancing.</p>
|
|
</details>
|
|
</div>
|
|
<div class="g-col-4">
|
|
<p><img src="images/gridbalancing.webp" class="img-fluid"></p>
|
|
</div>
|
|
</div>
|
|
<blockquote class="blockquote">
|
|
<p><strong>PhD promoters</strong>: Dr.Ir. Martijn Willemsen and Dr. Claudia Zucca</p>
|
|
</blockquote>
|
|
</section>
|
|
</section>
|
|
<section id="project-5" class="level3">
|
|
<h3 class="anchored" data-anchor-id="project-5">Project 5</h3>
|
|
<blockquote class="blockquote">
|
|
<h4 id="social-support-for-the-real-world-introduction-of-ai-in-critical-infrastructure" class="anchored">Social support for the real-world introduction of AI in critical infrastructure</h4>
|
|
</blockquote>
|
|
<section id="scientific-challenge-4" class="level5">
|
|
<h5 class="anchored" data-anchor-id="scientific-challenge-4">Scientific challenge</h5>
|
|
<div class="grid">
|
|
<div class="g-col-8">
|
|
<p>The social impact of technology on its users has been vastly proved to be enormous (King and He, 2006) since it might pose organizational and social obstacles. Acceptance of new technologies, especially in the energy field, has been recognized as one of the primary barriers to implementing technological innovations (Huijts, Molin, and Steg, 2012).</p>
|
|
<details>
|
|
<summary>
|
|
Click to Read More!
|
|
</summary>
|
|
<p>In the context of the ILUSTRE project, the impact of IT technology on the energy and water supply domains is twofold. First: the impact on the partners industry managers and employees. The implementation creates disruption, and unless managers support the innovation and workers understand and comply with the new infrastructure, they might actively oppose the implementation. Second: the impact on the broader society since AI technology will affect the quality and the features of the services provided to the population. The scientific challenge addressed in this Ph.D.-project is to employ group model building (GMB) and social network analysis (SNA) to monitor the extent to which the employees and the larger public (together called the stakeholders) receive and respond to the implementation. GMB is a widely used approach to collect data and monitor (and influence) the opinions and sentiments of groups of stakeholders (Peck, 1998). SNA has been used extensively to analyze the group dynamics at the roots of technological implementation reception (Sasovova and Leenders, 2009). These techniques can well be used in conjunction with agent-based simulation models.</p>
|
|
</details>
|
|
</div>
|
|
<div class="g-col-4">
|
|
<p><img src="images/AIHuman.webp" class="img-fluid"></p>
|
|
</div>
|
|
</div>
|
|
<blockquote class="blockquote">
|
|
<p><strong>PhD promoters</strong>: Dr. Claudia Zucca and prof. Dr. Roger Leenders</p>
|
|
</blockquote>
|
|
|
|
|
|
</section>
|
|
</section>
|
|
|
|
</main> <!-- /main -->
|
|
<script id="quarto-html-after-body" type="application/javascript">
|
|
window.document.addEventListener("DOMContentLoaded", function (event) {
|
|
const toggleBodyColorMode = (bsSheetEl) => {
|
|
const mode = bsSheetEl.getAttribute("data-mode");
|
|
const bodyEl = window.document.querySelector("body");
|
|
if (mode === "dark") {
|
|
bodyEl.classList.add("quarto-dark");
|
|
bodyEl.classList.remove("quarto-light");
|
|
} else {
|
|
bodyEl.classList.add("quarto-light");
|
|
bodyEl.classList.remove("quarto-dark");
|
|
}
|
|
}
|
|
const toggleBodyColorPrimary = () => {
|
|
const bsSheetEl = window.document.querySelector("link#quarto-bootstrap");
|
|
if (bsSheetEl) {
|
|
toggleBodyColorMode(bsSheetEl);
|
|
}
|
|
}
|
|
toggleBodyColorPrimary();
|
|
const disableStylesheet = (stylesheets) => {
|
|
for (let i=0; i < stylesheets.length; i++) {
|
|
const stylesheet = stylesheets[i];
|
|
stylesheet.rel = 'prefetch';
|
|
}
|
|
}
|
|
const enableStylesheet = (stylesheets) => {
|
|
for (let i=0; i < stylesheets.length; i++) {
|
|
const stylesheet = stylesheets[i];
|
|
stylesheet.rel = 'stylesheet';
|
|
}
|
|
}
|
|
const manageTransitions = (selector, allowTransitions) => {
|
|
const els = window.document.querySelectorAll(selector);
|
|
for (let i=0; i < els.length; i++) {
|
|
const el = els[i];
|
|
if (allowTransitions) {
|
|
el.classList.remove('notransition');
|
|
} else {
|
|
el.classList.add('notransition');
|
|
}
|
|
}
|
|
}
|
|
const toggleColorMode = (alternate) => {
|
|
// Switch the stylesheets
|
|
const alternateStylesheets = window.document.querySelectorAll('link.quarto-color-scheme.quarto-color-alternate');
|
|
manageTransitions('#quarto-margin-sidebar .nav-link', false);
|
|
if (alternate) {
|
|
enableStylesheet(alternateStylesheets);
|
|
for (const sheetNode of alternateStylesheets) {
|
|
if (sheetNode.id === "quarto-bootstrap") {
|
|
toggleBodyColorMode(sheetNode);
|
|
}
|
|
}
|
|
} else {
|
|
disableStylesheet(alternateStylesheets);
|
|
toggleBodyColorPrimary();
|
|
}
|
|
manageTransitions('#quarto-margin-sidebar .nav-link', true);
|
|
// Switch the toggles
|
|
const toggles = window.document.querySelectorAll('.quarto-color-scheme-toggle');
|
|
for (let i=0; i < toggles.length; i++) {
|
|
const toggle = toggles[i];
|
|
if (toggle) {
|
|
if (alternate) {
|
|
toggle.classList.add("alternate");
|
|
} else {
|
|
toggle.classList.remove("alternate");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
const isFileUrl = () => {
|
|
return window.location.protocol === 'file:';
|
|
}
|
|
const hasAlternateSentinel = () => {
|
|
let styleSentinel = getColorSchemeSentinel();
|
|
if (styleSentinel !== null) {
|
|
return styleSentinel === "alternate";
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
const setStyleSentinel = (alternate) => {
|
|
const value = alternate ? "alternate" : "default";
|
|
if (!isFileUrl()) {
|
|
window.localStorage.setItem("quarto-color-scheme", value);
|
|
} else {
|
|
localAlternateSentinel = value;
|
|
}
|
|
}
|
|
const getColorSchemeSentinel = () => {
|
|
if (!isFileUrl()) {
|
|
const storageValue = window.localStorage.getItem("quarto-color-scheme");
|
|
return storageValue != null ? storageValue : localAlternateSentinel;
|
|
} else {
|
|
return localAlternateSentinel;
|
|
}
|
|
}
|
|
let localAlternateSentinel = 'default';
|
|
// Dark / light mode switch
|
|
window.quartoToggleColorScheme = () => {
|
|
// Read the current dark / light value
|
|
let toAlternate = !hasAlternateSentinel();
|
|
toggleColorMode(toAlternate);
|
|
setStyleSentinel(toAlternate);
|
|
};
|
|
// Ensure there is a toggle, if there isn't float one in the top right
|
|
if (window.document.querySelector('.quarto-color-scheme-toggle') === null) {
|
|
const a = window.document.createElement('a');
|
|
a.classList.add('top-right');
|
|
a.classList.add('quarto-color-scheme-toggle');
|
|
a.href = "";
|
|
a.onclick = function() { try { window.quartoToggleColorScheme(); } catch {} return false; };
|
|
const i = window.document.createElement("i");
|
|
i.classList.add('bi');
|
|
a.appendChild(i);
|
|
window.document.body.appendChild(a);
|
|
}
|
|
// Switch to dark mode if need be
|
|
if (hasAlternateSentinel()) {
|
|
toggleColorMode(true);
|
|
}
|
|
const icon = "";
|
|
const anchorJS = new window.AnchorJS();
|
|
anchorJS.options = {
|
|
placement: 'right',
|
|
icon: icon
|
|
};
|
|
anchorJS.add('.anchored');
|
|
const clipboard = new window.ClipboardJS('.code-copy-button', {
|
|
target: function(trigger) {
|
|
return trigger.previousElementSibling;
|
|
}
|
|
});
|
|
clipboard.on('success', function(e) {
|
|
// button target
|
|
const button = e.trigger;
|
|
// don't keep focus
|
|
button.blur();
|
|
// flash "checked"
|
|
button.classList.add('code-copy-button-checked');
|
|
var currentTitle = button.getAttribute("title");
|
|
button.setAttribute("title", "Copied!");
|
|
setTimeout(function() {
|
|
button.setAttribute("title", currentTitle);
|
|
button.classList.remove('code-copy-button-checked');
|
|
}, 1000);
|
|
// clear code selection
|
|
e.clearSelection();
|
|
});
|
|
function tippyHover(el, contentFn) {
|
|
const config = {
|
|
allowHTML: true,
|
|
content: contentFn,
|
|
maxWidth: 500,
|
|
delay: 100,
|
|
arrow: false,
|
|
appendTo: function(el) {
|
|
return el.parentElement;
|
|
},
|
|
interactive: true,
|
|
interactiveBorder: 10,
|
|
theme: 'quarto',
|
|
placement: 'bottom-start'
|
|
};
|
|
window.tippy(el, config);
|
|
}
|
|
const noterefs = window.document.querySelectorAll('a[role="doc-noteref"]');
|
|
for (var i=0; i<noterefs.length; i++) {
|
|
const ref = noterefs[i];
|
|
tippyHover(ref, function() {
|
|
let href = ref.getAttribute('href');
|
|
try { href = new URL(href).hash; } catch {}
|
|
const id = href.replace(/^#\/?/, "");
|
|
const note = window.document.getElementById(id);
|
|
return note.innerHTML;
|
|
});
|
|
}
|
|
var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
|
|
for (var i=0; i<bibliorefs.length; i++) {
|
|
const ref = bibliorefs[i];
|
|
const cites = ref.parentNode.getAttribute('data-cites').split(' ');
|
|
tippyHover(ref, function() {
|
|
var popup = window.document.createElement('div');
|
|
cites.forEach(function(cite) {
|
|
var citeDiv = window.document.createElement('div');
|
|
citeDiv.classList.add('hanging-indent');
|
|
citeDiv.classList.add('csl-entry');
|
|
var biblioDiv = window.document.getElementById('ref-' + cite);
|
|
if (biblioDiv) {
|
|
citeDiv.innerHTML = biblioDiv.innerHTML;
|
|
}
|
|
popup.appendChild(citeDiv);
|
|
});
|
|
return popup.innerHTML;
|
|
});
|
|
}
|
|
var localhostRegex = new RegExp(/^(?:http|https):\/\/localhost\:?[0-9]*\//);
|
|
var filterRegex = new RegExp(/https:\/\/ilustre\.tools\.lanubia\.com/);
|
|
var isInternal = (href) => {
|
|
return filterRegex.test(href) || localhostRegex.test(href);
|
|
}
|
|
// Inspect non-navigation links and adorn them if external
|
|
var links = window.document.querySelectorAll('a:not(.nav-link):not(.navbar-brand):not(.toc-action):not(.sidebar-link):not(.sidebar-item-toggle):not(.pagination-link):not(.no-external)');
|
|
for (var i=0; i<links.length; i++) {
|
|
const link = links[i];
|
|
if (!isInternal(link.href)) {
|
|
// target, if specified
|
|
link.setAttribute("target", "_blank");
|
|
// default icon
|
|
link.classList.add("external");
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</div> <!-- /content -->
|
|
<footer class="footer">
|
|
<div class="nav-footer">
|
|
<div class="nav-footer-center">Copyright 2021-2022, LaNubia Consulting</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
</body></html>
|