enRecent content on Peter Scrivenhttps://pjpscriv.co.nz/Wed, 11 Mar 2026 00:00:00 +0000https://pjpscriv.co.nz/post/test-two/Tue, 09 Sep 2025 19:01:00 -0400https://pjpscriv.co.nz/post/test-two/<p>This second test page!</p> <p>What does inline formatting look like? Does it look good? Let&rsquo;s check.</p> <p>Here is a <code>filename.txt</code>. And here is <code>anotherOne.css</code>. Here&rsquo;s one that&rsquo;s <a href="/"><code>also-a-link.html</code></a></p> <p>There we go, that&rsquo;s better.</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl">{{ range .Pages }} </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;section__item&#34;</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;section__item-head&#34;</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">h4</span><span class="p">&gt;&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;{{ .RelPermalink }}&#34;</span><span class="p">&gt;</span>{{ .Title }}<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;&lt;/</span><span class="nt">h4</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;section__item-period&#34;</span><span class="p">&gt;</span>{{ .Date.Format &#34;Jan 2, 2006&#34; }}<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;section__item-content&#34;</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;section__item-description&#34;</span><span class="p">&gt;</span>{{ .Summary }}<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;{{ .RelPermalink }}&#34;</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;section__view-all&#34;</span><span class="p">&gt;</span>Read More →<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> <span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl">{{ else }} </span></span><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span>No posts found.<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl">{{ end }} </span></span></code></pre></div>https://pjpscriv.co.nz/post/test-one/Tue, 09 Sep 2025 19:00:00 -0400https://pjpscriv.co.nz/post/test-one/<p>This is the first test page!</p> <p>Well how about that :P</p>https://pjpscriv.co.nz/data-viz/nz-fertility/Mon, 23 Jun 2025 00:00:00 +0000https://pjpscriv.co.nz/data-viz/nz-fertility/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/nz-fertility-rate" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/nz-fertility-rate.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n inputs,\n chart,\n inputs_2,\n chart_2\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/org-chart/Mon, 19 May 2025 00:00:00 +0000https://pjpscriv.co.nz/data-viz/org-chart/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/org-chart" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/org-chart.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n viewof linkDist,\n viewof linkStrength,\n viewof repelStrength,\n viewof refresh_button,\n FULLWIDTH org_tree\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/welly-bus-7213/Tue, 25 Mar 2025 00:00:00 +0000https://pjpscriv.co.nz/data-viz/welly-bus-7213/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/welly-bus-stop-7213" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/welly-bus-stop-7213.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n FULLWIDTH canvas\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/nz-2023-election/Thu, 20 Mar 2025 00:00:00 +0000https://pjpscriv.co.nz/data-viz/nz-2023-election/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/nz-electorate-hexmap" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/nz-electorate-hexmap.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n md_1,\n viewof chart_style,\n area_types_swatches,\n chart,\n md_2,\n viewof candidate_chart_style,\n candidate_votes_legend,\n candidate_hexmap,\n md_3,\n md_4,\n viewof party_chart_style,\n party_vote_legend,\n party_chart,\n md_5,\n md_6,\n viewof rel_party_chart_style,\n rel_party_vote_legend,\n rel_party_chart\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/colors-colors/Tue, 04 Mar 2025 00:00:00 +0000https://pjpscriv.co.nz/data-viz/colors-colors/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/colorsxstudios-colors" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/colorsxstudios-colors.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n viewof refresh,\n video,\n viewof inputs,\n viewof cutoff,\n chart,\n wall\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/google-calendar-colors/Sat, 01 Mar 2025 00:00:00 +0000https://pjpscriv.co.nz/data-viz/google-calendar-colors/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/google-calendar-colors" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/google-calendar-colors.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n viewof satBrightSplit,\n chart\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/nz-average-temps/Sat, 11 Jan 2025 00:00:00 +0000https://pjpscriv.co.nz/data-viz/nz-average-temps/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/nz-average-temperatures" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/nz-average-temperatures.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n viewof overlap,\n viewof bucketSize,\n viewof tempRange,\n chart,\n viewof firstYear\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/circular-text/Sat, 08 Jun 2024 00:00:00 +0000https://pjpscriv.co.nz/data-viz/circular-text/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/curved-text" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/curved-text.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n viewof options,\n FULLWIDTH svg,\n svgCode\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/trade-me-categories/Tue, 19 Sep 2023 00:00:00 +0000https://pjpscriv.co.nz/data-viz/trade-me-categories/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/trade-me-categories" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/trade-me-categories.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "chart".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>https://pjpscriv.co.nz/data-viz/aniwaniwaotearoa/Wed, 17 Jun 2020 00:00:00 +0000https://pjpscriv.co.nz/data-viz/aniwaniwaotearoa/<div id="observable-1773323559" class="observable-embed"></div> <p class="observable-link"> See original notebook on <a href="https://observablehq.com/@pjpscriv/aniwaniwaotearoa" target="_blank" rel="noopener">Observable →</a></p> <script type="module"> import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@5/dist/runtime.js"; import notebook from "https://api.observablehq.com/@pjpscriv\/aniwaniwaotearoa.js?v=4"; const target = document.querySelector("#observable-1773323559"); const cellNames = "\n viewof color_start,\n FULLWIDTH chart\n".split(",").map(d => d.trim()); const renders = {}; for (let cellName of cellNames) { const id = cellName.toLocaleLowerCase().replace(/\s+/g, '-'); if (cellName.startsWith("FULLWIDTH ")) { cellName = cellName.replace("FULLWIDTH ", ""); } renders[cellName] = id; } console.log(renders); for (let i in renders) { const id = renders[i] renders[i] = document.createElement('div'); renders[i].id = id; if (id.startsWith("fullwidth-")) { renders[i].classList.add("observable-fullwidth"); } target.appendChild(renders[i]); } new Runtime().module(notebook, (name) => { if (renders[name]) return new Inspector(renders[name]); }); </script>