rendering

This commit is contained in:
AG Damsbo 2023-04-28 14:17:15 +02:00
parent a08ead94bf
commit 26b8f6369e
18 changed files with 2014 additions and 33 deletions

View File

@ -3,7 +3,7 @@ project:
website:
title: "Andreas"
favicon: "/docs/images/lightbulb-on-outline.png"
favicon: "/docs/images/favicon.png"
site-url: https://andreas.gdamsbo.dk
navbar:
left:
@ -13,6 +13,8 @@ website:
text: Projects
- href: food.qmd
text: Recepies
- href: blog.qmd
text: Blog
# - about.qmd
right:
- href: https://git.nikohuru.dk/andreas/web

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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=".//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href=".//docs/images/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>
@ -92,6 +92,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="./food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

474
_site/blog.html Normal file
View File

@ -0,0 +1,474 @@
<!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.340">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Andreas - Blog</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="./">
<link href=".//docs/images/favicon.png" rel="icon" type="image/png">
<script src="site_libs/quarto-listing/list.min.js"></script>
<script src="site_libs/quarto-listing/quarto-listing.js"></script>
<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-dark.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="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>
<script>
window.document.addEventListener("DOMContentLoaded", function (_event) {
const listingTargetEl = window.document.querySelector('#listing-listing .list');
if (!listingTargetEl) {
// No listing discovered, do not attach.
return;
}
const options = {
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-title","listing-author","listing-date","listing-image","listing-description","listing-categories"],
};
window['quarto-listings'] = window['quarto-listings'] || {};
window['quarto-listings']['listing-listing'] = new List('listing-listing', options);
if (window['quarto-listing-loaded']) {
window['quarto-listing-loaded']();
}
});
window.addEventListener('hashchange',() => {
if (window['quarto-listing-loaded']) {
window['quarto-listing-loaded']();
}
})
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" type="text/javascript"></script>
</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">Andreas</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="./health-data.html" rel="" target="">
<span class="menu-text">Projects</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./blog.html" rel="" target="" aria-current="page">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">
<a class="nav-link" href="https://git.nikohuru.dk/andreas/web" rel="" target="">
<span class="menu-text">Source</span></a>
</li>
</ul>
<div class="quarto-navbar-tools">
</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">
<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 class="category" data-category="Homelab">Homelab <span class="quarto-category-count">(1)</span></div><div class="category" data-category="Selfhost">Selfhost <span class="quarto-category-count">(1)</span></div><div class="category" data-category="VPN">VPN <span class="quarto-category-count">(1)</span></div><div class="category" data-category="VPS">VPS <span class="quarto-category-count">(1)</span></div><div class="category" data-category="Wireguard">Wireguard <span class="quarto-category-count">(1)</span></div></div></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">Blog</h1>
</div>
<div class="quarto-title-meta">
</div>
</header>
<div class="topbr">
<p style="font-size: 18px">I will be writing about selfhosting, fixing stuff, parenting, and maybe a little about work.</p>
</div>
<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-categories="Selfhost,Homelab,Wireguard,VPS,VPN" data-listing-date-sort="1664316000000" data-listing-file-modified-sort="1682683933762" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="2">
<a href="./blog/wireguard-bro.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<div class="listing-item-img-placeholder card-img-top" style="height: 150px;">&nbsp;</div>
<div class="card-body post-contents">
<h5 class="no-anchor card-title listing-title">
Wireguard bro
</h5>
<div class="listing-categories">
<div class="listing-category" onclick="window.quartoListingCategory('Selfhost'); return false;">
Selfhost
</div>
<div class="listing-category" onclick="window.quartoListingCategory('Homelab'); return false;">
Homelab
</div>
<div class="listing-category" onclick="window.quartoListingCategory('Wireguard'); return false;">
Wireguard
</div>
<div class="listing-category" onclick="window.quartoListingCategory('VPS'); return false;">
VPS
</div>
<div class="listing-category" onclick="window.quartoListingCategory('VPN'); return false;">
VPN
</div>
</div>
<div class="card-text listing-description">
Kort dokumentation for at sætte en Wireguard-bro op.
</div>
<div class="card-attribution card-text-small justify">
<div class="listing-author">
</div>
<div class="listing-date">
Sep 28, 2022
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="listing-no-matching d-none">
No matching items
</div>
</div></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 -->
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
&nbsp;
</div>
<div class="nav-footer-center">Made using <a href="https://quarto.org/">Quarto</a>, Copyright 2023, Andreas Gammelgaard Damsbo</div>
<div class="nav-footer-right">
&nbsp;
</div>
</div>
</footer>
</body></html>

View File

