WASHNote/washweb-website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding feeds and feature image to first blog

Browse Source
This commit is contained in:
Nicolas Dickinson 2023-10-12 15:13:30 +02:00
parent f03d7071ed
commit b28c23855a
14 changed files with 577 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_quarto.yml
View File

@ -3,6 +3,8 @@ project:
website:
title: "WASH Web"
site-url: https://washnote.org
description: WASH Web is a set of participatory initiatives to give you and everyone you know better access to water, sanitation and hygiene information.
navbar:
left:
- href: index.qmd

4
_site/listings.json
View File

@ -1,6 +1,8 @@
[
{
"listing": "/posts.html",
"items": []
"items": [
"/posts/2023-09-26-intro/index.html"
]
}
]

34
_site/posts.html
View File

@ -70,9 +70,9 @@ ul.task-list li input[type="checkbox"] {
}
const options = {
valueNames: ['listing-categories',{ data: ['index'] },{ data: ['categories'] },{ data: ['listing-date-sort'] },{ data: ['listing-file-modified-sort'] }],
valueNames: ['listing-title','listing-author','listing-date','listing-image','listing-description','listing-categories',{ data: ['index'] },{ data: ['categories'] },{ data: ['listing-date-sort'] },{ data: ['listing-file-modified-sort'] }],
searchColumns: ["listing-categories"],
searchColumns: ["listing-title","listing-author","listing-date","listing-image","listing-description","listing-categories"],
};
window['quarto-listings'] = window['quarto-listings'] || {};
@ -94,7 +94,7 @@ ul.task-list li input[type="checkbox"] {
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" type="text/javascript"></script>
<link rel="stylesheet" href="styles.css">
</head>
<link rel="alternate" type="application/rss+xml" title="WASH Web" href="posts.xml"></head>
<body class="nav-fixed">
@ -142,7 +142,7 @@ ul.task-list li input[type="checkbox"] {
<!-- margin-sidebar -->
<div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
<h5 class="quarto-listing-category-title">Categories</h5><div class="quarto-listing-category category-default"><div class="category" data-category="">All <span class="quarto-category-count">(0)</span></div></div></div>
<h5 class="quarto-listing-category-title">Categories</h5><div class="quarto-listing-category category-default"><div class="category" data-category="">All <span class="quarto-category-count">(1)</span></div></div></div>
<!-- main -->
<main class="content" id="quarto-document-content">
@ -169,7 +169,31 @@ ul.task-list li input[type="checkbox"] {
<div class="quarto-listing quarto-listing-container-grid" id="listing-listing">
<div class="list grid quarto-listing-cols-3">
<div class="g-col-1" data-index="0" data-listing-date-sort="1695679200000" data-listing-file-modified-sort="1697115950985" data-listing-date-modified-sort="1697061600000" data-listing-reading-time-sort="5">
<a href="./posts/2023-09-26-intro/index.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<p class="card-img-top">
<img src="./posts/2023-09-26-intro/mckenna-phillips-Db-stA8meJY-unsplash.jpg" class="thumbnail-image card-img" style="height: 150px;">
</p>
<div class="card-body post-contents">
<h5 class="no-anchor card-title listing-title">
Welcome
</h5>
<div class="card-text listing-description">
An invitation to WASH Web
</div>
<div class="card-attribution card-text-small justify">
<div class="listing-author">
Nicolas Dickinson
</div>
<div class="listing-date">
Sep 26, 2023
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="listing-no-matching d-none">
No matching items

58
_site/posts.xml Normal file
View File

@ -0,0 +1,58 @@
<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:media="http://search.yahoo.com/mrss/"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
version="2.0">
<channel>
<title>WASH Web</title>
<link>https://washnote.org/posts.html</link>
<atom:link href="https://washnote.org/posts.xml" rel="self" type="application/rss+xml"/>
<description>WASH Web is a set of participatory initiatives to give you and everyone you know better access to water, sanitation and hygiene information.</description>
<generator>quarto-1.3.353</generator>
<lastBuildDate>Mon, 25 Sep 2023 22:00:00 GMT</lastBuildDate>
<item>
<title>Welcome</title>
<dc:creator>Nicolas Dickinson</dc:creator>
<link>https://washnote.org/posts/2023-09-26-intro/index.html</link>
<description><![CDATA[
<p>Sitting together and listening to stories is a source of insight. At a young age, my parent’s work on peace and reconciliation exposed me to thoughtful communicators from different places: Norwegian resistance fighter from WWII who survived against all odds and went on to work on reconciliation himself, Native American leaders and Indian leaders (from India) who processed together with Europeans and white Americans shared colonial legacies, musicians who faced incredible odds and sang about it, and Cambodian educators who survived and outlasted the Khmer Rouge. I also had the opportunity to travel and experience different cultures. Through libraries and books, I continued to travel to new places.</p>
<p>As personal computers and then internet took off, my curiosity and computer programming led me to develop early information products like websites and hypercards from the mid to late 1990s. I was excited about the possibility to connect to even more of the world and to learn and share stories. Finally, my studies and work, especially from 2001 onwards, brought my passion for sharing knowledge and experiences to the water, sanitation and hygiene space. However, one thing still strikes me: listening to stories from people with different experiences is how I learn the most. They are a source of my inspiration and help me both frame and validate the information I get from diverse sources.</p>
<p>We continue to tell stories with the purpose of improving knowledge in water, sanitation and hygiene. While we tell stories in our sector and produce reports, there is often a barrier between experts who communicate in conferences and users in communities: we use different language, talk in different forums, and have different interests. But by having more exchanges between experts and non-experts these barriers can be overcome. As a result, knowledge can be discovered when it is needed by whom it is needed. Listening, validation and respect are essential so that data and information are owned by those who produce it. With WASH Web, we want participation in a space where this happens. Discussions already taking place can become more accessible.</p>
<p>But back to my story: I am remain surprised when I receive a request to work on one more national database or to produce one more programme evaluation or one more national monitoring and evaluation manual. While this has been my bread and butter for a number of years now, I am convinced that focusing more on data for action is less about these artifacts (databases and manuals) and more about the action and vision that produces data and the people who use information. Working to address people going back to open defecation after having a latrine in a community gives the opportunity to identify and collect data that will make a difference, such as understanding the latrine types and quality of latrines households use. It gives us a sense of how these factors impact the ability of people to continue to use latrines. The information is not the source of improvement. The source of improvement is from the vision and will to address a challenge of open defection. Does it require targeted subsidies? Does it require a new sanitation product by a local innovator? How can that be developed? These questions are answered through collective action and collective information sharing. Data alone is not the answer.</p>
<p>I would like to invite you to take part in a few different discussions with your colleagues, with the people you speak to day to day, and with partners and leaders:</p>
<ul>
<li><p>Using data better: How can we leverage all the activities, surveys, communication and information that is already there without overburdening people?</p></li>
<li><p>Social justice: How can we improve the representation of the least served in statistics and data? What are the ethical and power dynamics around this data and how do we better manage this?</p></li>
<li><p>Systems thinking: How can we better use qualitative and quantitative information holistically in collective action?</p></li>
<li><p>Accountability: Who’s doing what, where, and when? How can this be made more visible to ensure accountability?</p></li>
</ul>
<p>Why a discussion? Because this is how we can link data to people and their stories!</p>
<p>I am searching for homes to host these discussions for people passionate about the stories that speak to these questions and for the data producers and users who need to link data to action. Are you someone who can facilitate this discussion? Or perhaps you know an existing community of practice such as <a href="https://www.rural-water-supply.net/en/">RWSN</a> or <a href="https://www.susana.org/en/">Susana</a> or in a sector leader like <a href="https://www.ircwash.org/">IRCWASH</a> or <a href="https://washagendaforchange.org/">Agenda for Change</a>? Are you interested? Please get in touch!</p>
<p><a href="https://www.linkedin.com/in/nicolasdickinson/">Nicolas Dickinson</a></p>
<p>Some things I have done:</p>
<ul>
<li>Publishing an open source software package for downloading JMP data for all countries, including inequality country files as <a href="https://github.com/WASHNote/jmpwashdata">a single dataset</a></li>
<li>One of the originating partners of the <a href="https://www.waterpointdata.org/">Water Point Data Exchange (WPdx)</a> and long-time working group member: I first proposed it to be data exchange standard instead of a list of common indicators</li>
<li>Life-cycle analysis of costs and finance of WASH including the <a href="https://www.who.int/teams/environment-climate-change-and-health/water-sanitation-and-health/monitoring-and-evidence/wash-systems-monitoring/un-water-global-analysis-and-assessment-of-sanitation-and-drinking-water/wash-accounts">WHO WASH Accounts WAPT</a> and the WASHCost calculator prototype</li>
<li>Co-founding Knowledge Point Q&amp;A with IRCWASH, WaterAid, and RedR among others: the successor is now hosted by CAWST</li>
<li>Supporting <a href="https://www.ircwash.org/">IRCWASH</a>’s online resource library in various ways since 2008</li>
<li>Researching mobile-enabled technologies from data collection to billing in WASH, including sitting on the GSMA grant panel for a number of years</li>
<li>The 12 components participatory assessment methodology for national WASH M&amp;E used to develop costed M&amp;E plans in 8 countries in Western and Central Africa with UNICEF and IRC</li>
<li>Supporting the establishment of <a href="https://akvopedia.org/wiki/Main_Page">Akvopedia</a></li>
<li>Founding WASH Web</li>
</ul>
]]></description>
<guid>https://washnote.org/posts/2023-09-26-intro/index.html</guid>
<pubDate>Mon, 25 Sep 2023 22:00:00 GMT</pubDate>
<media:content url="https://washnote.org/posts/2023-09-26-intro/mckenna-phillips-Db-stA8meJY-unsplash.jpg" medium="image" type="image/jpeg"/>
</item>
</channel>
</rss>

428
_site/posts/2023-09-26-intro/index.html Normal file
View File

@ -0,0 +1,428 @@
<!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">
<meta name="author" content="Nicolas Dickinson">
<meta name="dcterms.date" content="2023-09-26">
<meta name="description" content="An invitation to WASH Web">
<title>WASH Web - Welcome</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 -->
<header id="title-block-header" class="quarto-title-block default page-columns page-full">
<div class="quarto-title-banner page-columns page-full">
<div class="quarto-title column-body">
<h1 class="title">Welcome</h1>
<div>
<div class="description">
An invitation to WASH Web
</div>
</div>
</div>
</div>
<div class="quarto-title-meta">
<div>
<div class="quarto-title-meta-heading">Author</div>
<div class="quarto-title-meta-contents">
<p>Nicolas Dickinson </p>
</div>
</div>
<div>
<div class="quarto-title-meta-heading">Published</div>
<div class="quarto-title-meta-contents">
<p class="date">September 26, 2023</p>
</div>
</div>
<div>
<div class="quarto-title-meta-heading">Modified</div>
<div class="quarto-title-meta-contents">
<p class="date-modified">October 12, 2023</p>
</div>
</div>
</div>
</header><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">
</div>
<!-- main -->
<main class="content quarto-banner-title-block" id="quarto-document-content">
<p>Sitting together and listening to stories is a source of insight. At a young age, my parent’s work on peace and reconciliation exposed me to thoughtful communicators from different places: Norwegian resistance fighter from WWII who survived against all odds and went on to work on reconciliation himself, Native American leaders and Indian leaders (from India) who processed together with Europeans and white Americans shared colonial legacies, musicians who faced incredible odds and sang about it, and Cambodian educators who survived and outlasted the Khmer Rouge. I also had the opportunity to travel and experience different cultures. Through libraries and books, I continued to travel to new places.</p>
<p>As personal computers and then internet took off, my curiosity and computer programming led me to develop early information products like websites and hypercards from the mid to late 1990s. I was excited about the possibility to connect to even more of the world and to learn and share stories. Finally, my studies and work, especially from 2001 onwards, brought my passion for sharing knowledge and experiences to the water, sanitation and hygiene space. However, one thing still strikes me: listening to stories from people with different experiences is how I learn the most. They are a source of my inspiration and help me both frame and validate the information I get from diverse sources.</p>
<p>We continue to tell stories with the purpose of improving knowledge in water, sanitation and hygiene. While we tell stories in our sector and produce reports, there is often a barrier between experts who communicate in conferences and users in communities: we use different language, talk in different forums, and have different interests. But by having more exchanges between experts and non-experts these barriers can be overcome. As a result, knowledge can be discovered when it is needed by whom it is needed. Listening, validation and respect are essential so that data and information are owned by those who produce it. With WASH Web, we want participation in a space where this happens. Discussions already taking place can become more accessible.</p>
<p>But back to my story: I am remain surprised when I receive a request to work on one more national database or to produce one more programme evaluation or one more national monitoring and evaluation manual. While this has been my bread and butter for a number of years now, I am convinced that focusing more on data for action is less about these artifacts (databases and manuals) and more about the action and vision that produces data and the people who use information. Working to address people going back to open defecation after having a latrine in a community gives the opportunity to identify and collect data that will make a difference, such as understanding the latrine types and quality of latrines households use. It gives us a sense of how these factors impact the ability of people to continue to use latrines. The information is not the source of improvement. The source of improvement is from the vision and will to address a challenge of open defection. Does it require targeted subsidies? Does it require a new sanitation product by a local innovator? How can that be developed? These questions are answered through collective action and collective information sharing. Data alone is not the answer.</p>
<p>I would like to invite you to take part in a few different discussions with your colleagues, with the people you speak to day to day, and with partners and leaders:</p>
<ul>
<li><p>Using data better: How can we leverage all the activities, surveys, communication and information that is already there without overburdening people?</p></li>
<li><p>Social justice: How can we improve the representation of the least served in statistics and data? What are the ethical and power dynamics around this data and how do we better manage this?</p></li>
<li><p>Systems thinking: How can we better use qualitative and quantitative information holistically in collective action?</p></li>
<li><p>Accountability: Who’s doing what, where, and when? How can this be made more visible to ensure accountability?</p></li>
</ul>
<p>Why a discussion? Because this is how we can link data to people and their stories!</p>
<p>I am searching for homes to host these discussions for people passionate about the stories that speak to these questions and for the data producers and users who need to link data to action. Are you someone who can facilitate this discussion? Or perhaps you know an existing community of practice such as <a href="https://www.rural-water-supply.net/en/">RWSN</a> or <a href="https://www.susana.org/en/">Susana</a> or in a sector leader like <a href="https://www.ircwash.org/">IRCWASH</a> or <a href="https://washagendaforchange.org/">Agenda for Change</a>? Are you interested? Please get in touch!</p>
<p><a href="https://www.linkedin.com/in/nicolasdickinson/">Nicolas Dickinson</a></p>
<p>Some things I have done:</p>
<ul>
<li>Publishing an open source software package for downloading JMP data for all countries, including inequality country files as <a href="https://github.com/WASHNote/jmpwashdata">a single dataset</a></li>
<li>One of the originating partners of the <a href="https://www.waterpointdata.org/">Water Point Data Exchange (WPdx)</a> and long-time working group member: I first proposed it to be data exchange standard instead of a list of common indicators</li>
<li>Life-cycle analysis of costs and finance of WASH including the <a href="https://www.who.int/teams/environment-climate-change-and-health/water-sanitation-and-health/monitoring-and-evidence/wash-systems-monitoring/un-water-global-analysis-and-assessment-of-sanitation-and-drinking-water/wash-accounts">WHO WASH Accounts WAPT</a> and the WASHCost calculator prototype</li>
<li>Co-founding Knowledge Point Q&amp;A with IRCWASH, WaterAid, and RedR among others: the successor is now hosted by CAWST</li>
<li>Supporting <a href="https://www.ircwash.org/">IRCWASH</a>’s online resource library in various ways since 2008</li>
<li>Researching mobile-enabled technologies from data collection to billing in WASH, including sitting on the GSMA grant panel for a number of years</li>
<li>The 12 components participatory assessment methodology for national WASH M&amp;E used to develop costed M&amp;E plans in 8 countries in Western and Central Africa with UNICEF and IRC</li>
<li>Supporting the establishment of <a href="https://akvopedia.org/wiki/Main_Page">Akvopedia</a></li>
<li>Founding WASH Web</li>
</ul>
</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>

BIN
_site/posts/2023-09-26-intro/mckenna-phillips-Db-stA8meJY-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

1
_site/robots.txt Normal file
View File

@ -0,0 +1 @@
Sitemap: https://washnote.org/sitemap.xml

49
_site/search.json
View File

File diff suppressed because one or more lines are too long

31
_site/sitemap.xml Normal file
View File

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://washnote.org/contact.html</loc>
<lastmod>2023-10-12T13:12:10.830Z</lastmod>
</url>
<url>
<loc>https://washnote.org/index.html</loc>
<lastmod>2023-10-12T13:12:11.139Z</lastmod>
</url>
<url>
<loc>https://washnote.org/posts/2023-09-26-intro/index.html</loc>
<lastmod>2023-10-12T13:12:11.583Z</lastmod>
</url>
<url>
<loc>https://washnote.org/posts.html</loc>
<lastmod>2023-10-12T13:12:33.770Z</lastmod>
</url>
<url>
<loc>https://washnote.org/privacy.html</loc>
<lastmod>2023-10-12T13:12:12.466Z</lastmod>
</url>
<url>
<loc>https://washnote.org/test.html</loc>
<lastmod>2023-10-12T13:12:12.730Z</lastmod>
</url>
<url>
<loc>https://washnote.org/vision.html</loc>
<lastmod>2023-10-12T13:12:13.898Z</lastmod>
</url>
</urlset>

2
_site/vision.html
View File

@ -141,7 +141,7 @@ ul.task-list li input[type="checkbox"] {
<p><strong>Useful</strong> information is information from which one can begin to take action. Often key information about who to contact for more information, what happened, when and where is missing. If there is information about water services or sanitation, these are often dated.</p>
<p>In short, WASH Web intends to make information and expertise more accessible so that it is no longer only experts who are able to make informed decisions based on available evidence. Up until now, WASH Web has been an idea and a project that a few people have been playing with. This website and the project is open source and participatory meaning it is open to the initiative and inputs from others. Currently, WASHNote hosts and maintains the project website and source code.</p>
<p>Would you like to get involved? Please get in touch or add an issue on Github.</p>
<p>This website was last updated on 2023-07-31 .</p>
<p>This website was last updated on 2023-10-12 .</p>

BIN
images/mckenna-phillips-Db-stA8meJY-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

1
posts.qmd
View File

@ -5,4 +5,5 @@ listing:
type: grid # or `default` or `table`; each type has its own set of yaml options to include
sort: "date desc" # can also sort on more than one field
categories: true # allows you to sort posts by assigned categories
feed: true
---

3
posts/2023-09-26-intro/index.qmd
View File

@ -3,7 +3,8 @@ title: "Welcome"
description: "An invitation to WASH Web"
author: "Nicolas Dickinson"
date: "2023-09-26"
date-modified: today
date-modified: "2023-10-12"
image: mckenna-phillips-Db-stA8meJY-unsplash.jpg
draft: false
---

BIN
posts/2023-09-26-intro/mckenna-phillips-Db-stA8meJY-unsplash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB