vitrinekast/field-guide-to-salvaging-sound
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some full page stuff

Browse Source
This commit is contained in:
vitrinekast
2025-06-27 20:17:48 +02:00
parent b5fad3d59c
commit cdf1377019
32 changed files with 235 additions and 535 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
publication/assets/styles/layout.css
View File

@ -121,7 +121,7 @@ figure {
counter-increment: figure-counter; counter-increment: figure-counter;
} }
article figure:has(.img--fullpage) { article figure:has(.img--fullpage), figure:has(.img--fullpage) {
margin-right: calc(var(--footnote-w) * -1); margin-right: calc(var(--footnote-w) * -1);
clear: both; clear: both;
margin-top: 2rem; margin-top: 2rem;
@ -140,12 +140,14 @@ article figure:has(.img--fullpage) {
break-inside: avoid; break-inside: avoid;
} }
article figure:has(.img--fullpage) img {
article figure:has(.img--fullpage) img, figure:has(.img--fullpage) img {
position: absolute; position: absolute;
height: 200%; height: 200% !important;
transform: scale(1.01);
} }
article figure:has(.img--fullpage) figcaption { article figure:has(.img--fullpage) figcaption, figure:has(.img--fullpage) figcaption {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
bottom: calc(var(--pagedjs-pagebox-height)*-0.5 + var(--pagedjs-margin-bottom)); bottom: calc(var(--pagedjs-pagebox-height)*-0.5 + var(--pagedjs-margin-bottom));

52
publication/assets/styles/paged.css
View File

@ -1,7 +1,12 @@
:root {
--print-margin-x: 8mm; @page {
size: A5;
margin: 13mm 10mm;
} }
.pagedjs_area:has(.img--fullpage) {
height: 200%;
}
body { body {
font-size: var(--font-size-base); font-size: var(--font-size-base);
} }
@ -37,20 +42,25 @@ body {
counter-reset: page; counter-reset: page;
} }
[template-type="back"] {
page: front;
counter-reset: page;
}
[template-type="circuit"] { [template-type="circuit"] {
page: circuit; page: circuit;
break-before: page; break-before: page;
} }
@page:right {
@page { margin-left: 16mm;
size: A5;
margin: 13mm var(--print-margin-x);
/* marks: crop cross; */
} }
@page:left { @page:left {
margin-right: 16mm;
@bottom-left { @bottom-left {
content: counter(page); content: counter(page);
} }
@ -123,7 +133,7 @@ body {
@page image { @page image {
margin-top: auto; margin-top: auto;
position: relative; position: relative;
margin: var(--print-margin-x) var(--print-margin-x); margin: 13mm 13mm;
header { header {
position: absolute; position: absolute;
@ -202,10 +212,6 @@ body {
font-size: 8px; font-size: 8px;
max-width: calc(100% - 4mm); max-width: calc(100% - 4mm);
} }
@top-right {
content: "imaaagggee";
}
} }
@page imagespread { @page imagespread {
@ -244,12 +250,26 @@ body {
} }
} }
article:has([data-chapter-title]), article:has([data-subchapter-title]) { @page back {
break-before: page; background: pink;
position: relative;
@top-right {
content: none;
}
@top-left {
content: none;
}
@bottom-right {
content: none;
}
} }
.table-wide { article:has([data-chapter-title]), article:has([data-subchapter-title]) {
/* break-before: page; */ break-before: page;
} }
article>*:first-of-type:is(table) { article>*:first-of-type:is(table) {

2
publication/assets/styles/table.css
View File

@ -1,4 +1,4 @@
table { table {
border-spacing: 0px; border-spacing: 0px;
} }
thead { thead {

14
publication/assets/styles/typography.css
View File

@ -1,4 +1,4 @@
:root { :root {
--font-family: "Fira Sans", sans-serif; --font-family: "Fira Sans", sans-serif;
--font-family-mono: "Fira Mono", serif; --font-family-mono: "Fira Mono", serif;
} }
@ -55,6 +55,10 @@ h6 {
font-weight: bold; font-weight: bold;
} }
article>*:first-child {
margin-top: 0;
}
h2 { h2 {
font-size: 1.3em; font-size: 1.3em;
} }
@ -239,19 +243,19 @@ h7 + ul {
margin-top: 0; margin-top: 0;
} }
/*** Works on common browsers ***/
::selection { ::selection {
background-color: var(--accent); background-color: var(--accent);
color: black; color: black;
} }
/*** Mozilla based browsers ***/
::-moz-selection { ::-moz-selection {
background-color: var(--accent); background-color: var(--accent);
color: black; color: black;
} }
/***For Other Browsers ***/
::-o-selection { ::-o-selection {
background-color: var(--accent); background-color: var(--accent);
color: black; color: black;
@ -262,7 +266,7 @@ h7 + ul {
color: black; color: black;
} }
/*** For Webkit ***/
::-webkit-selection { ::-webkit-selection {
background-color: var(--accent); background-color: var(--accent);
color: black; color: black;

4
publication/chapters/-1-intro.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/chapters/0-gather.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/chapters/1-dismantling.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/chapters/2-component-salvaging.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/chapters/3-recipes.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/chapters/4-reflection.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/chapters/5-bib.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

100
publication/chapters/index.html
View File

@ -130,7 +130,7 @@
}); });
</script> </script>
<title>Index29 - 09 June 2025</title> <title>Index30 - 27 June 2025</title>
</head> </head>
<body> <body>
@ -139,7 +139,7 @@
<section template-type="front"> <section template-type="front">
<section class="meta"> <section class="meta">
<span data-generated-date>09 June 2025</span> <span data-generated-date>27 June 2025</span>
<span data-publication-title>Index</span> <span data-publication-title>Index</span>
</section> </section>
@ -1169,23 +1169,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figure class="" index="0">
<img src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption> <figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1294,23 +1284,13 @@ class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figure class="" index="0">
<img src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figcaption>The various sizes of Capacitors</figcaption> <figcaption>The various sizes of Capacitors</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1414,23 +1394,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figure class="" index="0">
<img src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figcaption>A chip sooooo small the picture has to be blurry</figcaption> <figcaption>A chip sooooo small the picture has to be blurry</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1540,23 +1510,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figure class="" index="0">
<img src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figcaption>A variety of input and output components</figcaption> <figcaption>A variety of input and output components</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1685,9 +1645,7 @@ href="https://doi.org/10.21428/bf6fb269.3881c46e">https://doi.org/10.21428/bf6fb
</header> </header>
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
@ -1778,23 +1736,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figure class="" index="0">
<img src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figcaption>‘note to self, not sure all of these are transistors’</figcaption> <figcaption>‘note to self, not sure all of these are transistors’</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -2029,9 +1977,7 @@ href="#fnref7" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2186,9 +2132,7 @@ href="#fnref5" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2438,9 +2382,7 @@ role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">

4
publication/components/0_resistor.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/components/1_capacitor.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/components/chips.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/components/inputs.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/components/pcb.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/components/transistor.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/devices/cassette-recorder.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/devices/hard-drive.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/devices/mp3-fm-radio.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/devices/reel-to-reel-recorder.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/devices/telephone.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/devices/v2s-metal-detector-thing.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

100
publication/index.html
View File

@ -130,7 +130,7 @@
}); });
</script> </script>
<title>A field guide to salvaging sound devices29 - 09 June 2025</title> <title>A field guide to salvaging sound devices30 - 27 June 2025</title>
</head> </head>
<body> <body>
@ -139,7 +139,7 @@
<section template-type="front"> <section template-type="front">
<section class="meta"> <section class="meta">
<span data-generated-date>09 June 2025</span> <span data-generated-date>27 June 2025</span>
<span data-publication-title>A field guide to salvaging sound devices</span> <span data-publication-title>A field guide to salvaging sound devices</span>
</section> </section>
@ -1153,23 +1153,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figure class="" index="0">
<img src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption> <figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1278,23 +1268,13 @@ class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figure class="" index="0">
<img src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figcaption>The various sizes of Capacitors</figcaption> <figcaption>The various sizes of Capacitors</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1398,23 +1378,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figure class="" index="0">
<img src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figcaption>A chip sooooo small the picture has to be blurry</figcaption> <figcaption>A chip sooooo small the picture has to be blurry</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1524,23 +1494,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figure class="" index="0">
<img src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figcaption>A variety of input and output components</figcaption> <figcaption>A variety of input and output components</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1669,9 +1629,7 @@ href="https://doi.org/10.21428/bf6fb269.3881c46e">https://doi.org/10.21428/bf6fb
</header> </header>
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
@ -1762,23 +1720,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figure class="" index="0">
<img src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figcaption>‘note to self, not sure all of these are transistors’</figcaption> <figcaption>‘note to self, not sure all of these are transistors’</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -2013,9 +1961,7 @@ href="#fnref7" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2170,9 +2116,7 @@ href="#fnref5" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2422,9 +2366,7 @@ role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">

4
publication/newsletters/december.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

98
publication/recipes/PCB-keyboard/index.html
View File

@ -139,7 +139,7 @@
<section template-type="front"> <section template-type="front">
<section class="meta"> <section class="meta">
<span data-generated-date>09 June 2025</span> <span data-generated-date>27 June 2025</span>
<span data-publication-title></span> <span data-publication-title></span>
</section> </section>
@ -1153,23 +1153,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figure class="" index="0">
<img src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption> <figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1278,23 +1268,13 @@ class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figure class="" index="0">
<img src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figcaption>The various sizes of Capacitors</figcaption> <figcaption>The various sizes of Capacitors</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1398,23 +1378,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figure class="" index="0">
<img src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figcaption>A chip sooooo small the picture has to be blurry</figcaption> <figcaption>A chip sooooo small the picture has to be blurry</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1524,23 +1494,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figure class="" index="0">
<img src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figcaption>A variety of input and output components</figcaption> <figcaption>A variety of input and output components</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1669,9 +1629,7 @@ href="https://doi.org/10.21428/bf6fb269.3881c46e">https://doi.org/10.21428/bf6fb
</header> </header>
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
@ -1762,23 +1720,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figure class="" index="0">
<img src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figcaption>‘note to self, not sure all of these are transistors’</figcaption> <figcaption>‘note to self, not sure all of these are transistors’</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -2013,9 +1961,7 @@ href="#fnref7" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2170,9 +2116,7 @@ href="#fnref5" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2422,9 +2366,7 @@ role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">

98
publication/recipes/SingleTransistorOsc/index.html
View File

@ -139,7 +139,7 @@
<section template-type="front"> <section template-type="front">
<section class="meta"> <section class="meta">
<span data-generated-date>09 June 2025</span> <span data-generated-date>27 June 2025</span>
<span data-publication-title></span> <span data-publication-title></span>
</section> </section>
@ -1153,23 +1153,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figure class="" index="0">
<img src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption> <figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1278,23 +1268,13 @@ class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figure class="" index="0">
<img src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figcaption>The various sizes of Capacitors</figcaption> <figcaption>The various sizes of Capacitors</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1398,23 +1378,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figure class="" index="0">
<img src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figcaption>A chip sooooo small the picture has to be blurry</figcaption> <figcaption>A chip sooooo small the picture has to be blurry</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1524,23 +1494,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figure class="" index="0">
<img src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figcaption>A variety of input and output components</figcaption> <figcaption>A variety of input and output components</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1669,9 +1629,7 @@ href="https://doi.org/10.21428/bf6fb269.3881c46e">https://doi.org/10.21428/bf6fb
</header> </header>
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
@ -1762,23 +1720,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figure class="" index="0">
<img src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figcaption>‘note to self, not sure all of these are transistors’</figcaption> <figcaption>‘note to self, not sure all of these are transistors’</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -2013,9 +1961,7 @@ href="#fnref7" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2170,9 +2116,7 @@ href="#fnref5" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2422,9 +2366,7 @@ role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">

98
publication/recipes/power-supply/index.html
View File

@ -139,7 +139,7 @@
<section template-type="front"> <section template-type="front">
<section class="meta"> <section class="meta">
<span data-generated-date>09 June 2025</span> <span data-generated-date>27 June 2025</span>
<span data-publication-title></span> <span data-publication-title></span>
</section> </section>
@ -1153,23 +1153,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figure class="" index="0">
<img src="./components/Resistors.webp" alt="These resistors were salvaged from a Reel to Reel recorder" />
<figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption> <figcaption>These resistors were salvaged from a Reel to Reel recorder</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1278,23 +1268,13 @@ class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figure class="" index="0">
<img src="./components/Capacitors.webp" alt="The various sizes of Capacitors" />
<figcaption>The various sizes of Capacitors</figcaption> <figcaption>The various sizes of Capacitors</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1398,23 +1378,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figure class="" index="0">
<img src="./components/chips.webp" alt="A chip sooooo small the picture has to be blurry" />
<figcaption>A chip sooooo small the picture has to be blurry</figcaption> <figcaption>A chip sooooo small the picture has to be blurry</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1524,23 +1494,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figure class="" index="0">
<img src="./components/inputoutput.webp" alt="A variety of input and output components" />
<figcaption>A variety of input and output components</figcaption> <figcaption>A variety of input and output components</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -1669,9 +1629,7 @@ href="https://doi.org/10.21428/bf6fb269.3881c46e">https://doi.org/10.21428/bf6fb
</header> </header>
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
@ -1762,23 +1720,13 @@ role="doc-backlink">↩︎</a></p></li>
<header class="page--image" data-length="1"> <article class="fix-break "><figure class="">
<img class="img--fullpage" src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figure class="" index="0">
<img src="./components/transistor.webp" alt="‘note to self, not sure all of these are transistors’" />
<figcaption>‘note to self, not sure all of these are transistors’</figcaption> <figcaption>‘note to self, not sure all of these are transistors’</figcaption>
</figure> </figure><section class="meta">
</header>
<article class="fix-break ">
<section class="meta">
@ -2013,9 +1961,7 @@ href="#fnref7" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2170,9 +2116,7 @@ href="#fnref5" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">
@ -2422,9 +2366,7 @@ role="doc-backlink">↩︎</a></p></li>
<article class="fix-break-left "> <article class="fix-break-left "><section class="meta">
<section class="meta">

4
publication/repair-logs/20241031.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

4
publication/repair-logs/28112024.html
View File

@ -134,9 +134,7 @@
<article class="fix-break "> <article class="fix-break "><section class="meta">
<section class="meta">
<span data-chapter-title></span> <span data-chapter-title></span>

10
src/templates/snippets/page-detail.jinja
View File

@ -3,7 +3,7 @@
{%- macro showDetail(content, parentChapter, isNested = false) -%} {%- macro showDetail(content, parentChapter, isNested = false) -%}
{% if content['folder'] == 'components' %} {% if content['folder'] == 'components' and content['images']|length > 1 %}
<header class="page--image" data-length="{{content['images']|length}}"> <header class="page--image" data-length="{{content['images']|length}}">
{% for image in content['images'] %} {% for image in content['images'] %}
@ -19,7 +19,15 @@
</header> </header>
{%endif%} {%endif%}
<article class="{% if content['shortDescription'] %}fix-break-left{% else %}fix-break{% endif %} "> <article class="{% if content['shortDescription'] %}fix-break-left{% else %}fix-break{% endif %} ">
{%- if content['folder'] == 'components' and content['images']|length == 1 -%}
<figure class="">
<img class="img--fullpage" src="{{ content['images'][0]['src'] }}" alt="{{content['images'][0]['alt']}}" />
{% if content['images'][0]['alt'] %}
<figcaption>{{content['images'][0]['alt']}}</figcaption>
{% endif %}
</figure>
{%- endif -%}
<section class="meta"> <section class="meta">
{% if isNested %} {% if isNested %}
{% else %} {% else %}