471 lines
22 KiB
HTML
471 lines
22 KiB
HTML
|
<!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.3.353">
|
|||
|
|
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<title>WASH Web - PRIVACY POLICY</title>
|
|||
|
|
<style>
|
|||
|
|
code{white-space: pre-wrap;}
|
|||
|
|
span.smallcaps{font-variant: small-caps;}
|
|||
|
|
div.columns{display: flex; gap: min(4vw, 1.5em);}
|
|||
|
|
div.column{flex: 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 -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
</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="./">
|
|||
|
|
<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" 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" id="quarto-bootstrap" data-mode="light">
|
|||
|
|
<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>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<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">
|
|||
|
|
<div class="navbar-brand-container">
|
|||
|
|
<a class="navbar-brand" href="./index.html">
|
|||
|
|
<span class="navbar-title">WASH Web</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div id="quarto-search" class="" title="Search"></div>
|
|||
|
|
<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" rel="" target="">
|
|||
|
|
<span class="menu-text">Home</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link" href="./vision.html" rel="" target="">
|
|||
|
|
<span class="menu-text">Vision</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link" href="./contact.html" rel="" target="">
|
|||
|
|
<span class="menu-text">Contact</span></a>
|
|||
|
|
</li>
|
|||
|
|
<li class="nav-item">
|
|||
|
|
<a class="nav-link" href="./posts.html" rel="" target="">
|
|||
|
|
<span class="menu-text">News</span></a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="quarto-navbar-tools ms-auto">
|
|||
|
|
</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" class="toc-active">
|
|||
|
|
<h2 id="toc-title">On this page</h2>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#scope" id="toc-scope" class="nav-link active" data-scroll-target="#scope">Scope</a></li>
|
|||
|
|
<li><a href="#purpose" id="toc-purpose" class="nav-link" data-scroll-target="#purpose">Purpose</a></li>
|
|||
|
|
<li><a href="#washnote" id="toc-washnote" class="nav-link" data-scroll-target="#washnote">WASHNote</a></li>
|
|||
|
|
<li><a href="#what-data-how-long-and-where" id="toc-what-data-how-long-and-where" class="nav-link" data-scroll-target="#what-data-how-long-and-where">What data, how long, and where?</a></li>
|
|||
|
|
<li><a href="#data-protection" id="toc-data-protection" class="nav-link" data-scroll-target="#data-protection">Data protection</a></li>
|
|||
|
|
<li><a href="#what-are-your-data-protection-rights" id="toc-what-are-your-data-protection-rights" class="nav-link" data-scroll-target="#what-are-your-data-protection-rights">What are your data protection rights?</a></li>
|
|||
|
|
<li><a href="#cookies" id="toc-cookies" class="nav-link" data-scroll-target="#cookies">Cookies</a>
|
|||
|
|
<ul class="collapse">
|
|||
|
|
<li><a href="#how-do-we-use-cookies" id="toc-how-do-we-use-cookies" class="nav-link" data-scroll-target="#how-do-we-use-cookies">How do we use cookies?</a></li>
|
|||
|
|
<li><a href="#what-types-of-cookies-do-we-use" id="toc-what-types-of-cookies-do-we-use" class="nav-link" data-scroll-target="#what-types-of-cookies-do-we-use">What types of cookies do we use?</a></li>
|
|||
|
|
<li><a href="#how-to-manage-cookies" id="toc-how-to-manage-cookies" class="nav-link" data-scroll-target="#how-to-manage-cookies">How to manage cookies</a></li>
|
|||
|
|
</ul></li>
|
|||
|
|
<li><a href="#minors" id="toc-minors" class="nav-link" data-scroll-target="#minors">Minors</a></li>
|
|||
|
|
<li><a href="#how-to-contact-us" id="toc-how-to-contact-us" class="nav-link" data-scroll-target="#how-to-contact-us">How to contact us</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">PRIVACY POLICY</h1>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="quarto-title-meta">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<p>When you visit our websites and contact us or create an account on *.washweb.org, *.washnote.org, and *.washnote.com we receive information about you.</p>
|
|||
|
|
<p>We also have a commitment to reducing the use of private data to the bare minimum to provide you with these websites and associated services.</p>
|
|||
|
|
<p>We do our best to handle your information securely and with respect and care.</p>
|
|||
|
|
<section id="scope" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="scope">Scope</h2>
|
|||
|
|
<p>This privacy policy applies to all personal data that we process on all domains related to us. This concerns personal data of visitors and users of these websites.</p>
|
|||
|
|
<p>We process the personal data of anyone who has visited our website and created an account, filled in data, or contacted us.</p>
|
|||
|
|
<p>Personal data is data that can be traced back to you. If you want to know more, please visit the website of the <a href="https://www.autoriteitpersoonsgegevens.nl/themas/basis-avg">Dutch Data Protection Authority</a> or the <a href="https://gdpr.eu/">EU GDPR website</a>.</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="purpose" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="purpose">Purpose</h2>
|
|||
|
|
<p>We only use your personal data for the purpose for which we are allowed to use it based on our permission to use your personal data and based on data required to provide you with the service requested.</p>
|
|||
|
|
<p>We have a commitment to keep this to the minimum required.</p>
|
|||
|
|
<p>We don’t share your personal data with others.</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="washnote" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="washnote">WASHNote</h2>
|
|||
|
|
<p>WASHNote is responsible for the website (*.washnote.com, *.washnote.org, and *.washweb.org) and therefore the responsible organisation for the use of your personal data as described in this privacy statement. Our full details are:</p>
|
|||
|
|
<p>WASHNote<br>
|
|||
|
|
Sumatraweg 5A<br>
|
|||
|
|
3072ZP Rotterdam<br>
|
|||
|
|
62484885</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="what-data-how-long-and-where" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="what-data-how-long-and-where">What data, how long, and where?</h2>
|
|||
|
|
<p>We may use your name, address or business address, e-mail address, telephone number, and information you provide.</p>
|
|||
|
|
<p>We keep your personal data for as long as we are required to do so by law and for as long as you use our services. We only process your personal data ourselves.</p>
|
|||
|
|
<p>We process your data within the European Economic Area and we follow the the Dutch General Data Protection Regulation.</p>
|
|||
|
|
<p>General rules that apply under Dutch law apply to our privacy statement.</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="data-protection" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="data-protection">Data protection</h2>
|
|||
|
|
<p>We do our best to ensure your data is safe according to the latest standards. We also minimize the amount of data we hold to the bare minimum to ensure we reduce any potential risks.</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="what-are-your-data-protection-rights" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="what-are-your-data-protection-rights">What are your data protection rights?</h2>
|
|||
|
|
<p>We would like to make sure you are fully aware of all of your data protection rights. Every user is entitled to the following:</p>
|
|||
|
|
<p><strong>The right to access</strong> – You have the right to request WASHNote for copies of your personal data. We may charge you a small fee for this service.</p>
|
|||
|
|
<p><strong>The right to rectification</strong> – You have the right to request that WASHNote correct any information you believe is inaccurate. You also have the right to request WASHNote to complete the information you believe is incomplete.</p>
|
|||
|
|
<p><strong>The right to erasure</strong> – You have the right to request that WASHNote erase your personal data, under certain conditions. In some cases, may be required keep some data for 7 years for the Dutch tax authorities.</p>
|
|||
|
|
<p><strong>The right to restrict processing</strong> – You have the right to request that WASHNote restrict the processing of your personal data, under certain conditions.</p>
|
|||
|
|
<p><strong>The right to object to processing</strong> – You have the right to object to WASHNote’s processing of your personal data, under certain conditions.</p>
|
|||
|
|
<p><strong>The right to data portability</strong> – You have the right to request that WASHNote transfer the data that we have collected to another organization, or directly to you, under certain conditions.</p>
|
|||
|
|
<p>If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us at our email: dickinson+privacy@washnote.com</p>
|
|||
|
|
<p>If you submit multiple applications or a complex request, it could potentially require additional processing time. In such instances, we will make sure to reach out to you within a maximum of 60 days. If necessary, we may also request that you verify your identity by providing specific information to confirm that you are indeed the rightful owner of the personal data in question.</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="cookies" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="cookies">Cookies</h2>
|
|||
|
|
<p>Cookies are text files placed on your computer to collect standard Internet log information and visitor behavior information. When you visit our websites, we may collect information from you automatically through cookies or similar technology</p>
|
|||
|
|
<p>For further information, visit allaboutcookies.org.</p>
|
|||
|
|
<section id="how-do-we-use-cookies" class="level3">
|
|||
|
|
<h3 class="anchored" data-anchor-id="how-do-we-use-cookies">How do we use cookies?</h3>
|
|||
|
|
<p>Our Company uses cookies in a range of ways to improve your experience on our website, including:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Keeping you signed in and storing information for your session</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>We do not use cookies for advertising or tracking.</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="what-types-of-cookies-do-we-use" class="level3">
|
|||
|
|
<h3 class="anchored" data-anchor-id="what-types-of-cookies-do-we-use">What types of cookies do we use?</h3>
|
|||
|
|
<p>There are a number of different types of cookies, however, our website uses only:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Functionality – Our Company uses these cookies so that we recognize you on our website and remember your previously selected preferences. These could include what language you prefer and location you are in. A mix of first-party and third-party cookies are used.</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section id="how-to-manage-cookies" class="level3">
|
|||
|
|
<h3 class="anchored" data-anchor-id="how-to-manage-cookies">How to manage cookies</h3>
|
|||
|
|
<p>You can set your browser not to accept cookies, and the above website tells you how to remove cookies from your browser. However, in a few cases, some of our website features may not function as a result.</p>
|
|||
|
|
</section>
|
|||
|
|
</section>
|
|||
|
|
<section id="minors" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="minors">Minors</h2>
|
|||
|
|
<p>We do not target minors with our website or as an organisation. This means that if you are under the age of 18, you need permission from a parent or guardian to use our website. If you are a minor when you visit our websites, we assume that you have received this permission before your visit.</p>
|
|||
|
|
</section>
|
|||
|
|
<section id="how-to-contact-us" class="level2">
|
|||
|
|
<h2 class="anchored" data-anchor-id="how-to-contact-us">How to contact us</h2>
|
|||
|
|
<p>If you have a question about our privacy policy, please get in touch: dickinson+privacy@washnote.com.</p>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</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 icon = "";
|
|||
|
|
const anchorJS = new window.AnchorJS();
|
|||
|
|
anchorJS.options = {
|
|||
|
|
placement: 'right',
|
|||
|
|
icon: icon
|
|||
|
|
};
|
|||
|
|
anchorJS.add('.anchored');
|
|||
|
|
const isCodeAnnotation = (el) => {
|
|||
|
|
for (const clz of el.classList) {
|
|||
|
|
if (clz.startsWith('code-annotation-')) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
const clipboard = new window.ClipboardJS('.code-copy-button', {
|
|||
|
|
text: function(trigger) {
|
|||
|
|
const codeEl = trigger.previousElementSibling.cloneNode(true);
|
|||
|
|
for (const childEl of codeEl.children) {
|
|||
|
|
if (isCodeAnnotation(childEl)) {
|
|||
|
|
childEl.remove();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return codeEl.innerText;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
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!");
|
|||
|
|
let tooltip;
|
|||
|
|
if (window.bootstrap) {
|
|||
|
|
button.setAttribute("data-bs-toggle", "tooltip");
|
|||
|
|
button.setAttribute("data-bs-placement", "left");
|
|||
|
|
button.setAttribute("data-bs-title", "Copied!");
|
|||
|
|
tooltip = new bootstrap.Tooltip(button,
|
|||
|
|
{ trigger: "manual",
|
|||
|
|
customClass: "code-copy-button-tooltip",
|
|||
|
|
offset: [0, -8]});
|
|||
|
|
tooltip.show();
|
|||
|
|
}
|
|||
|
|
setTimeout(function() {
|
|||
|
|
if (tooltip) {
|
|||
|
|
tooltip.hide();
|
|||
|
|
button.removeAttribute("data-bs-title");
|
|||
|
|
button.removeAttribute("data-bs-toggle");
|
|||
|
|
button.removeAttribute("data-bs-placement");
|
|||
|
|
}
|
|||
|
|
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() {
|
|||
|
|
// use id or data attribute instead here
|
|||
|
|
let href = ref.getAttribute('data-footnote-href') || ref.getAttribute('href');
|
|||
|
|
try { href = new URL(href).hash; } catch {}
|
|||
|
|
const id = href.replace(/^#\/?/, "");
|
|||
|
|
const note = window.document.getElementById(id);
|
|||
|
|
return note.innerHTML;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
let selectedAnnoteEl;
|
|||
|
|
const selectorForAnnotation = ( cell, annotation) => {
|
|||
|
|
let cellAttr = 'data-code-cell="' + cell + '"';
|
|||
|
|
let lineAttr = 'data-code-annotation="' + annotation + '"';
|
|||
|
|
const selector = 'span[' + cellAttr + '][' + lineAttr + ']';
|
|||
|
|
return selector;
|
|||
|
|
}
|
|||
|
|
const selectCodeLines = (annoteEl) => {
|
|||
|
|
const doc = window.document;
|
|||
|
|
const targetCell = annoteEl.getAttribute("data-target-cell");
|
|||
|
|
const targetAnnotation = annoteEl.getAttribute("data-target-annotation");
|
|||
|
|
const annoteSpan = window.document.querySelector(selectorForAnnotation(targetCell, targetAnnotation));
|
|||
|
|
const lines = annoteSpan.getAttribute("data-code-lines").split(",");
|
|||
|
|
const lineIds = lines.map((line) => {
|
|||
|
|
return targetCell + "-" + line;
|
|||
|
|
})
|
|||
|
|
let top = null;
|
|||
|
|
let height = null;
|
|||
|
|
let parent = null;
|
|||
|
|
if (lineIds.length > 0) {
|
|||
|
|
//compute the position of the single el (top and bottom and make a div)
|
|||
|
|
const el = window.document.getElementById(lineIds[0]);
|
|||
|
|
top = el.offsetTop;
|
|||
|
|
height = el.offsetHeight;
|
|||
|
|
parent = el.parentElement.parentElement;
|
|||
|
|
if (lineIds.length > 1) {
|
|||
|
|
const lastEl = window.document.getElementById(lineIds[lineIds.length - 1]);
|
|||
|
|
const bottom = lastEl.offsetTop + lastEl.offsetHeight;
|
|||
|
|
height = bottom - top;
|
|||
|
|
}
|
|||
|
|
if (top !== null && height !== null && parent !== null) {
|
|||
|
|
// cook up a div (if necessary) and position it
|
|||
|
|
let div = window.document.getElementById("code-annotation-line-highlight");
|
|||
|
|
if (div === null) {
|
|||
|
|
div = window.document.createElement("div");
|
|||
|
|
div.setAttribute("id", "code-annotation-line-highlight");
|
|||
|
|
div.style.position = 'absolute';
|
|||
|
|
parent.appendChild(div);
|
|||
|
|
}
|
|||
|
|
div.style.top = top - 2 + "px";
|
|||
|
|
div.style.height = height + 4 + "px";
|
|||
|
|
let gutterDiv = window.document.getElementById("code-annotation-line-highlight-gutter");
|
|||
|
|
if (gutterDiv === null) {
|
|||
|
|
gutterDiv = window.document.createElement("div");
|
|||
|
|
gutterDiv.setAttribute("id", "code-annotation-line-highlight-gutter");
|
|||
|
|
gutterDiv.style.position = 'absolute';
|
|||
|
|
const codeCell = window.document.getElementById(targetCell);
|
|||
|
|
const gutter = codeCell.querySelector('.code-annotation-gutter');
|
|||
|
|
gutter.appendChild(gutterDiv);
|
|||
|
|
}
|
|||
|
|
gutterDiv.style.top = top - 2 + "px";
|
|||
|
|
gutterDiv.style.height = height + 4 + "px";
|
|||
|
|
}
|
|||
|
|
selectedAnnoteEl = annoteEl;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const unselectCodeLines = () => {
|
|||
|
|
const elementsIds = ["code-annotation-line-highlight", "code-annotation-line-highlight-gutter"];
|
|||
|
|
elementsIds.forEach((elId) => {
|
|||
|
|
const div = window.document.getElementById(elId);
|
|||
|
|
if (div) {
|
|||
|
|
div.remove();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
selectedAnnoteEl = undefined;
|
|||
|
|
};
|
|||
|
|
// Attach click handler to the DT
|
|||
|
|
const annoteDls = window.document.querySelectorAll('dt[data-target-cell]');
|
|||
|
|
for (const annoteDlNode of annoteDls) {
|
|||
|
|
annoteDlNode.addEventListener('click', (event) => {
|
|||
|
|
const clickedEl = event.target;
|
|||
|
|
if (clickedEl !== selectedAnnoteEl) {
|
|||
|
|
unselectCodeLines();
|
|||
|
|
const activeEl = window.document.querySelector('dt[data-target-cell].code-annotation-active');
|
|||
|
|
if (activeEl) {
|
|||
|
|
activeEl.classList.remove('code-annotation-active');
|
|||
|
|
}
|
|||
|
|
selectCodeLines(clickedEl);
|
|||
|
|
clickedEl.classList.add('code-annotation-active');
|
|||
|
|
} else {
|
|||
|
|
// Unselect the line
|
|||
|
|
unselectCodeLines();
|
|||
|
|
clickedEl.classList.remove('code-annotation-active');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
const findCites = (el) => {
|
|||
|
|
const parentEl = el.parentElement;
|
|||
|
|
if (parentEl) {
|
|||
|
|
const cites = parentEl.dataset.cites;
|
|||
|
|
if (cites) {
|
|||
|
|
return {
|
|||
|
|
el,
|
|||
|
|
cites: cites.split(' ')
|
|||
|
|
};
|
|||
|
|
} else {
|
|||
|
|
return findCites(el.parentElement)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
return undefined;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
|
|||
|
|
for (var i=0; i<bibliorefs.length; i++) {
|
|||
|
|
const ref = bibliorefs[i];
|
|||
|
|
const citeInfo = findCites(ref);
|
|||
|
|
if (citeInfo) {
|
|||
|
|
tippyHover(citeInfo.el, function() {
|
|||
|
|
var popup = window.document.createElement('div');
|
|||
|
|
citeInfo.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;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</div> <!-- /content -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body></html>
|