@ -0,0 +1,471 @@
<!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.340">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="dcterms.date" content="2022-09-28">
<meta name="description" content="Kort dokumentation for at sætte en Wireguard-bro op.">
<title>Andreas - Wireguard bro</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="../">
<link href="..//docs/images/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-dark.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="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>
</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">Andreas</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="../health-data.html" rel="" target="">
<span class="menu-text">Projects</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">
<a class="nav-link" href="https://git.nikohuru.dk/andreas/web" rel="" target="">
<span class="menu-text">Source</span></a>
</li>
</ul>
<div class="quarto-navbar-tools">
</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="#noter" id="toc-noter" class="nav-link active" data-scroll-target="#noter">Noter</a></li>
<li><a href="#eksempler-på-konfigurationsfiler" id="toc-eksempler-på-konfigurationsfiler" class="nav-link" data-scroll-target="#eksempler-på-konfigurationsfiler">Eksempler på konfigurationsfiler</a>
<ul class="collapse">
<li><a href="#hetzner-vps" id="toc-hetzner-vps" class="nav-link" data-scroll-target="#hetzner-vps">Hetzner VPS</a></li>
<li><a href="#hjemmeserver" id="toc-hjemmeserver" class="nav-link" data-scroll-target="#hjemmeserver">Hjemmeserver</a></li>
</ul></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">Wireguard bro</h1>
<div class="quarto-categories">
<div class="quarto-category">Selfhost</div>
<div class="quarto-category">Homelab</div>
<div class="quarto-category">Wireguard</div>
<div class="quarto-category">VPS</div>
<div class="quarto-category">VPN</div>
</div>
</div>
<div>
<div class="description">
Kort dokumentation for at sætte en Wireguard-bro op.
</div>
</div>
<div class="quarto-title-meta">
<div>
<div class="quarto-title-meta-heading">Published</div>
<div class="quarto-title-meta-contents">
<p class="date">September 28, 2022</p>
</div>
</div>
</div>
</header>
<p>Vi bor til leje og har en hjemmeserver stående på kontoret. Serveren hoster bl.a. denne side. For at undgå indstillinger lokalt på routeren stillet til rådighed af vores udlejer har jeg lejet den mindste VPS hos Hetzner, og bruger denne som bro med Wireguard til hjemmeserveren. Der findes et væld af opsætningsvejledninger og uddybende forklaringer af hver af de introducerede begreber. Her kommer min opsætning til inspiration.</p>
<section id="noter" class="level2">
<h2 class="anchored" data-anchor-id="noter">Noter</h2>
<p>Inspirationen kommer fra følgende sider, som jeg kun kan anbefale også at læse (jeg har dog intet med disse sider at gøre):</p>
<ul>
<li><a href="https://wiki.r-selfhosted.com/guides/virtual-private-networks/wireguard/">wiki.r-selfhosted.com</a><br>
</li>
<li><a href="https://www.procustodibus.com/blog/2022/09/wireguard-port-forward-from-internet/">www.procustodibus.com</a></li>
</ul>
</section>
<section id="eksempler-på-konfigurationsfiler" class="level2">
<h2 class="anchored" data-anchor-id="eksempler-på-konfigurationsfiler">Eksempler på konfigurationsfiler</h2>
<section id="hetzner-vps" class="level3">
<h3 class="anchored" data-anchor-id="hetzner-vps">Hetzner VPS</h3>
<pre><code>[Interface]
Address = 10.25.4.3/32,fd42::1/128
PrivateKey = [Privat nøgle for VPS]
ListenPort = [VPS port]
PreUp = sysctl -w net.ipv4.ip_forward=1
PreUp = iptables -t nat -A PREROUTING -p tcp --dport 443 -j DNAT --to-destination 10.25.4.1:443
PreUp = iptables -t nat -A PREROUTING -p tcp --dport 80 -j DNAT --to-destination 10.25.4.1:80
PostDown = iptables -t nat -D PREROUTING -p tcp --dport 443 -j DNAT --to-destination 10.25.4.1:443
PostDown = iptables -t nat -D PREROUTING -p tcp --dport 80 -j DNAT --to-destination 10.25.4.1:80
PreUp = iptables -t nat -A POSTROUTING -o wg0 -j MASQUERADE
PostDown = iptables -t nat -D POSTROUTING -o wg0 -j MASQUERADE
[Peer]
PublicKey = [Offentlig nøgle for hjemmeserver]
AllowedIPs = 10.25.4.1/32
PersistentKeepalive = 25</code></pre>
</section>
<section id="hjemmeserver" class="level3">
<h3 class="anchored" data-anchor-id="hjemmeserver">Hjemmeserver</h3>
<pre><code>[Interface]
Address = 10.25.4.1/24
ListenPort = [Wireguard port nummer]
PrivateKey = [Privat nøgle for Hjemmeserver]
## Hetzner VPS
[Peer]
PublicKey = [Offentlig nøgle til VPS]
AllowedIPs = 10.25.4.3/32
Endpoint = [VPS offentlig ip-adresse]:[Wireguard port]
PersistentKeepalive = 25</code></pre>
</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 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 -->
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
&nbsp;
</div>
<div class="nav-footer-center">Made using <a href="https://quarto.org/">Quarto</a>, Copyright 2023, Andreas Gammelgaard Damsbo</div>
<div class="nav-footer-right">
&nbsp;
</div>
</div>
</footer>
</body></html>

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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=".//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href=".//docs/images/favicon.png" rel="icon" type="image/png">
<script src="site_libs/quarto-listing/list.min.js"></script>
<script src="site_libs/quarto-listing/quarto-listing.js"></script>
<script src="site_libs/quarto-html/quarto.js"></script>
@ -125,6 +125,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link active" href="./food.html" rel="" target="" aria-current="page">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">
@ -144,7 +148,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">(1)</span></div><div class="category" data-category="Bagværk">Bagværk <span class="quarto-category-count">(1)</span></div><div class="category" data-category="Børnene med!">Børnene med! <span class="quarto-category-count">(1)</span></div><div class="category" data-category="Dansk">Dansk <span class="quarto-category-count">(1)</span></div><div class="category" data-category="Kage">Kage <span class="quarto-category-count">(1)</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">(3)</span></div><div class="category" data-category="Bagværk">Bagværk <span class="quarto-category-count">(3)</span></div><div class="category" data-category="Brød">Brød <span class="quarto-category-count">(2)</span></div><div class="category" data-category="Børnene med!">Børnene med! <span class="quarto-category-count">(1)</span></div><div class="category" data-category="Dansk">Dansk <span class="quarto-category-count">(1)</span></div><div class="category" data-category="Kage">Kage <span class="quarto-category-count">(1)</span></div></div></div>
<!-- main -->
<main class="content" id="quarto-document-content">
@ -175,7 +179,63 @@ 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-categories="Kage,Bagværk,Børnene med!,Dansk" data-listing-date-sort="1682632800000" data-listing-file-modified-sort="1682668192200" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="1">
<div class="g-col-1" data-index="0" data-categories="Bagværk,Brød" data-listing-file-modified-sort="1682683638743" data-listing-reading-time-sort="2">
<a href="./food/rugbrød.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<div class="listing-item-img-placeholder card-img-top" style="height: 150px;">&nbsp;</div>
<div class="card-body post-contents">
<h5 class="no-anchor card-title listing-title">
Rugbrød
</h5>
<div class="listing-categories">
<div class="listing-category" onclick="window.quartoListingCategory('Bagværk'); return false;">
Bagværk
</div>
<div class="listing-category" onclick="window.quartoListingCategory('Brød'); return false;">
Brød
</div>
</div>
<div class="card-text listing-description">
Vores hverdagsrugbrød. Det er blevet en vane, så det virker!
</div>
<div class="card-attribution card-text-small start">
<div class="listing-author">
</div>
</div>
</div>
</div>
</a>
</div>
<div class="g-col-1" data-index="1" data-categories="Bagværk,Brød" data-listing-file-modified-sort="1682683714580" data-listing-reading-time-sort="1">
<a href="./food/surdej.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<div class="listing-item-img-placeholder card-img-top" style="height: 150px;">&nbsp;</div>
<div class="card-body post-contents">
<h5 class="no-anchor card-title listing-title">
Surdej
</h5>
<div class="listing-categories">
<div class="listing-category" onclick="window.quartoListingCategory('Bagværk'); return false;">
Bagværk
</div>
<div class="listing-category" onclick="window.quartoListingCategory('Brød'); return false;">
Brød
</div>
</div>
<div class="card-text listing-description">
Det er ikke så svært endda.
</div>
<div class="card-attribution card-text-small start">
<div class="listing-author">
</div>
</div>
</div>
</div>
</a>
</div>
<div class="g-col-1" data-index="2" data-categories="Kage,Bagværk,Børnene med!,Dansk" data-listing-date-sort="1682632800000" data-listing-file-modified-sort="1682668192200" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="1">
<a href="./food/banankage.html" class="quarto-grid-link">
<div class="quarto-grid-item card h-100 card-left">
<div class="listing-item-img-placeholder card-img-top" style="height: 150px;">&nbsp;</div>

