577 lines
15 KiB
HTML
577 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<meta name="generator" content="pandoc" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
|
|
|
|
|
|
|
|
<meta name="date" content="2023-10-26" />
|
|
|
|
<title>Example Project 1</title>
|
|
|
|
<script src="site_libs/header-attrs-2.25/header-attrs.js"></script>
|
|
<script src="site_libs/jquery-3.6.0/jquery-3.6.0.min.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link href="site_libs/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" />
|
|
<script src="site_libs/bootstrap-3.3.5/js/bootstrap.min.js"></script>
|
|
<script src="site_libs/bootstrap-3.3.5/shim/html5shiv.min.js"></script>
|
|
<script src="site_libs/bootstrap-3.3.5/shim/respond.min.js"></script>
|
|
<style>h1 {font-size: 34px;}
|
|
h1.title {font-size: 38px;}
|
|
h2 {font-size: 30px;}
|
|
h3 {font-size: 24px;}
|
|
h4 {font-size: 18px;}
|
|
h5 {font-size: 16px;}
|
|
h6 {font-size: 12px;}
|
|
code {color: inherit; background-color: rgba(0, 0, 0, 0.04);}
|
|
pre:not([class]) { background-color: white }</style>
|
|
<script src="site_libs/jqueryui-1.13.2/jquery-ui.min.js"></script>
|
|
<link href="site_libs/tocify-1.9.1/jquery.tocify.css" rel="stylesheet" />
|
|
<script src="site_libs/tocify-1.9.1/jquery.tocify.js"></script>
|
|
<script src="site_libs/navigation-1.1/tabsets.js"></script>
|
|
|
|
<style type="text/css">
|
|
code{white-space: pre-wrap;}
|
|
span.smallcaps{font-variant: small-caps;}
|
|
span.underline{text-decoration: underline;}
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
|
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
|
ul.task-list{list-style: none;}
|
|
</style>
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
code {
|
|
white-space: pre;
|
|
}
|
|
.sourceCode {
|
|
overflow: visible;
|
|
}
|
|
</style>
|
|
<style type="text/css" data-origin="pandoc">
|
|
pre > code.sourceCode { white-space: pre; position: relative; }
|
|
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
|
|
pre > code.sourceCode > span:empty { height: 1.2em; }
|
|
.sourceCode { overflow: visible; }
|
|
code.sourceCode > span { color: inherit; text-decoration: inherit; }
|
|
div.sourceCode { margin: 1em 0; }
|
|
pre.sourceCode { margin: 0; }
|
|
@media screen {
|
|
div.sourceCode { overflow: auto; }
|
|
}
|
|
@media print {
|
|
pre > code.sourceCode { white-space: pre-wrap; }
|
|
pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
|
|
}
|
|
pre.numberSource code
|
|
{ counter-reset: source-line 0; }
|
|
pre.numberSource code > span
|
|
{ position: relative; left: -4em; counter-increment: source-line; }
|
|
pre.numberSource code > span > a:first-child::before
|
|
{ content: counter(source-line);
|
|
position: relative; left: -1em; text-align: right; vertical-align: baseline;
|
|
border: none; display: inline-block;
|
|
-webkit-touch-callout: none; -webkit-user-select: none;
|
|
-khtml-user-select: none; -moz-user-select: none;
|
|
-ms-user-select: none; user-select: none;
|
|
padding: 0 4px; width: 4em;
|
|
}
|
|
pre.numberSource { margin-left: 3em; padding-left: 4px; }
|
|
div.sourceCode
|
|
{ color: #cccccc; background-color: #303030; }
|
|
@media screen {
|
|
pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
|
|
}
|
|
code span.al { color: #ffcfaf; } /* Alert */
|
|
code span.an { color: #7f9f7f; font-weight: bold; } /* Annotation */
|
|
code span.at { } /* Attribute */
|
|
code span.bn { color: #dca3a3; } /* BaseN */
|
|
code span.bu { } /* BuiltIn */
|
|
code span.cf { color: #f0dfaf; } /* ControlFlow */
|
|
code span.ch { color: #dca3a3; } /* Char */
|
|
code span.cn { color: #dca3a3; font-weight: bold; } /* Constant */
|
|
code span.co { color: #7f9f7f; } /* Comment */
|
|
code span.cv { color: #7f9f7f; font-weight: bold; } /* CommentVar */
|
|
code span.do { color: #7f9f7f; } /* Documentation */
|
|
code span.dt { color: #dfdfbf; } /* DataType */
|
|
code span.dv { color: #dcdccc; } /* DecVal */
|
|
code span.er { color: #c3bf9f; } /* Error */
|
|
code span.ex { } /* Extension */
|
|
code span.fl { color: #c0bed1; } /* Float */
|
|
code span.fu { color: #efef8f; } /* Function */
|
|
code span.im { } /* Import */
|
|
code span.in { color: #7f9f7f; font-weight: bold; } /* Information */
|
|
code span.kw { color: #f0dfaf; } /* Keyword */
|
|
code span.op { color: #f0efd0; } /* Operator */
|
|
code span.ot { color: #efef8f; } /* Other */
|
|
code span.pp { color: #ffcfaf; font-weight: bold; } /* Preprocessor */
|
|
code span.sc { color: #dca3a3; } /* SpecialChar */
|
|
code span.ss { color: #cc9393; } /* SpecialString */
|
|
code span.st { color: #cc9393; } /* String */
|
|
code span.va { } /* Variable */
|
|
code span.vs { color: #cc9393; } /* VerbatimString */
|
|
code span.wa { color: #7f9f7f; font-weight: bold; } /* Warning */
|
|
|
|
</style>
|
|
<script>
|
|
// apply pandoc div.sourceCode style to pre.sourceCode instead
|
|
(function() {
|
|
var sheets = document.styleSheets;
|
|
for (var i = 0; i < sheets.length; i++) {
|
|
if (sheets[i].ownerNode.dataset["origin"] !== "pandoc") continue;
|
|
try { var rules = sheets[i].cssRules; } catch (e) { continue; }
|
|
var j = 0;
|
|
while (j < rules.length) {
|
|
var rule = rules[j];
|
|
// check if there is a div.sourceCode rule
|
|
if (rule.type !== rule.STYLE_RULE || rule.selectorText !== "div.sourceCode") {
|
|
j++;
|
|
continue;
|
|
}
|
|
var style = rule.style.cssText;
|
|
// check if color or background-color is set
|
|
if (rule.style.color === '' && rule.style.backgroundColor === '') {
|
|
j++;
|
|
continue;
|
|
}
|
|
// replace div.sourceCode by a pre.sourceCode rule
|
|
sheets[i].deleteRule(j);
|
|
sheets[i].insertRule('pre.sourceCode{' + style + '}', j);
|
|
}
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="main.css" type="text/css" />
|
|
|
|
|
|
|
|
<style type = "text/css">
|
|
.main-container {
|
|
max-width: 940px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
img {
|
|
max-width:100%;
|
|
}
|
|
.tabbed-pane {
|
|
padding-top: 12px;
|
|
}
|
|
.html-widget {
|
|
margin-bottom: 20px;
|
|
}
|
|
button.code-folding-btn:focus {
|
|
outline: none;
|
|
}
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
details > summary > p:only-child {
|
|
display: inline;
|
|
}
|
|
pre code {
|
|
padding: 0;
|
|
}
|
|
</style>
|
|
|
|
|
|
<style type="text/css">
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
}
|
|
.dropdown-submenu>.dropdown-menu {
|
|
top: 0;
|
|
left: 100%;
|
|
margin-top: -6px;
|
|
margin-left: -1px;
|
|
border-radius: 0 6px 6px 6px;
|
|
}
|
|
.dropdown-submenu:hover>.dropdown-menu {
|
|
display: block;
|
|
}
|
|
.dropdown-submenu>a:after {
|
|
display: block;
|
|
content: " ";
|
|
float: right;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: #cccccc;
|
|
margin-top: 5px;
|
|
margin-right: -10px;
|
|
}
|
|
.dropdown-submenu:hover>a:after {
|
|
border-left-color: #adb5bd;
|
|
}
|
|
.dropdown-submenu.pull-left {
|
|
float: none;
|
|
}
|
|
.dropdown-submenu.pull-left>.dropdown-menu {
|
|
left: -100%;
|
|
margin-left: 10px;
|
|
border-radius: 6px 0 6px 6px;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
// manage active state of menu based on current page
|
|
$(document).ready(function () {
|
|
// active menu anchor
|
|
href = window.location.pathname
|
|
href = href.substr(href.lastIndexOf('/') + 1)
|
|
if (href === "")
|
|
href = "index.html";
|
|
var menuAnchor = $('a[href="' + href + '"]');
|
|
|
|
// mark the anchor link active (and if it's in a dropdown, also mark that active)
|
|
var dropdown = menuAnchor.closest('li.dropdown');
|
|
if (window.bootstrap) { // Bootstrap 4+
|
|
menuAnchor.addClass('active');
|
|
dropdown.find('> .dropdown-toggle').addClass('active');
|
|
} else { // Bootstrap 3
|
|
menuAnchor.parent().addClass('active');
|
|
dropdown.addClass('active');
|
|
}
|
|
|
|
// Navbar adjustments
|
|
var navHeight = $(".navbar").first().height() + 15;
|
|
var style = document.createElement('style');
|
|
var pt = "padding-top: " + navHeight + "px; ";
|
|
var mt = "margin-top: -" + navHeight + "px; ";
|
|
var css = "";
|
|
// offset scroll position for anchor links (for fixed navbar)
|
|
for (var i = 1; i <= 6; i++) {
|
|
css += ".section h" + i + "{ " + pt + mt + "}\n";
|
|
}
|
|
style.innerHTML = "body {" + pt + "padding-bottom: 40px; }\n" + css;
|
|
document.head.appendChild(style);
|
|
});
|
|
</script>
|
|
|
|
<!-- tabsets -->
|
|
|
|
<style type="text/css">
|
|
.tabset-dropdown > .nav-tabs {
|
|
display: inline-table;
|
|
max-height: 500px;
|
|
min-height: 44px;
|
|
overflow-y: auto;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.tabset-dropdown > .nav-tabs > li.active:before, .tabset-dropdown > .nav-tabs.nav-tabs-open:before {
|
|
content: "\e259";
|
|
font-family: 'Glyphicons Halflings';
|
|
display: inline-block;
|
|
padding: 10px;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
|
|
.tabset-dropdown > .nav-tabs.nav-tabs-open > li.active:before {
|
|
content: "\e258";
|
|
font-family: 'Glyphicons Halflings';
|
|
border: none;
|
|
}
|
|
|
|
.tabset-dropdown > .nav-tabs > li.active {
|
|
display: block;
|
|
}
|
|
|
|
.tabset-dropdown > .nav-tabs > li > a,
|
|
.tabset-dropdown > .nav-tabs > li > a:focus,
|
|
.tabset-dropdown > .nav-tabs > li > a:hover {
|
|
border: none;
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.tabset-dropdown > .nav-tabs.nav-tabs-open > li {
|
|
display: block;
|
|
float: none;
|
|
}
|
|
|
|
.tabset-dropdown > .nav-tabs > li {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
<!-- code folding -->
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
#TOC {
|
|
margin: 25px 0px 20px 0px;
|
|
}
|
|
@media (max-width: 768px) {
|
|
#TOC {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
.toc-content {
|
|
/* see https://github.com/w3c/csswg-drafts/issues/4434 */
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.toc-content {
|
|
padding-left: 30px;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
div.main-container {
|
|
max-width: 1200px;
|
|
}
|
|
|
|
div.tocify {
|
|
width: 20%;
|
|
max-width: 260px;
|
|
max-height: 85%;
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
div.tocify {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
div.tocify {
|
|
width: 100%;
|
|
max-width: none;
|
|
}
|
|
}
|
|
|
|
.tocify ul, .tocify li {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.tocify-subheader .tocify-item {
|
|
font-size: 0.90em;
|
|
}
|
|
|
|
.tocify .list-group-item {
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.tocify-subheader {
|
|
display: inline;
|
|
}
|
|
.tocify-subheader .tocify-item {
|
|
font-size: 0.95em;
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div class="container-fluid main-container">
|
|
|
|
|
|
<!-- setup 3col/9col grid for toc_float and main content -->
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-4 col-md-3">
|
|
<div id="TOC" class="tocify">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toc-content col-xs-12 col-sm-8 col-md-9">
|
|
|
|
|
|
|
|
|
|
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbar" data-bs-target="#navbar">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="index.html">HermitCollective Blogs</a>
|
|
</div>
|
|
<div id="navbar" class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
HermitCollective
|
|
|
|
<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li>
|
|
<a href="https://hermitcollective.net/">Main Site</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://live.hermitcollective.net/">Live Streams</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://cloud.hermitcollective.net/">HermitCloud</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://feeds.hermitcollective.net/">HermitFeeds</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Blog Posts
|
|
|
|
<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li>
|
|
<a href="./owncast.nix.html">owncast.nix</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="https://git.saragerretsen.nl/Hertog/HermitBlogs">Source</a>
|
|
</li>
|
|
</ul>
|
|
</div><!--/.nav-collapse -->
|
|
</div><!--/.container -->
|
|
</div><!--/.navbar -->
|
|
|
|
<div id="header">
|
|
|
|
|
|
|
|
<h1 class="title toc-ignore">Example Project 1</h1>
|
|
<h4 class="date">2023-10-26</h4>
|
|
|
|
</div>
|
|
|
|
|
|
<div id="r-markdown" class="section level2">
|
|
<h2>R Markdown</h2>
|
|
<p>This is an R Markdown document. Markdown is a simple formatting
|
|
syntax for authoring HTML, PDF, and MS Word documents. For more details
|
|
on using R Markdown see <a href="http://rmarkdown.rstudio.com"
|
|
class="uri">http://rmarkdown.rstudio.com</a>.</p>
|
|
<p>When you click the <strong>Knit</strong> button a document will be
|
|
generated that includes both content as well as the output of any
|
|
embedded R code chunks within the document. You can embed an R code
|
|
chunk like this:</p>
|
|
<div class="sourceCode" id="cb1"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a><span class="fu">summary</span>(cars)</span></code></pre></div>
|
|
<pre><code>## speed dist
|
|
## Min. : 4.0 Min. : 2.00
|
|
## 1st Qu.:12.0 1st Qu.: 26.00
|
|
## Median :15.0 Median : 36.00
|
|
## Mean :15.4 Mean : 42.98
|
|
## 3rd Qu.:19.0 3rd Qu.: 56.00
|
|
## Max. :25.0 Max. :120.00</code></pre>
|
|
</div>
|
|
<div id="including-plots" class="section level2">
|
|
<h2>Including Plots</h2>
|
|
<p>You can also embed plots, for example:</p>
|
|
<p><img src="example_project1_files/figure-html/pressure-1.png" width="672" /></p>
|
|
<p>Note that the <code>echo = FALSE</code> parameter was added to the
|
|
code chunk to prevent printing of the R code that generated the
|
|
plot.</p>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
// add bootstrap table styles to pandoc tables
|
|
function bootstrapStylePandocTables() {
|
|
$('tr.odd').parent('tbody').parent('table').addClass('table table-condensed');
|
|
}
|
|
$(document).ready(function () {
|
|
bootstrapStylePandocTables();
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
<!-- tabsets -->
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
window.buildTabsets("TOC");
|
|
});
|
|
|
|
$(document).ready(function () {
|
|
$('.tabset-dropdown > .nav-tabs > li').click(function () {
|
|
$(this).parent().toggleClass('nav-tabs-open');
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<!-- code folding -->
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
|
|
// temporarily add toc-ignore selector to headers for the consistency with Pandoc
|
|
$('.unlisted.unnumbered').addClass('toc-ignore')
|
|
|
|
// move toc-ignore selectors from section div to header
|
|
$('div.section.toc-ignore')
|
|
.removeClass('toc-ignore')
|
|
.children('h1,h2,h3,h4,h5').addClass('toc-ignore');
|
|
|
|
// establish options
|
|
var options = {
|
|
selectors: "h1,h2",
|
|
theme: "bootstrap3",
|
|
context: '.toc-content',
|
|
hashGenerator: function (text) {
|
|
return text.replace(/[.\\/?&!#<>]/g, '').replace(/\s/g, '_');
|
|
},
|
|
ignoreSelector: ".toc-ignore",
|
|
scrollTo: 0
|
|
};
|
|
options.showAndHide = false;
|
|
options.smoothScroll = true;
|
|
|
|
// tocify
|
|
var toc = $("#TOC").tocify(options).data("toc-tocify");
|
|
});
|
|
</script>
|
|
|
|
<!-- dynamically load mathjax for compatibility with self-contained -->
|
|
<script>
|
|
(function () {
|
|
var script = document.createElement("script");
|
|
script.type = "text/javascript";
|
|
script.src = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
|
|
document.getElementsByTagName("head")[0].appendChild(script);
|
|
})();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|