hugo-theme-relearn/exampleSite/index.print.html
2025-02-14 14:22:47 +00:00

677 lines
49 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" dir="ltr" itemscope itemtype="http://schema.org/Article" data-r-output-format="print">
<head>
<meta charset="utf-8">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta name="generator" content="Hugo 0.143.1">
<meta name="generator" content="Relearn 7.3.2+542aafde241ba67ff5310c922972a6e633b49b13">
<meta name="description" content="">
<meta name="author" content="Captain Hugo">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The Purple Pulpo :: Purple Pulpo">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/exampleSite/index.html">
<meta property="og:site_name" content="Purple Pulpo">
<meta property="og:title" content="The Purple Pulpo :: Purple Pulpo">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta itemprop="name" content="The Purple Pulpo :: Purple Pulpo">
<meta itemprop="wordCount" content="318">
<title>The Purple Pulpo :: Purple Pulpo</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/exampleSite/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/exampleSite/index.html" rel="alternate" hreflang="en">
<link href="https://mcshelby.github.io/hugo-theme-relearn/exampleSite/pir/index.html" rel="alternate" hreflang="art-x-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/exampleSite/index.html" rel="canonical" type="text/html" title="The Purple Pulpo :: Purple Pulpo">
<link href="/hugo-theme-relearn/exampleSite/index.xml" rel="alternate" type="application/rss+xml" title="The Purple Pulpo :: Purple Pulpo">
<link href="/hugo-theme-relearn/exampleSite/css/fontawesome-all.min.css?1739542961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/exampleSite/css/fontawesome-all.min.css?1739542961" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/exampleSite/css/auto-complete.css?1739542961" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/exampleSite/css/auto-complete.css?1739542961" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/exampleSite/css/perfect-scrollbar.min.css?1739542961" rel="stylesheet">
<link href="/hugo-theme-relearn/exampleSite/css/theme.min.css?1739542961" rel="stylesheet">
<link href="/hugo-theme-relearn/exampleSite/css/format-print.min.css?1739542961" rel="stylesheet" id="R-format-style">
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='.';
window.relearn.relBaseUri='..\/..';
window.relearn.absBaseUri='https:\/\/mcshelby.github.io\/hugo-theme-relearn\/exampleSite';
window.relearn.min = `.min`;
window.relearn.disableAnchorCopy=false;
window.relearn.disableAnchorScrolling=false;
// variant stuff
window.relearn.themevariants = [ 'auto', 'neon', 'learn' ];
window.relearn.customvariantname = "my-custom-variant";
window.relearn.changeVariant = function(variant) {
var oldVariant = document.documentElement.dataset.rThemeVariant;
window.localStorage.setItem(window.relearn.absBaseUri + "/variant", variant);
document.documentElement.dataset.rThemeVariant = variant;
if (oldVariant != variant) {
document.dispatchEvent( new CustomEvent('themeVariantLoaded', { detail: { variant, oldVariant } }) );
}
}
window.relearn.markVariant = function() {
var variant = window.localStorage.getItem(window.relearn.absBaseUri + "/variant");
var select = document.querySelector("#R-select-variant");
if (select) {
select.value = variant;
}
}
window.relearn.initVariant = function() {
var variant = window.localStorage.getItem(window.relearn.absBaseUri + "/variant") ?? "";
if( variant == window.relearn.customvariantname ){
}else if( !variant || !window.relearn.themevariants.includes(variant) ){
variant = window.relearn.themevariants[0];
window.localStorage.setItem(window.relearn.absBaseUri + "/variant", variant);
}
document.documentElement.dataset.rThemeVariant = variant;
}
window.relearn.initVariant();
window.relearn.markVariant();
// translations
window.T_Copy_to_clipboard = `Copy to clipboard`;
window.T_Copied_to_clipboard = `Copied to clipboard!`;
window.T_Copy_link_to_clipboard = `Copy link to clipboard`;
window.T_Link_copied_to_clipboard = `Copied link to clipboard!`;
window.T_Reset_view = `Reset view`;
window.T_View_reset = `View reset!`;
window.T_No_results_found = `No results found for "{0}"`;
window.T_N_results_found = `{1} results found for "{0}"`;
</script>
<style>
#R-body svg.purple,
#R-body svg.purple :not([fill]),
#R-body svg.purple :not([fill='black']),
#R-body svg.purple :not([fill='#000000']) {
fill: var(--INTERNAL-PRIMARY-color) !important;
}
#R-logo {
font-size: 1.4rem;
margin-bottom: -.8125rem;
margin-top: -.8125rem;
max-width: 100%;
width: 14.125rem;
}
@media only all and (max-width: 59.999rem) {
#R-logo {
font-size: 1rem;
margin-bottom: -.25rem;
margin-top: -.25rem;
}
}
#R-logo svg {
display: inline-block;
opacity: .945;
vertical-align: middle;
width: 26% !important;
}
@media only all and (max-width: 59.999rem) {
#R-logo svg {
width: 24.5% !important;
}
}
#R-logo svg * {
opacity: .945;
}
#R-logo .logo-title{
display: inline-block;
overflow-wrap: break-word;
text-align: left;
text-wrap: wrap;
vertical-align: middle;
width: 4.5em;
}
</style>
</head>
<body class="mobile-support print" data-url="/hugo-theme-relearn/exampleSite/index.html">
<div id="R-body" class="default-animation">
<div id="R-body-overlay"></div>
<nav id="R-topbar">
<div class="topbar-wrapper">
<div class="topbar-sidebar-divider"></div>
<div class="topbar-area topbar-area-start" data-area="start">
<div class="topbar-button topbar-button-sidebar" data-content-empty="disable" data-width-s="show" data-width-m="hide" data-width-l="hide"><button class="topbar-control" onclick="toggleNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)"><i class="fa-fw fas fa-bars"></i></button>
</div>
<div class="topbar-button topbar-button-toc" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show"><button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)"><i class="fa-fw fas fa-list-alt"></i></button>
<div class="topbar-content">
<div class="topbar-content-wrapper">
<nav class="TableOfContents">
<ul>
<li><a href="#myths-and-rumors">Myths and Rumors</a>
<ul>
<li><a href="#possible-explanations">Possible Explanations</a></li>
</ul>
</li>
<li><a href="#unlikely-allies">Unlikely Allies</a></li>
<li><a href="#adventures">Adventures</a></li>
<li><a href="#a-final-toast">A Final Toast</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<ol class="topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList"><li
itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Purple Pulpo</span><meta itemprop="position" content="1"></li>
</ol>
<div class="topbar-area topbar-area-end" data-area="end">
<div class="topbar-button topbar-button-print" data-content-empty="disable" data-width-s="area-more" data-width-m="show" data-width-l="show"><a class="topbar-control" href="/hugo-theme-relearn/exampleSite/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)"><i class="fa-fw fas fa-print"></i></a>
</div>
<div class="topbar-button topbar-button-prev" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show"><span class="topbar-control"><i class="fa-fw fas fa-chevron-left"></i></span>
</div>
<div class="topbar-button topbar-button-next" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show"><a class="topbar-control" href="/hugo-theme-relearn/exampleSite/ship/index.html" title="The Ship (🡒)"><i class="fa-fw fas fa-chevron-right"></i></a>
</div>
<div class="topbar-button topbar-button-more" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show"><button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="More"><i class="fa-fw fas fa-ellipsis-v"></i></button>
<div class="topbar-content">
<div class="topbar-content-wrapper">
<div class="topbar-area topbar-area-more" data-area="more">
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<div id="R-main-overlay"></div>
<main id="R-body-inner" class="highlightable home" tabindex="-1">
<div class="flex-block-wrapper">
<article class="home">
<header class="headline">
</header>
<h1 id="the-purple-pulpo">The Purple Pulpo</h1>
<p><a href="#R-image-cf41568b5da41f5dc39bb1e7ee403bcb" class="lightbox-link"><svg alt="The Purple Pulpo" class="inlinecontent lazy lightbox purple figure-image" loading="lazy" style=" height: auto; width: 25vh;" xmlns="http://www.w3.org/2000/svg" viewBox="75 75 350 350">
<style>
@media (prefers-color-scheme: dark) {
path { fill: white; }
}
</style>
<path
d="M250,80 a170,170 0 1,0 0,340 a170,170 0 1,0 0,-340 M250,95 a155,155 0 1,1 0,310 a155,155 0 1,1 0,-310 Z" />
<path
d="M 250 110 C 223.33333 123.33333 203.33333 156.66667 190 210 C 190 230 200 246.66667 220 260 C 246.66667 273.33333 270 273.33333 290 260 C 310 246.66667 316.66667 230 310 210 C 296.66667 156.66667 276.66667 123.33333 250 110 z M 230 152 A 22 28 0 0 1 250.02539 168.43164 A 22 28 0 0 1 270 152 A 22 28 0 0 1 292 180 A 22 28 0 0 1 270 208 A 22 28 0 0 1 250 191.48828 A 22 28 0 0 1 230 208 A 22 28 0 0 1 208 180 A 22 28 0 0 1 230 152 z " />
<path
d="M 232 190 A 7 7 0 1 0 218 190 A 7 7 0 1 0 232 190" />
<path
d="M 282 190 A 7 7 0 1 0 268 190 A 7 7 0 1 0 282 190" />
<path
d="m 251.62695,262.67773 -3.2539,14.64454 c 29.6411,6.58691 52.50119,14.00059 68.27343,21.88671 15.77224,7.88612 23.89316,16.12675 26.23829,23.16211 l 0.16796,0.50586 0.23829,0.47657 c 2.77431,5.54863 2.96984,9.14709 2.09375,11.77539 -0.8761,2.62829 -3.18965,5.38779 -8.73829,8.16211 -5.54863,2.77431 -9.14709,2.96984 -11.77539,2.09375 -2.62829,-0.8761 -5.38779,-3.18965 -8.16211,-8.73829 -5.77224,-11.54447 -5.77224,-21.74849 0,-33.29296 l -13.41796,-6.70704 c -7.5611,15.12219 -7.5611,31.58485 0,46.70704 3.89235,7.7847 9.46618,13.80448 16.83789,16.26171 7.3717,2.45724 15.4399,0.9861 23.22461,-2.90625 7.7847,-3.89235 13.80448,-9.46618 16.26171,-16.83789 2.45724,-7.3717 0.9861,-15.4399 -2.90625,-23.22461 l 0.40625,0.98243 c -4.32154,-12.96464 -16.20062,-23.05735 -33.76171,-31.83789 -17.5611,-8.78055 -41.36767,-16.36687 -71.72657,-23.11329 z" />
<path
d="m 251.06055,262.57617 -2.1211,14.84766 c 22.66512,3.23787 40.0389,8.90614 52.08594,16.43554 12.04704,7.52941 18.84739,16.55167 21.69922,27.95899 l 0.19922,0.79883 0.36719,0.73633 c 2.77431,5.54863 2.96984,9.14709 2.09375,11.77539 -0.8761,2.62829 -3.18965,5.38779 -8.73829,8.16211 -5.54863,2.77431 -9.14709,2.96984 -11.77539,2.09375 -2.62829,-0.8761 -5.38779,-3.18965 -8.16211,-8.73829 -5.77224,-11.54447 -5.77224,-21.74849 0,-33.29296 l -13.41796,-6.70704 c -7.5611,15.12219 -7.5611,31.58485 0,46.70704 3.89235,7.7847 9.46618,13.80448 16.83789,16.26171 7.3717,2.45724 15.4399,0.9861 23.22461,-2.90625 7.7847,-3.89235 13.80448,-9.46618 16.26171,-16.83789 2.36474,-7.09422 1.02935,-14.82889 -2.53906,-22.33984 -3.93242,-14.96263 -13.69431,-27.38609 -28.10156,-36.39063 -14.61962,-9.13726 -33.91251,-15.13566 -57.91406,-18.56445 z" />
<path
d="m 254.16016,263.75977 -8.32032,12.48046 c 18.87994,12.58663 30.93166,27.79106 37.04493,46.13086 l 0.16796,0.50586 0.23829,0.47657 c 2.77431,5.54863 2.96984,9.14709 2.09375,11.77539 -0.8761,2.62829 -3.18965,5.38779 -8.73829,8.16211 -5.54863,2.77431 -9.14709,2.96984 -11.77539,2.09375 -2.62829,-0.8761 -5.38779,-3.18965 -8.16211,-8.73829 -5.77224,-11.54447 -5.77224,-21.74849 0,-33.29296 l -13.41796,-6.70704 c -7.5611,15.12219 -7.5611,31.58485 0,46.70704 3.89235,7.7847 9.46618,13.80448 16.83789,16.26171 7.3717,2.45724 15.4399,0.9861 23.22461,-2.90625 7.7847,-3.89235 13.80448,-9.46618 16.26171,-16.83789 2.36103,-7.08308 1.03217,-14.80481 -2.52343,-22.30468 -7.22746,-21.63209 -21.83225,-39.74038 -42.93164,-53.80664 z" />
<path
d="m 245.83984,263.75977 c -21.09939,14.06626 -35.70418,32.17455 -42.93164,53.80664 -3.5556,7.49987 -4.88446,15.2216 -2.52343,22.30468 2.45723,7.37171 8.47701,12.94554 16.26171,16.83789 7.78471,3.89235 15.85291,5.36349 23.22461,2.90625 7.37171,-2.45723 12.94554,-8.47701 16.83789,-16.26171 7.5611,-15.12219 7.5611,-31.58485 0,-46.70704 l -13.41796,6.70704 c 5.77224,11.54447 5.77224,21.74849 0,33.29296 -2.77432,5.54864 -5.53382,7.86219 -8.16211,8.73829 -2.6283,0.87609 -6.22676,0.68056 -11.77539,-2.09375 -5.54864,-2.77432 -7.86219,-5.53382 -8.73829,-8.16211 -0.87609,-2.6283 -0.68056,-6.22676 2.09375,-11.77539 l 0.23829,-0.47657 0.16796,-0.50586 c 6.11327,-18.3398 18.16499,-33.54423 37.04493,-46.13086 z" />
<path
d="m 248.5293,262.64648 c -35.0305,7.0061 -60.89872,25.32088 -75.23828,54 C 169.62227,323.98397 167.5,330.83333 167.5,337.5 c 0,6.66667 2.53811,13.14358 7.19727,17.80273 5.1011,5.1011 13.27646,6.61163 20.17382,4.3125 6.89737,-2.29912 13.32304,-7.20389 20.43164,-14.3125 l 0.86133,-0.85937 0.54492,-1.08984 c 7.5611,-15.12219 7.5611,-31.58485 0,-46.70704 l -13.41796,6.70704 c 5.58408,11.16816 5.64385,21.1051 0.42382,32.1914 -5.75159,5.55819 -10.66362,8.86574 -13.58593,9.83985 -3.10264,1.03421 -3.26061,0.87806 -4.82618,-0.6875 C 183.29523,342.68976 182.5,340.83333 182.5,337.5 c 0,-3.33333 1.21106,-8.15064 4.20898,-14.14648 12.32711,-24.65421 33.12555,-39.67277 64.76172,-46 z" />
<path
d="m 248.37305,262.67773 c -30.3589,6.74642 -54.16547,14.33274 -71.72657,23.11329 -17.56109,8.78054 -29.44017,18.87325 -33.76171,31.83789 l 0.40625,-0.98243 c -3.89235,7.78471 -5.36349,15.85291 -2.90625,23.22461 2.45723,7.37171 8.47701,12.94554 16.26171,16.83789 7.78471,3.89235 15.85291,5.36349 23.22461,2.90625 7.37171,-2.45723 12.94554,-8.47701 16.83789,-16.26171 7.5611,-15.12219 7.5611,-31.58485 0,-46.70704 l -13.41796,6.70704 c 5.77224,11.54447 5.77224,21.74849 0,33.29296 -2.77432,5.54864 -5.53382,7.86219 -8.16211,8.73829 -2.6283,0.87609 -6.22676,0.68056 -11.77539,-2.09375 -5.54864,-2.77432 -7.86219,-5.53382 -8.73829,-8.16211 -0.87609,-2.6283 -0.68056,-6.22676 2.09375,-11.77539 l 0.23829,-0.47657 0.16796,-0.50586 c 2.34513,-7.03536 10.46605,-15.27599 26.23829,-23.16211 15.77224,-7.88612 38.63233,-15.2998 68.27343,-21.88671 z" />
</svg></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf41568b5da41f5dc39bb1e7ee403bcb"><svg alt="The Purple Pulpo" class="inlinecontent lazy lightbox purple lightbox-image" loading="lazy" xmlns="http://www.w3.org/2000/svg" viewBox="75 75 350 350">
<style>
@media (prefers-color-scheme: dark) {
path { fill: white; }
}
</style>
<path
d="M250,80 a170,170 0 1,0 0,340 a170,170 0 1,0 0,-340 M250,95 a155,155 0 1,1 0,310 a155,155 0 1,1 0,-310 Z" />
<path
d="M 250 110 C 223.33333 123.33333 203.33333 156.66667 190 210 C 190 230 200 246.66667 220 260 C 246.66667 273.33333 270 273.33333 290 260 C 310 246.66667 316.66667 230 310 210 C 296.66667 156.66667 276.66667 123.33333 250 110 z M 230 152 A 22 28 0 0 1 250.02539 168.43164 A 22 28 0 0 1 270 152 A 22 28 0 0 1 292 180 A 22 28 0 0 1 270 208 A 22 28 0 0 1 250 191.48828 A 22 28 0 0 1 230 208 A 22 28 0 0 1 208 180 A 22 28 0 0 1 230 152 z " />
<path
d="M 232 190 A 7 7 0 1 0 218 190 A 7 7 0 1 0 232 190" />
<path
d="M 282 190 A 7 7 0 1 0 268 190 A 7 7 0 1 0 282 190" />
<path
d="m 251.62695,262.67773 -3.2539,14.64454 c 29.6411,6.58691 52.50119,14.00059 68.27343,21.88671 15.77224,7.88612 23.89316,16.12675 26.23829,23.16211 l 0.16796,0.50586 0.23829,0.47657 c 2.77431,5.54863 2.96984,9.14709 2.09375,11.77539 -0.8761,2.62829 -3.18965,5.38779 -8.73829,8.16211 -5.54863,2.77431 -9.14709,2.96984 -11.77539,2.09375 -2.62829,-0.8761 -5.38779,-3.18965 -8.16211,-8.73829 -5.77224,-11.54447 -5.77224,-21.74849 0,-33.29296 l -13.41796,-6.70704 c -7.5611,15.12219 -7.5611,31.58485 0,46.70704 3.89235,7.7847 9.46618,13.80448 16.83789,16.26171 7.3717,2.45724 15.4399,0.9861 23.22461,-2.90625 7.7847,-3.89235 13.80448,-9.46618 16.26171,-16.83789 2.45724,-7.3717 0.9861,-15.4399 -2.90625,-23.22461 l 0.40625,0.98243 c -4.32154,-12.96464 -16.20062,-23.05735 -33.76171,-31.83789 -17.5611,-8.78055 -41.36767,-16.36687 -71.72657,-23.11329 z" />
<path
d="m 251.06055,262.57617 -2.1211,14.84766 c 22.66512,3.23787 40.0389,8.90614 52.08594,16.43554 12.04704,7.52941 18.84739,16.55167 21.69922,27.95899 l 0.19922,0.79883 0.36719,0.73633 c 2.77431,5.54863 2.96984,9.14709 2.09375,11.77539 -0.8761,2.62829 -3.18965,5.38779 -8.73829,8.16211 -5.54863,2.77431 -9.14709,2.96984 -11.77539,2.09375 -2.62829,-0.8761 -5.38779,-3.18965 -8.16211,-8.73829 -5.77224,-11.54447 -5.77224,-21.74849 0,-33.29296 l -13.41796,-6.70704 c -7.5611,15.12219 -7.5611,31.58485 0,46.70704 3.89235,7.7847 9.46618,13.80448 16.83789,16.26171 7.3717,2.45724 15.4399,0.9861 23.22461,-2.90625 7.7847,-3.89235 13.80448,-9.46618 16.26171,-16.83789 2.36474,-7.09422 1.02935,-14.82889 -2.53906,-22.33984 -3.93242,-14.96263 -13.69431,-27.38609 -28.10156,-36.39063 -14.61962,-9.13726 -33.91251,-15.13566 -57.91406,-18.56445 z" />
<path
d="m 254.16016,263.75977 -8.32032,12.48046 c 18.87994,12.58663 30.93166,27.79106 37.04493,46.13086 l 0.16796,0.50586 0.23829,0.47657 c 2.77431,5.54863 2.96984,9.14709 2.09375,11.77539 -0.8761,2.62829 -3.18965,5.38779 -8.73829,8.16211 -5.54863,2.77431 -9.14709,2.96984 -11.77539,2.09375 -2.62829,-0.8761 -5.38779,-3.18965 -8.16211,-8.73829 -5.77224,-11.54447 -5.77224,-21.74849 0,-33.29296 l -13.41796,-6.70704 c -7.5611,15.12219 -7.5611,31.58485 0,46.70704 3.89235,7.7847 9.46618,13.80448 16.83789,16.26171 7.3717,2.45724 15.4399,0.9861 23.22461,-2.90625 7.7847,-3.89235 13.80448,-9.46618 16.26171,-16.83789 2.36103,-7.08308 1.03217,-14.80481 -2.52343,-22.30468 -7.22746,-21.63209 -21.83225,-39.74038 -42.93164,-53.80664 z" />
<path
d="m 245.83984,263.75977 c -21.09939,14.06626 -35.70418,32.17455 -42.93164,53.80664 -3.5556,7.49987 -4.88446,15.2216 -2.52343,22.30468 2.45723,7.37171 8.47701,12.94554 16.26171,16.83789 7.78471,3.89235 15.85291,5.36349 23.22461,2.90625 7.37171,-2.45723 12.94554,-8.47701 16.83789,-16.26171 7.5611,-15.12219 7.5611,-31.58485 0,-46.70704 l -13.41796,6.70704 c 5.77224,11.54447 5.77224,21.74849 0,33.29296 -2.77432,5.54864 -5.53382,7.86219 -8.16211,8.73829 -2.6283,0.87609 -6.22676,0.68056 -11.77539,-2.09375 -5.54864,-2.77432 -7.86219,-5.53382 -8.73829,-8.16211 -0.87609,-2.6283 -0.68056,-6.22676 2.09375,-11.77539 l 0.23829,-0.47657 0.16796,-0.50586 c 6.11327,-18.3398 18.16499,-33.54423 37.04493,-46.13086 z" />
<path
d="m 248.5293,262.64648 c -35.0305,7.0061 -60.89872,25.32088 -75.23828,54 C 169.62227,323.98397 167.5,330.83333 167.5,337.5 c 0,6.66667 2.53811,13.14358 7.19727,17.80273 5.1011,5.1011 13.27646,6.61163 20.17382,4.3125 6.89737,-2.29912 13.32304,-7.20389 20.43164,-14.3125 l 0.86133,-0.85937 0.54492,-1.08984 c 7.5611,-15.12219 7.5611,-31.58485 0,-46.70704 l -13.41796,6.70704 c 5.58408,11.16816 5.64385,21.1051 0.42382,32.1914 -5.75159,5.55819 -10.66362,8.86574 -13.58593,9.83985 -3.10264,1.03421 -3.26061,0.87806 -4.82618,-0.6875 C 183.29523,342.68976 182.5,340.83333 182.5,337.5 c 0,-3.33333 1.21106,-8.15064 4.20898,-14.14648 12.32711,-24.65421 33.12555,-39.67277 64.76172,-46 z" />
<path
d="m 248.37305,262.67773 c -30.3589,6.74642 -54.16547,14.33274 -71.72657,23.11329 -17.56109,8.78054 -29.44017,18.87325 -33.76171,31.83789 l 0.40625,-0.98243 c -3.89235,7.78471 -5.36349,15.85291 -2.90625,23.22461 2.45723,7.37171 8.47701,12.94554 16.26171,16.83789 7.78471,3.89235 15.85291,5.36349 23.22461,2.90625 7.37171,-2.45723 12.94554,-8.47701 16.83789,-16.26171 7.5611,-15.12219 7.5611,-31.58485 0,-46.70704 l -13.41796,6.70704 c 5.77224,11.54447 5.77224,21.74849 0,33.29296 -2.77432,5.54864 -5.53382,7.86219 -8.16211,8.73829 -2.6283,0.87609 -6.22676,0.68056 -11.77539,-2.09375 -5.54864,-2.77432 -7.86219,-5.53382 -8.73829,-8.16211 -0.87609,-2.6283 -0.68056,-6.22676 2.09375,-11.77539 l 0.23829,-0.47657 0.16796,-0.50586 c 2.34513,-7.03536 10.46605,-15.27599 26.23829,-23.16211 15.77224,-7.88612 38.63233,-15.2998 68.27343,-21.88671 z" />
</svg></a></p>
<blockquote>
<p><strong>&ldquo;When <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span> sets sail, even the fish hold their breath.&rdquo;</strong><br>
Old fishermans tale</p></blockquote>
<p>The year is 1623. An unusual ship, <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span>, emerges from the foggy sea, its sails dyed a brilliant purple that dazzles friend and foe alike. Cunning merchants whisper about a legendary octopus figurehead carved from driftwood—some say it dances under moonlight to ward off pesky sea ghosts (and suspicious tax collectors).</p>
<h2 id="myths-and-rumors">Myths and Rumors</h2>
<p>Though many debate its authenticity, rumor has it the captain once successfully traded a shipload of questionable sea cucumbers for a cargo of prized purple velvet. The hue of the velvet supposedly matched the exact shade of the boat—thus reinforcing its flamboyant reputation.</p>
<h3 id="possible-explanations">Possible Explanations</h3>
<ol>
<li>A wizard was on board, casting color illusions for fun.</li>
<li>The purple paint was accidentally created by mixing octopus ink into the ships pigment.</li>
<li>Too much wine spilled on deck over <em>many</em> voyages. (Captains favorite theory.)</li>
</ol>
<h2 id="unlikely-allies">Unlikely Allies</h2>
<p>It is said, one day a rival trading ship, the <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fa-fw fab fa-gitkraken"></i></span><span class="badge-content" style="background-color: hotpink;">Lady Kraken</span></span>, tried to outdo <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span> by painting their masts hot pink. The clash at sea was more of a fashion show than a naval battle &ndash; onlookers cheered for hours, forgetting they were late for dinner.</p>
<h2 id="adventures">Adventures</h2>
<p>Read about some of the unbelievable adventures of <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span> in the <a href="/hugo-theme-relearn/exampleSite/log/index.html">Captain&rsquo;s Log</a>. Notable adventures include:</p>
<ul>
<li><a href="/hugo-theme-relearn/exampleSite/log/first-day/index.html"><strong>Operation Squid Spaghetti</strong></a>: A midnight run delivering spaghetti to stranded islanders, guided only by the glowing luminescence of algae (and embarrassed jellyfish who offered moral support).</li>
<li><strong>The Great Spice Heist</strong>: Smuggled saffron and paprika past rival pirate ships. Legend claims the pirates were too busy sneezing to put up any fight.</li>
</ul>
<h2 id="a-final-toast">A Final Toast</h2>
<p>Raise your mug of (purple) punch to <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span> &ndash; where cargo, captain, and cephalopod might just change the hue of history. May your sails forever billow, your hull remain bold, and your cargo be as colorful as your legend!</p>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsections of Purple Pulpo</h1>
<article class="chapter narrow">
<header class="headline">
</header>
<div class="article-subheading">Chapter 1</div>
<h1 id="the-ship">The Ship</h1>
<h2 id="overview">Overview</h2>
<p>Up in the Upper Decks, our lookout is either spotting treasure or taking an unauthorized nap in the Crow&rsquo;s Nest, while the helmsman tries to convince everyone that yes, that spinning wheel actually does something.</p>
<p>In Midst Ship, the Captain&rsquo;s busy adding another gold tassel to their hat collection, and the crew quarters are hosting the weekly &ldquo;Who Stole My Last Clean Sock&rdquo; investigation.</p>
<p>Down in Cargo, well&hellip; let&rsquo;s just say what the health inspector doesn&rsquo;t know won&rsquo;t hurt them. Between the mysteriously moving crates and that barrel of pickles that&rsquo;s been fermenting since the last century, it&rsquo;s quite an adventure.</p>
<h2 id="map">Map</h2>
<pre class="mermaid align-center ">graph TD
A[The Purple Pulpo] --&gt; B1[Upper Decks]
A --&gt; B2[Midst Ship]
A --&gt; B3[Cargo]
B1 --&gt; C11[Crow&#39;s Nest]
B1 --&gt; C12[The Helm]
B2 --&gt; C21[Captain&#39;s Cabin]
B2 --&gt; C22[Crew Quarters]
click B1 &#34;upper&#34; &#34;View Upper Decks&#34;
click B2 &#34;midst&#34; &#34;View Midst Ship&#34;
click B3 &#34;cargo&#34; &#34;View Cargo&#34;
click C11 &#34;upper/nest&#34; &#34;View Crow&#39;s Nest&#34;
click C12 &#34;upper/helm&#34; &#34;View the Helm&#34;
click C21 &#34;midst/captain&#34; &#34;View the Captain&#39;s Cabin&#34;
click C22 &#34;midst/crew&#34; &#34;View the Crew Quarters&#34;
style A fill:mediumpurple,stroke:rebeccapurple,stroke-width:4px
style B1 fill:mediumvioletred,stroke:purple,stroke-width:4px
style C11 fill:mediumvioletred,stroke:purple,stroke-width:4px
style C12 fill:mediumvioletred,stroke:purple,stroke-width:4px
style B2 fill:dodgerblue,stroke:royalblue,stroke-width:4px
style C21 fill:dodgerblue,stroke:royalblue,stroke-width:4px
style C22 fill:dodgerblue,stroke:royalblue,stroke-width:4px
style B3 fill:darkturquoise,stroke:teal,stroke-width:4px</pre>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsections of The Ship</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="upper-decks">Upper Decks</h1>
<p>The highest point of our mighty vessel! Up here, the crow&rsquo;s nest scout shouts coordinates to our helmsman below, though sometimes they&rsquo;re just playing an elaborate game of maritime telephone. The crow&rsquo;s nest offers the best views in the house (or ship), perfect for spotting incoming weather, distant lands, or that seagull that keeps stealing the captain&rsquo;s lunch.</p>
<div class="children children-h2 children-sort-">
<h2 class="children-title" id="crows-nest"><a href="/hugo-theme-relearn/exampleSite/ship/upper/nest/index.html">Crow&#39;s Nest</a></h2><p>Where our lookout pretends to spot land while actually napping</p>
<h2 class="children-title" id="the-helm"><a href="/hugo-theme-relearn/exampleSite/ship/upper/helm/index.html">The Helm</a></h2><p>Home to our steering wheel, which may or may not be connected to anything</p>
</div>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsections of Upper Decks</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="crows-nest">Crow&#39;s Nest</h1>
<p>Our dedicated lookout has reported some rather peculiar sightings from his lofty perch. Between his frequent &ldquo;strategic rest periods&rdquo; and tea breaks, he&rsquo;s sworn on his mother&rsquo;s favorite teacup that he&rsquo;s witnessed the most extraordinary maritime phenomena ever documented.</p>
<p>Last week alone, he submitted a detailed report claiming to have spotted a mermaid riding a seahorse while solving a Rubik&rsquo;s cube, and a group of dolphins wearing top hats performing synchronized swimming routines to classical music.</p>
<p>Recent notable sightings include:</p>
<ul>
<li>A giant squid playing chess with a whale shark</li>
<li>Flying fish practicing for their pilot&rsquo;s license</li>
<li>A pirate ghost ship selling timeshares to passing vessels</li>
<li>Penguins on vacation riding jet skis</li>
<li>A rowing boeat crewed entirely by singing sea cucumbers</li>
</ul>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="the-helm">The Helm</h1>
<p>Our state-of-the-art navigation system relies heavily on the ancient art of reading cloud shapes and following particularly motivated seagulls. The ship&rsquo;s wheel, a magnificent piece of mahogany that squeaks exactly like a dolphin&rsquo;s laugh, is primarily used as an excellent coat hanger during peaceful voyages.</p>
<p>The real steering happens through our patented &ldquo;Serendipitous Navigation System™&rdquo; &ndash; we simply convince the ocean currents they&rsquo;re flowing in the wrong direction through sophisticated reverse psychology. Our success rate of reaching intended destinations is a proud 12%, though we&rsquo;ve discovered fourteen previously unknown islands and one mysterious floating coffee shop in the process.</p>
<footer class="footline">
</footer>
</article>
</section>
<article class="default">
<header class="headline">
</header>
<h1 id="midst-ship">Midst Ship</h1>
<p>The heart of shipboard shenanigans, where the captain&rsquo;s dignified stride from their cabin inevitably collides with sailors rolling barrels across the deck.</p>
<p>Coffee aromas from the Captain&rsquo;s cabin wage a constant battle with the hearty snores echoing from the crew bunks. It&rsquo;s that magical space where formal reports mysteriously acquire coffee rings, and the crew&rsquo;s sea shanties somehow find their way through the captain&rsquo;s supposedly soundproof door.</p>
<p>A daily theater of nautical life where rank meets reality, and everyone pretends not to notice the first mate sleepwalking in their pajamas.</p>
<div class="children children-h2 children-sort-">
<h2 class="children-title" id="captains-cabin"><a href="/hugo-theme-relearn/exampleSite/ship/midst/captain/index.html">Captain&#39;s Cabin</a></h2><p>A luxurious 4x4 room, home to our beloved Captain Hugo, with a genuine fake window</p>
<h2 class="children-title" id="crew-quarters"><a href="/hugo-theme-relearn/exampleSite/ship/midst/crew/index.html">Crew Quarters</a></h2><p>Where dreams of mutiny and tales of sea monsters are equally shared</p>
</div>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsections of Midst Ship</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="captains-cabin">Captain&#39;s Cabin</h1>
<p>Welcome to the legendary 4x4 quarters of Captain Hugo, where navigation charts double as wallpaper and yesterday&rsquo;s coffee cup might contain tomorrow&rsquo;s coordinates! The genuine fake window offers stunning views of wherever the captain thinks we are (he&rsquo;s been known to mistake the Mediterranean for the Caribbean on more than one occasion).</p>
<p>Despite the creative filing system (read: artistic piles), our beloved captain insists he knows exactly where everything is &ndash; including his lucky compass, which has been &ldquo;temporarily misplaced&rdquo; for the past three months. The room features state-of-the-art organizational solutions, such as &ldquo;that chair with all the stuff&rdquo; and &ldquo;the corner where important things go.&rdquo;</p>
<p>Visitors are kindly requested to not disturb the delicate ecosystem of nautical instruments, half-written logbooks, and at least seven different types of tea sets &ndash; all carefully arranged in what the captain calls his &ldquo;systematic randomness.&rdquo;</p>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="crew-quarters">Crew Quarters</h1>
<p>Welcome to the most entertaining deck of our vessel, where every bunk tells a story and every footlocker holds at least three contraband items that technically violate maritime law. Our distinguished crew members have developed a complex social hierarchy based entirely on who can tell the tallest tale about encounters with legendary sea creatures. Current champion: Bosun McGee, who swears he taught a pod of narwhals to perform synchronized swimming routines.</p>
<p>The communal areas are a fascinating study in organized chaos. The mess hall doubles as a debate chamber where heated arguments about the best way to predict weather by reading tea leaves can last for days. The walls are decorated with &ldquo;accurate&rdquo; maps drawn by our navigator, complete with illustrations of sea serpents and mysterious islands that somehow move location between each voyage. Our ship&rsquo;s cat, Admiral Whiskers, holds court from atop the highest shelf, judging everyone&rsquo;s sea shanty performances with characteristic feline disdain.</p>
<p>Down in the sleeping quarters, you&rsquo;ll find an impressive collection of lucky charms, ranging from traditional rabbit&rsquo;s feet to allegedly enchanted ship&rsquo;s biscuits that are now too petrified to eat. Each bunk is personalized with trinkets from a hundred ports, though no one can quite explain how we acquired the stuffed dodo bird that watches over the entrance. The night watch maintains a running tally of mysterious lights seen over the water, though there&rsquo;s strong suspicion that half of these sightings coincide suspiciously with nights when the rum rations were doubled.</p>
<footer class="footline">
</footer>
</article>
</section>
<article class="default">
<header class="headline">
</header>
<h1 id="cargo">Cargo</h1>
<p>Where organization meets chaos and inventory management is more of a suggestion than a rule. Our state-of-the-art cargo facilities are divided into three distinctly disorganized bays.</p>
<p>The daily operations in our cargo bays resemble an interpretive dance of logistics, where inventory lists are more like creative writing exercises. Our automated sorting system, powered by quantum probability and caffeinated algorithms, occasionally decides to reorganize items based on their cosmic aura rather than traditional categories. This has led to fascinating discoveries, like finding out that rubber ducks and miniature black holes share remarkably similar energy signatures.</p>
<p>The deck crew has developed their own unique navigation system through the chaos, using a combination of intuition, lucky guesses, and the occasional guidance from our resident AI, which has developed a peculiar fondness for storing items in patterns that resemble abstract art. The resulting arrangement has been praised by visiting space artists as &ldquo;a masterpiece of organized entropy&rdquo; and &ldquo;the most innovative storage solution since the invention of pocket dimensions.&rdquo;</p>
<div class="tab-panel" data-tab-group="19bb7ed322558ff1856ccc4e68618942">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="cargo-bay-alpha"
class="tab-nav-button tab-panel-style cstyle filled active" style="--VARIABLE-BOX-color: purple;" tabindex="-1"
onclick="switchTab('19bb7ed322558ff1856ccc4e68618942','cargo-bay-alpha')"
>
<span class="tab-nav-text">Cargo Bay Alpha</span>
</button>
<button
data-tab-item="cargo-bay-beta"
class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: royalblue;"
onclick="switchTab('19bb7ed322558ff1856ccc4e68618942','cargo-bay-beta')"
>
<span class="tab-nav-text">Cargo Bay Beta</span>
</button>
<button
data-tab-item="cargo-bay-gamma"
class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: teal;"
onclick="switchTab('19bb7ed322558ff1856ccc4e68618942','cargo-bay-gamma')"
>
<span class="tab-nav-text">Cargo Bay Gamma</span>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="cargo-bay-alpha"
class="tab-content tab-panel-style cstyle filled active" style="--VARIABLE-BOX-color: purple;">
<div class="tab-content-text">
<ul>
<li>3,721 rubber ducks in spacesuits</li>
<li>One very large tea cozy (planet-sized)</li>
<li>Collection of anti-gravity hamster wheels</li>
<li>Emergency supply of digital cookies</li>
</ul>
</div>
</div>
<div
data-tab-item="cargo-bay-beta"
class="tab-content tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: royalblue;">
<div class="tab-content-text">
<ul>
<li>Quantum-entangled sock pairs</li>
<li>Library of dehydrated books</li>
<li>Self-folding origami robots</li>
<li>Tank of compressed rainbow matter</li>
</ul>
</div>
</div>
<div
data-tab-item="cargo-bay-gamma"
class="tab-content tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: teal;">
<div class="tab-content-text">
<ul>
<li>Zero-gravity bubble wrap (extra bouncy)</li>
<li>Time-traveling toast machine</li>
<li>Collection of miniature black holes (safely contained)</li>
<li>Spare parts for the ship&rsquo;s interpretive dance module</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="footline">
</footer>
</article>
</section>
<article class="chapter narrow">
<header class="headline">
</header>
<div class="article-subheading">Chapter 2</div>
<h1 id="captains-log">Captain&#39;s Log</h1>
<p>Captain Hugo reporting from the quarterdeck of the magnificent <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span>. The seas are fair, and our hold is brimming with exotic cargo bound for distant ports. Our seasoned crew stands ready for another adventure across the Seven Seas.</p>
<h2 id="operation-squid-spaghetti">Operation Squid Spaghetti</h2>
<p>Our midnight run involved top-secret pasta flour and premium marinara crucial for the realms spiciest mission. The crew was amped!</p>
<div class="children children-h3 children-sort-">
<h3 class="children-title" id="day-1"><a href="/hugo-theme-relearn/exampleSite/log/first-day/index.html">Day 1</a></h3><p>Launch Day</p>
<h3 class="children-title" id="day-2"><a href="/hugo-theme-relearn/exampleSite/log/second-day/index.html">Day 2</a></h3><p>At Sea</p>
<h3 class="children-title" id="day-3"><a href="/hugo-theme-relearn/exampleSite/log/third-day/index.html">Day 3</a></h3><p>Island Arrival</p>
</div>
<footer class="footline">
</footer>
</article>
<section>
<h1 class="a11y-only">Subsections of Captain&#39;s Log</h1>
<article class="default">
<header class="headline">
</header>
<h1 id="day-1">Day 1</h1>
<h2 id="launch-day">Launch Day</h2>
<p><strong>Captains Log, 0120 hours</strong></p>
<blockquote>
<p><em><strong>&ldquo;No mission too saucy for us!&rdquo;</strong></em><br>
Captains official decree</p></blockquote>
<p>It seems we accidentally loaded a crate of rubber chickens instead of emergency food rations, but the crew is already brainstorming new dance routines with them. Meanwhile, our quartermaster replaced the lifebuoys with giant doughnuts for a &ldquo;themed&rdquo; departure—perfect for dunking our morale into sugary bliss.</p>
<h3 id="status">Status</h3>
<ul>
<li><strong>Reason for voyage:</strong> A midnight run to deliver top-secret cargo (pasta flour and extra marinara).</li>
<li><strong>Crew status:</strong>
<ul>
<li>Eager to set sail</li>
<li>Full of energy (and possibly leftover breadsticks)</li>
</ul>
</li>
</ul>
<h3 id="early-observations">Early Observations</h3>
<p>The moonlit sky casts <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span> in a mysterious glow. Rumor has it, our <strong>octopus figurehead</strong> twitched its wooden tentacles twice, a good omen for our daring spaghetti mission. Some say those tentacles can sense hidden spice routes.</p>
<hr>
<p>Stay tuned for <a href="/hugo-theme-relearn/exampleSite/log/second-day/index.html">more updates</a> from our floating festival of noodles and nautical nonsense.</p>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="day-2">Day 2</h1>
<h2 id="at-sea">At Sea</h2>
<p><strong>Captains Log, 0545 hours</strong></p>
<blockquote>
<p><em><strong>&ldquo;A little sea spray cant break our spirit—nor our appetite!&rdquo;</strong></em><br>
The Chef, after a minor sauce-spill incident</p></blockquote>
<p>The waves crash and the crew awakens to the salty sea breeze. Our beloved ship, <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span>, plows forward, determined to complete our &ldquo;Operation Squid Spaghetti.&rdquo;</p>
<h3 id="status">Status</h3>
<ul>
<li><strong>Weather:</strong> Slightly stormy with a touch of dramatic sea mist</li>
<li><strong>Crew Morale:</strong>
<ol>
<li>Excitement level: High</li>
<li>Hunger level: <em>Astronomical</em></li>
<li>Willingness to sing shanties: ∞</li>
</ol>
</li>
</ul>
<h3 id="culinary-update">Culinary Update</h3>
<p>The kitchen rattles with every wave, saucepans clanging like a symphony of disorganized percussion. Marinara overboard? Twice.
But fear not, the crew valiantly rescued the floating ladle, dubbing it <strong>Sir Stir-a-Lot</strong>.</p>
<hr>
<p>Stay tuned for the <a href="/hugo-theme-relearn/exampleSite/log/third-day/index.html">next thrilling entry</a>: How fresh noodles fare in gale-force winds&hellip; and whether the sauce can hold up against the unstoppable appetite of seafaring sailors!</p>
<footer class="footline">
</footer>
</article>
<article class="default">
<header class="headline">
</header>
<h1 id="day-3">Day 3</h1>
<h2 id="island-arrival">Island Arrival</h2>
<p><strong>Captains Log, 1140 hours</strong></p>
<blockquote>
<p><em><strong>&ldquo;Ahoy, pasta-lovers! Our mission is finally a sauce-cess!&rdquo;</strong></em><br>
The Enthused Quartermaster</p></blockquote>
<p>The sun blazes overhead, revealing an island coastline shaped like a <strong>questionable noodle bowl</strong> — the perfect destination for our midnight pasta cargo.</p>
<h3 id="status">Status</h3>
<ul>
<li>Purple sails flutter in the island breeze</li>
<li>The octopus figurehead is <strong>oddly</strong> shining—some claim the wooden tentacles are still dancing to an unseen rhythm</li>
<li><em>Slight tang</em> of marinara lingers across the entire deck</li>
</ul>
<h3 id="incident-in-the-crows-nest">Incident in the Crow&rsquo;s Nest</h3>
<p>Upon our arrival in the harbor, the lookout nearly toppled from his perch in a fit of excitement. A mysterious figure on the dock signaled with a lantern three times—followed by a deafening call of a heron in flight.</p>
<p>The lookout swears the bird cawed in perfect Morse code, as if warning us of impending calamity. Moments later, a sudden gust toppled the spyglass stand, sending it clattering down to the quarterdeck, just as the heron sped off with a triumphant whistle.</p>
<details open class=" box cstyle notices primary expand">
<summary class="box-label">
<i class="expander-icon fa-fw fas fa-chevron-right"></i>
Mission Debriefing
</summary>
<div class="box-content">
<ul>
<li><input checked="" disabled="" type="checkbox"> Crates of sauce offloaded with care (and the occasional accidental slosh)</li>
<li><input checked="" disabled="" type="checkbox"> Crowds of locals, excited for fresh spaghetti</li>
<li><input disabled="" type="checkbox"> <em>Squid ink</em> banner hoisted high to announce “Operation Squid Spaghetti Complete”</li>
</ul>
</div>
</details>
<footer class="footline">
</footer>
</article>
</section>
<article class="default">
<header class="headline">
</header>
<h1 id="about">About</h1>
<h2 id="face-it">Face it</h2>
<p>This is an example site for the <a href="https://mcshelby.github.io/hugo-theme-relearn/pir/index.html" rel="external" target="_self">Relearn theme</a> of the <a href="https://gohugo.io" rel="external" target="_self">Hugo</a> static site generator.</p>
<p>It displays content about the fictional ship <span class="badge cstyle primary badge-with-title"><span class="badge-title"><i class="fa-fw fas fa-anchor"></i></span><span class="badge-content">The Purple Pulpo</span></span> in English and a crude Piratish accent. Don&rsquo;t take it too serious.</p>
<p>The goal with this site is to showcase a minimal example with as less configuration as possible. It is meant to be a starting point for your own website. The configuration files are documented to help you understand the reason behind certain settings.</p>
<h2 id="run-it">Run it</h2>
<p>The source code for this website is contained in the <a href="https://github.com/McShelby/hugo-theme-relearn/tree/main/exampleSite" rel="external" target="_self">Relearn repository</a>. After the <a href="https://gohugo.io/installation/" rel="external" target="_self">installation of Hugo</a> you can build the site locally from inside the <code>exampleSite</code> directory with</p>
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">hugo server</span></span></code></pre></div>
<p>Then you can access the site by navigating to <code>http://localhost:1313</code> in your browser.</p>
<p>For a detailed installation guide, see the <a href="https://mcshelby.github.io/hugo-theme-relearn/introduction/quickstart/index.html" rel="external" target="_self">Relearn documentation</a>.</p>
<h2 id="modify-it">Modify it</h2>
<p>While minimal in configuration, this showcase contains an auto translation into the Piratish language. This required some additional files and directories, totally unnecessary for a simple site. You can delete them if you use this site as a starting template. Namely these are:</p>
<ul>
<li><code>content/pir/</code></li>
<li><code>i18n/</code></li>
<li><code>layouts/partials/shortcodes/piratify.html</code></li>
<li><code>layouts/partials/toc.html</code></li>
<li><code>layouts/shortcodes/piratify.html</code></li>
</ul>
<p>You will also have to add this to the <code>hugo.toml</code> to deactivate the translation:</p>
<div class="tab-panel" data-tab-group="370fc7926e261333330a052298f23b3b">
<div class="tab-nav">
<div class="tab-nav-title">&#8203;</div>
<button
data-tab-item="hugotoml"
class="tab-nav-button tab-panel-style cstyle initial active" tabindex="-1"
onclick="switchTab('370fc7926e261333330a052298f23b3b','hugotoml')"
>
<span class="tab-nav-text">hugo.toml</span>
</button>
</div>
<div class="tab-content-container">
<div
data-tab-item="hugotoml"
class="tab-content tab-panel-style cstyle initial active">
<div class="tab-content-text">
<div class="highlight wrap-code"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">disableLanguages</span> <span class="p">=</span> <span class="p">[</span><span class="s1">&#39;pir&#39;</span><span class="p">]</span></span></span></code></pre></div>
</div>
</div>
</div>
</div><p><strong>or</strong> remove all references to the Piratish language.</p>
<footer class="footline">
</footer>
</article>
</section>
</div>
</main>
</div>
<script src="/hugo-theme-relearn/exampleSite/js/clipboard.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/perfect-scrollbar.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-color.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-dispatch.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-drag.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-ease.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-interpolate.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-selection.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-timer.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-transition.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/d3/d3-zoom.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/js-yaml.min.js?1739542961" defer></script>
<script src="/hugo-theme-relearn/exampleSite/js/mermaid.min.js?1739542961" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{}");
</script>
<script src="/hugo-theme-relearn/exampleSite/js/theme.js?1739542961" defer></script>
</body>
</html>