View File

@ -32,7 +32,7 @@ ul.task-list li input[type="checkbox"] {
<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="..//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href="..//docs/images/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>
@ -94,6 +94,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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="..//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href="..//docs/images/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>
@ -92,6 +92,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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="..//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href="..//docs/images/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>
@ -92,6 +92,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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="..//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href="..//docs/images/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>
@ -92,6 +92,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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="..//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href="..//docs/images/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>
@ -92,6 +92,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

445
_site/food/rugbrød.html Normal file
View File

@ -0,0 +1,445 @@
<!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.340">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="description" content="Vores hverdagsrugbrød. Det er blevet en vane, så det virker!">
<title>Andreas - Rugbrød</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="../">
<link href="..//docs/images/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-dark.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="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>
</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">Andreas</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="../health-data.html" rel="" target="">
<span class="menu-text">Projects</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">
<a class="nav-link" href="https://git.nikohuru.dk/andreas/web" rel="" target="">
<span class="menu-text">Source</span></a>
</li>
</ul>
<div class="quarto-navbar-tools">
</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="#dag-1" id="toc-dag-1" class="nav-link active" data-scroll-target="#dag-1">Dag 1</a></li>
<li><a href="#dag-2" id="toc-dag-2" class="nav-link" data-scroll-target="#dag-2">Dag 2</a></li>
<li><a href="#dag-3" id="toc-dag-3" class="nav-link" data-scroll-target="#dag-3">Dag 3</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">Rugbrød</h1>
<div class="quarto-categories">
<div class="quarto-category">Bagværk</div>
<div class="quarto-category">Brød</div>
</div>
</div>
<div>
<div class="description">
Vores hverdagsrugbrød. Det er blevet en vane, så det virker!
</div>
</div>
<div class="quarto-title-meta">
</div>
</header>
<p>Vi er glade for at bage, og særligt rugbrød er lækkert som hjemmebag. Her er opskriften, som vi bruger. Den er overkommelig og, men kræver at man tænker sig lidt om i god tid.</p>
<section id="dag-1" class="level2">
<h2 class="anchored" data-anchor-id="dag-1">Dag 1</h2>
<p>Tag din surdej ud og fodr den. <a href="https://blog.nikohuru.dk/edit/surdej">Se her for gode råd.</a></p>
</section>
<section id="dag-2" class="level2">
<h2 class="anchored" data-anchor-id="dag-2">Dag 2</h2>
<ul>
<li>175 g surdej (ca. 1½ dl)</li>
<li>15 g salt (2 spsk)</li>
<li>1 liter vand, koldt</li>
<li>400 g skårne rugkerner</li>
<li>200 g groft hvede-/speltmel</li>
<li>375 g rugmel</li>
</ul>
<p>Røres sammen i en stor skål (5 L). Tildækkes og står ved stuetemperatur i 12-24 timer.</p>
<ul>
<li>450 g skårne rugkerner</li>
<li>Evt. 100 g mandler eller hasselnødder, eller 1 dl boghvede, amarant eller chia</li>
</ul>
<p>Sættes i blød med rigeligt vand 12-36 timer.</p>
</section>
<section id="dag-3" class="level2">
<h2 class="anchored" data-anchor-id="dag-3">Dag 3</h2>
<p>Dejen fra Dag 2 samt drænede, udblødte rugkerner (og nødder/frø) blandes.</p>
<p>Desuden tilsættes følgende:</p>
<ul>
<li>5 dl frø (fx ligelig fordeling af hørfrø, sesam, solsikke- og græskarkerner)</li>
<li>1-2 spsk honning (kan røres ud i øl)</li>
<li>1 øl (33 cl, gerne hvidtøl eller anden mørk øl, men det kommer sig ikke så nøje)</li>
<li>Ca 4 dl rugmel til rette konsistens.</li>
</ul>
<p>Det hele røres godt sammen. Det skal have en tyk, sej klistret konsistens og fordeles i 3 smurte rugbrødsforme der rummer 2 liter (eller 2 forme á 2-3 liter). Glat dejen.</p>
<p>Lad nu brødene hæve under et fugtigt viskestykke indtil dejen når lidt op over kanten (1-3 timer). Inden de bages, brug da en våd strikkepind eller lignende til at prikke huller i brødene (ca. 30 i hver), så der ikke opstår luftlommer. Bages med konventionel varme ved 180°C i 1 ½ time. For en blød skorpe lægges brødene i plastposer umiddelbart efter bagning. Egner sig til at fryse ned, men vent to døgn. Så smuldrer brødet ikke så meget når det skæres efter optøning.</p>
<p>Tip: rør ca 2 spsk mørk maltsirup i dejen på dag to. Giver mere smag og farve.</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 -->
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
&nbsp;
</div>
<div class="nav-footer-center">Made using <a href="https://quarto.org/">Quarto</a>, Copyright 2023, Andreas Gammelgaard Damsbo</div>
<div class="nav-footer-right">
&nbsp;
</div>
</div>
</footer>
</body></html>

406
_site/food/surdej.html Normal file
View File

@ -0,0 +1,406 @@
<!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.340">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="description" content="Det er ikke så svært endda.">
<title>Andreas - Surdej</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="../">
<link href="..//docs/images/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-dark.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="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>
</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">Andreas</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="../health-data.html" rel="" target="">
<span class="menu-text">Projects</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">
<a class="nav-link" href="https://git.nikohuru.dk/andreas/web" rel="" target="">
<span class="menu-text">Source</span></a>
</li>
</ul>
<div class="quarto-navbar-tools">
</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">
</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">Surdej</h1>
<div class="quarto-categories">
<div class="quarto-category">Bagværk</div>
<div class="quarto-category">Brød</div>
</div>
</div>
<div>
<div class="description">
Det er ikke så svært endda.
</div>
</div>
<div class="quarto-title-meta">
</div>
</header>
<p>Vi bager hverdagsbrød, så her kommer mine gode råd til en hverdagssurdej.</p>
<p>Slap af. Det er ikke svært! Punktum.</p>
<p>Kan opbevares på køl i en mindre beholder. Tages ud 1-2 dage før brug. Brug en beholder på omtrent en liter. Surdejen “fodres” med ca 1,5 dl vand og 1,5 dl mel (fx blanding af rug og spelt, altså det samme mel som skal bruges i brødet). Konsistensen skal være som lidt tynd havregrød. Rør i surdejen et par gange dagligt. Sørg for, at der er lidt surdej tilbage når du har taget fra til brøddej og sæt så resten på køl i en lukket beholder til næste gang.</p>
<p>Kommer der snask på toppen, så skrab det af, tag en skefuld surdej fra i en ren beholder, smid den gamle surdej ud og bliv glad for den ny. Fodr den ny surdej, vent et par dage, og så er den klar til brug.</p>
<p>Surdejen er også god til lyst brød, og en lille rest smager godt i pandekager.</p>
</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 -->
<footer class="footer">
<div class="nav-footer">
<div class="nav-footer-left">
&nbsp;
</div>
<div class="nav-footer-center">Made using <a href="https://quarto.org/">Quarto</a>, Copyright 2023, Andreas Gammelgaard Damsbo</div>
<div class="nav-footer-right">
&nbsp;
</div>
</div>
</footer>
</body></html>

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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=".//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href=".//docs/images/favicon.png" rel="icon" type="image/png">
<script src="site_libs/quarto-listing/list.min.js"></script>
<script src="site_libs/quarto-listing/quarto-listing.js"></script>
<script src="site_libs/quarto-html/quarto.js"></script>
@ -125,6 +125,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="./food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

View File

@ -32,7 +32,7 @@ ul.task-list li input[type="checkbox"] {
<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="..//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href="..//docs/images/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>
@ -94,6 +94,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="../food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="../blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

View File

@ -30,7 +30,7 @@ ul.task-list li input[type="checkbox"] {
<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=".//docs/images/lightbulb-on-outline.png" rel="icon" type="image/png">
<link href=".//docs/images/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>
@ -91,6 +91,10 @@ ul.task-list li input[type="checkbox"] {
<a class="nav-link" href="./food.html" rel="" target="">
<span class="menu-text">Recepies</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog.html" rel="" target="">
<span class="menu-text">Blog</span></a>
</li>
</ul>
<ul class="navbar-nav navbar-nav-scroll ms-auto">
<li class="nav-item">

View File

@ -2,6 +2,8 @@
{
"listing": "/food.html",
"items": [
"/food/rugbrød.html",
"/food/surdej.html",
"/food/banankage.html"
]
},
@ -10,5 +12,11 @@
"items": [
"/health_data/ancle.html"
]
},
{
"listing": "/blog.html",
"items": [
"/blog/wireguard-bro.html"
]
}
]

View File

@ -1,10 +1,10 @@
[
{
"objectID": "food.html",
"href": "food.html",
"title": "Recepies",
"objectID": "index.html",
"href": "index.html",
"title": "Andreas Gammelgaard Damsbo",
"section": "",
"text": "I like cooking and baking, and especially with my girls. This is a collection of our favorite recepies for our own reference. You are welcome to use them as well.\nThis is not intended as a showroom. Some recepies are original and some are not. I will try to link to sources when available. I keep this as my own library.\n\n\n\n\n\n\n\n\n\n\n\n\n\nSuper nem banankage\n\n\n\nKage\n\n\nBagværk\n\n\nBørnene med!\n\n\nDansk\n\n\n\nDer er aldrig nok banan i banankage. Sådan er det ikke her!\n\n\n\n\n\n\nApr 28, 2023\n\n\n\n\n\n\n\n\nNo matching items"
"text": "Hi! I am a medical doctor, PhD-student, open source activist and father of two girls.\nOn this page is my CV, I will write about some hobby projects, and just share what I am concerned with. Some will be in English, some in Danish. Take care!\n[This is still very much a work in progress, but these are my intentions]"
},
{
"objectID": "health_data/ancle.html",
@ -41,6 +41,27 @@
"section": "Extend of the work",
"text": "Extend of the work"
},
{
"objectID": "blog/wireguard-bro.html",
"href": "blog/wireguard-bro.html",
"title": "Wireguard bro",
"section": "",
"text": "Vi bor til leje og har en hjemmeserver stående på kontoret. Serveren hoster bl.a. denne side. For at undgå indstillinger lokalt på routeren stillet til rådighed af vores udlejer har jeg lejet den mindste VPS hos Hetzner, og bruger denne som bro med Wireguard til hjemmeserveren. Der findes et væld af opsætningsvejledninger og uddybende forklaringer af hver af de introducerede begreber. Her kommer min opsætning til inspiration."
},
{
"objectID": "blog/wireguard-bro.html#noter",
"href": "blog/wireguard-bro.html#noter",
"title": "Wireguard bro",
"section": "Noter",
"text": "Noter\nInspirationen kommer fra følgende sider, som jeg kun kan anbefale også at læse (jeg har dog intet med disse sider at gøre):\n\nwiki.r-selfhosted.com\n\nwww.procustodibus.com"
},
{
"objectID": "blog/wireguard-bro.html#eksempler-på-konfigurationsfiler",
"href": "blog/wireguard-bro.html#eksempler-på-konfigurationsfiler",
"title": "Wireguard bro",
"section": "Eksempler på konfigurationsfiler",
"text": "Eksempler på konfigurationsfiler\n\nHetzner VPS\n[Interface]\nAddress = 10.25.4.3/32,fd42::1/128\nPrivateKey = [Privat nøgle for VPS]\nListenPort = [VPS port]\n\nPreUp = sysctl -w net.ipv4.ip_forward=1\n\nPreUp = iptables -t nat -A PREROUTING -p tcp --dport 443 -j DNAT --to-destination 10.25.4.1:443\nPreUp = iptables -t nat -A PREROUTING -p tcp --dport 80 -j DNAT --to-destination 10.25.4.1:80\nPostDown = iptables -t nat -D PREROUTING -p tcp --dport 443 -j DNAT --to-destination 10.25.4.1:443\nPostDown = iptables -t nat -D PREROUTING -p tcp --dport 80 -j DNAT --to-destination 10.25.4.1:80\n\nPreUp = iptables -t nat -A POSTROUTING -o wg0 -j MASQUERADE\nPostDown = iptables -t nat -D POSTROUTING -o wg0 -j MASQUERADE\n\n[Peer]\nPublicKey = [Offentlig nøgle for hjemmeserver]\nAllowedIPs = 10.25.4.1/32\nPersistentKeepalive = 25\n\n\nHjemmeserver\n[Interface]\nAddress = 10.25.4.1/24\nListenPort = [Wireguard port nummer]\nPrivateKey = [Privat nøgle for Hjemmeserver]\n\n## Hetzner VPS\n[Peer]\nPublicKey = [Offentlig nøgle til VPS]\nAllowedIPs = 10.25.4.3/32\nEndpoint = [VPS offentlig ip-adresse]:[Wireguard port]\nPersistentKeepalive = 25"
},
{
"objectID": "about.html",
"href": "about.html",
@ -83,6 +104,34 @@
"section": "",
"text": "Elses vafler\n\n\n\nelses vafler\n\n\nElses Valler: 27 de vand 2 de molk 74 tale salt 312 de (275g.) wel 2 tee bagpilver. 125 g sheer (wars) Bland wale, land 09 salt de pisi det i welet der is blandes med bagegoulier. Tisot swelted altedlo feditional liog inden baguinge gende papir og drysses med inasse af sukker. LesunCE"
},
{
"objectID": "food/rugbrød.html",
"href": "food/rugbrød.html",
"title": "Rugbrød",
"section": "",
"text": "Vi er glade for at bage, og særligt rugbrød er lækkert som hjemmebag. Her er opskriften, som vi bruger. Den er overkommelig og, men kræver at man tænker sig lidt om i god tid."
},
{
"objectID": "food/rugbrød.html#dag-1",
"href": "food/rugbrød.html#dag-1",
"title": "Rugbrød",
"section": "Dag 1",
"text": "Dag 1\nTag din surdej ud og fodr den. Se her for gode råd."
},
{
"objectID": "food/rugbrød.html#dag-2",
"href": "food/rugbrød.html#dag-2",
"title": "Rugbrød",
"section": "Dag 2",
"text": "Dag 2\n\n175 g surdej (ca. 1½ dl)\n15 g salt (2 spsk)\n1 liter vand, koldt\n400 g skårne rugkerner\n200 g groft hvede-/speltmel\n375 g rugmel\n\nRøres sammen i en stor skål (5 L). Tildækkes og står ved stuetemperatur i 12-24 timer.\n\n450 g skårne rugkerner\nEvt. 100 g mandler eller hasselnødder, eller 1 dl boghvede, amarant eller chia\n\nSættes i blød med rigeligt vand 12-36 timer."
},
{
"objectID": "food/rugbrød.html#dag-3",
"href": "food/rugbrød.html#dag-3",
"title": "Rugbrød",
"section": "Dag 3",
"text": "Dag 3\nDejen fra Dag 2 samt drænede, udblødte rugkerner (og nødder/frø) blandes.\nDesuden tilsættes følgende:\n\n5 dl frø (fx ligelig fordeling af hørfrø, sesam, solsikke- og græskarkerner)\n1-2 spsk honning (kan røres ud i øl)\n1 øl (33 cl, gerne hvidtøl eller anden mørk øl, men det kommer sig ikke så nøje)\nCa 4 dl rugmel til rette konsistens.\n\nDet hele røres godt sammen. Det skal have en tyk, sej klistret konsistens og fordeles i 3 smurte rugbrødsforme der rummer 2 liter (eller 2 forme á 2-3 liter). Glat dejen.\nLad nu brødene hæve under et fugtigt viskestykke indtil dejen når lidt op over kanten (1-3 timer). Inden de bages, brug da en våd strikkepind eller lignende til at prikke huller i brødene (ca. 30 i hver), så der ikke opstår luftlommer. Bages med konventionel varme ved 180°C i 1 ½ time. For en blød skorpe lægges brødene i plastposer umiddelbart efter bagning. Egner sig til at fryse ned, men vent to døgn. Så smuldrer brødet ikke så meget når det skæres efter optøning.\nTip: rør ca 2 spsk mørk maltsirup i dejen på dag to. Giver mere smag og farve."
},
{
"objectID": "food/banankage.html",
"href": "food/banankage.html",
@ -111,6 +160,20 @@
"section": "Sådan gør du",
"text": "Sådan gør du\nAlt blandes\nFormen smøres og drysses med rasp el. mel\nBages ca. 45 min. ved 175 grader"
},
{
"objectID": "food/surdej.html",
"href": "food/surdej.html",
"title": "Surdej",
"section": "",
"text": "Vi bager hverdagsbrød, så her kommer mine gode råd til en hverdagssurdej.\nSlap af. Det er ikke svært! Punktum.\nKan opbevares på køl i en mindre beholder. Tages ud 1-2 dage før brug. Brug en beholder på omtrent en liter. Surdejen “fodres” med ca 1,5 dl vand og 1,5 dl mel (fx blanding af rug og spelt, altså det samme mel som skal bruges i brødet). Konsistensen skal være som lidt tynd havregrød. Rør i surdejen et par gange dagligt. Sørg for, at der er lidt surdej tilbage når du har taget fra til brøddej og sæt så resten på køl i en lukket beholder til næste gang.\nKommer der snask på toppen, så skrab det af, tag en skefuld surdej fra i en ren beholder, smid den gamle surdej ud og bliv glad for den ny. Fodr den ny surdej, vent et par dage, og så er den klar til brug.\nSurdejen er også god til lyst brød, og en lille rest smager godt i pandekager."
},
{
"objectID": "food.html",
"href": "food.html",
"title": "Recepies",
"section": "",
"text": "I like cooking and baking, and especially with my girls. This is a collection of our favorite recepies for our own reference. You are welcome to use them as well.\nThis is not intended as a showroom. Some recepies are original and some are not. I will try to link to sources when available. I keep this as my own library.\n\n\n\n\n\n\n\n\n\n\n\n\n\nRugbrød\n\n\n\nBagværk\n\n\nBrød\n\n\n\nVores hverdagsrugbrød. Det er blevet en vane, så det virker!\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nSurdej\n\n\n\nBagværk\n\n\nBrød\n\n\n\nDet er ikke så svært endda.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nSuper nem banankage\n\n\n\nKage\n\n\nBagværk\n\n\nBørnene med!\n\n\nDansk\n\n\n\nDer er aldrig nok banan i banankage. Sådan er det ikke her!\n\n\n\n\n\n\nApr 28, 2023\n\n\n\n\n\n\n\n\nNo matching items"
},
{
"objectID": "health-data.html",
"href": "health-data.html",
@ -119,10 +182,10 @@
"text": "During my work in clinical research I have aquired a special set of skills in working with data collection, data bases and data analysis. I am very much interested in sharing these skils and knowledge.\nI am primarily working with R and REDCap. I have published one R package to CRAN and am actively maintaining two other packages on GitHub (on is on its way to CRAN). I am also working on a handbook for clinical researchers on working with R and REDCap.\nI have work as a data science consultant on a few projects. Here I will also share a few of them as a portfolio. Please don't hesitate to \ncontact me if you need help on a project.\n\n\n\n\n\n\n\n\n\n\n\n\n\nProject: Foot database\n\n\n\nREDCap\n\n\nProject\n\n\nR\n\n\nConsultant\n\n\n\nComprehensive data and data base migration to continue data collection.\n\n\n\n\n\n\nApr 28, 2023\n\n\n\n\n\n\n\n\nNo matching items"
},
{
"objectID": "index.html",
"href": "index.html",
"title": "Andreas Gammelgaard Damsbo",
"objectID": "blog.html",
"href": "blog.html",
"title": "Blog",
"section": "",
"text": "Hi! I am a medical doctor, PhD-student, open source activist and father of two girls.\nOn this page is my CV, I will write about some hobby projects, and just share what I am concerned with. Some will be in English, some in Danish. Take care!\n[This is still very much a work in progress, but these are my intentions]"
"text": "I will be writing about selfhosting, fixing stuff, parenting, and maybe a little about work.\n\n\n\n\n\n\n\n\n\n\n\n\n\nWireguard bro\n\n\n\nSelfhost\n\n\nHomelab\n\n\nWireguard\n\n\nVPS\n\n\nVPN\n\n\n\nKort dokumentation for at sætte en Wireguard-bro op.\n\n\n\n\n\n\nSep 28, 2022\n\n\n\n\n\n\n\n\nNo matching items"
}
]

View File

@ -1,43 +1,59 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://andreas.gdamsbo.dk/food.html</loc>
<lastmod>2023-04-28T10:19:36.611Z</lastmod>
<loc>https://andreas.gdamsbo.dk/index.html</loc>
<lastmod>2023-04-28T12:14:15.960Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/health_data/ancle.html</loc>
<lastmod>2023-04-28T10:19:33.540Z</lastmod>
<lastmod>2023-04-28T12:14:16.415Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/blog/wireguard-bro.html</loc>
<lastmod>2023-04-28T12:14:16.786Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/about.html</loc>
<lastmod>2023-04-28T10:19:33.920Z</lastmod>
<lastmod>2023-04-28T12:14:17.168Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food/formbrød.html</loc>
<lastmod>2023-04-28T10:19:34.234Z</lastmod>
<lastmod>2023-04-28T12:14:17.517Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food/groft hvede-surdejsbrød.html</loc>
<lastmod>2023-04-28T10:19:34.653Z</lastmod>
<lastmod>2023-04-28T12:14:17.940Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food/fladmast hane med nye hvidlog.html</loc>
<lastmod>2023-04-28T10:19:35.013Z</lastmod>
<lastmod>2023-04-28T12:14:18.377Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food/elses vafler.html</loc>
<lastmod>2023-04-28T10:19:35.335Z</lastmod>
<lastmod>2023-04-28T12:14:18.793Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food/rugbrød.html</loc>
<lastmod>2023-04-28T12:14:19.272Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food/banankage.html</loc>
<lastmod>2023-04-28T10:19:35.698Z</lastmod>
<lastmod>2023-04-28T12:14:19.668Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food/surdej.html</loc>
<lastmod>2023-04-28T12:14:20.150Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/food.html</loc>
<lastmod>2023-04-28T12:14:20.991Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/health-data.html</loc>
<lastmod>2023-04-28T10:19:36.143Z</lastmod>
<lastmod>2023-04-28T12:14:21.495Z</lastmod>
</url>
<url>
<loc>https://andreas.gdamsbo.dk/index.html</loc>
<lastmod>2023-04-28T10:19:40.878Z</lastmod>
<loc>https://andreas.gdamsbo.dk/blog.html</loc>
<lastmod>2023-04-28T12:14:21.991Z</lastmod>
</url>
</urlset>