Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@cjjdavies
cjjdavies authored Aug 15, 2023
1 parent 00a0307 commit b6349aa
Show file tree
Hide file tree
Showing 6 changed files with 686 additions and 103 deletions.
153 changes: 129 additions & 24 deletions docs/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>

<meta charset="utf-8">
<meta name="generator" content="quarto-1.2.280">
<meta name="generator" content="quarto-1.3.433">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

Expand All @@ -17,7 +17,7 @@
ul.task-list{list-style: none;}
ul.task-list li input[type="checkbox"] {
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
margin: 0 0.8em 0.2em -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */
vertical-align: middle;
}
</style>
Expand Down Expand Up @@ -55,7 +55,8 @@
"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"
"search-submit-button-title": "Submit",
"search-label": "Search"
}
}</script>

Expand All @@ -74,64 +75,66 @@
<span class="navbar-title">Growing Research</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">
<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 active" href="./about.html" aria-current="page">
<a class="nav-link active" href="./about.html" rel="" target="" aria-current="page">
<span class="menu-text">About</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./cv.html">
<a class="nav-link" href="./cv.html" rel="" target="">
<span class="menu-text">CV</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./projects.html">
<a class="nav-link" href="./projects.html" rel="" target="">
<span class="menu-text">Projects</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./reflections.html">
<a class="nav-link" href="./reflections.html" rel="" target="">
<span class="menu-text">The Coding Gardener</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item compact">
<a class="nav-link" href="https://github.com/cjjdavies"><i class="bi bi-github" role="img" aria-label="GitHub">
<a class="nav-link" href="https://github.com/cjjdavies" rel="" target=""><i class="bi bi-github" role="img" aria-label="GitHub">
</i>
<span class="menu-text"></span></a>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="#" id="nav-menu-bi-share" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<a class="nav-link dropdown-toggle" href="#" id="nav-menu-bi-share" role="button" data-bs-toggle="dropdown" aria-expanded="false" rel="" target="">
<i class="bi bi-share" role="img">
</i>
<span class="menu-text"></span>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="nav-menu-bi-share">
<li>
<a class="dropdown-item" href="https://twitter.com/"><i class="bi bi-twitter" role="img" aria-label="Twitter">
<a class="dropdown-item" href="https://twitter.com/" rel="" target=""><i class="bi bi-twitter" role="img" aria-label="Twitter">
</i>
<span class="dropdown-text">Twitter</span></a>
</li>
<li>
<a class="dropdown-item" href="https://www.facebook.com/"><i class="bi bi-facebook" role="img" aria-label="Facebook">
<a class="dropdown-item" href="https://www.facebook.com/" rel="" target=""><i class="bi bi-facebook" role="img" aria-label="Facebook">
</i>
<span class="dropdown-text">Facebook</span></a>
</li>
<li>
<a class="dropdown-item" href="https://www.linkedin.com/"><i class="bi bi-linkedin" role="img" aria-label="LinkedIn">
<a class="dropdown-item" href="https://www.linkedin.com/" rel="" target=""><i class="bi bi-linkedin" role="img" aria-label="LinkedIn">
</i>
<span class="dropdown-text">LinkedIn</span></a>
</li>
</ul>
</li>
</ul>
<div id="quarto-search" class="" title="Search"></div>
<div class="quarto-navbar-tools">
</div>
</div> <!-- /navcollapse -->
</div> <!-- /container-fluid -->
</nav>
Expand Down Expand Up @@ -180,15 +183,11 @@ <h2 data-anchor-id="programming-and-scripting-languages">Programming and scripti
</section>
</div>
<div class="about-footer"><div class="about-links">
<a href="https://twitter.com/CDavieSTEM" class="about-link">
<i class="bi bi-twitter"></i>
<span class="about-link-text">twitter</span>
</a>
<a href="https://github.com/cjjdavies" class="about-link">
<a href="https://github.com/cjjdavies" class="about-link" rel="" target="">
<i class="bi bi-github"></i>
<span class="about-link-text">Github</span>
</a>
<a href="https://mastodon.scot/@cdavies" class="about-link">
<a href="https://mastodon.scot/@cdavies" class="about-link" rel="" target="">
<i class="bi bi-mastodon"></i>
<span class="about-link-text">Mastodon</span>
</a>
Expand Down Expand Up @@ -222,9 +221,23 @@ <h2 data-anchor-id="programming-and-scripting-languages">Programming and scripti
}
}
toggleBodyColorPrimary();
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', {
target: function(trigger) {
return trigger.previousElementSibling;
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) {
Expand Down Expand Up @@ -289,6 +302,92 @@ <h2 data-anchor-id="programming-and-scripting-languages">Programming and scripti
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) {
Expand Down Expand Up @@ -332,7 +431,7 @@ <h2 data-anchor-id="programming-and-scripting-languages">Programming and scripti
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):not([aria-hidden]):not(.dropdown-item)');
var links = window.document.querySelectorAll('a[href]:not(.nav-link):not(.navbar-brand):not(.toc-action):not(.sidebar-link):not(.sidebar-item-toggle):not(.pagination-link):not(.no-external):not([aria-hidden]):not(.dropdown-item)');
for (var i=0; i<links.length; i++) {
const link = links[i];
if (!isInternal(link.href)) {
Expand All @@ -347,7 +446,13 @@ <h2 data-anchor-id="programming-and-scripting-languages">Programming and scripti
</div> <!-- /content -->
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-center">Copyright 2023, Chantel Davies</div>
<div class="nav-footer-left">
&nbsp;
</div>
<div class="nav-footer-center">Copyright 2023, Chantel Davies</div>
<div class="nav-footer-right">
&nbsp;
</div>
</div>
</footer>

Expand Down
Loading

0 comments on commit b6349aa

Please sign in to comment.