inherentlee/leecat.art-site
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

drone build Sun Sep 20 15:08:31 PDT 2026

Browse Source
This commit is contained in:
inherentlee
2026-09-20 22:08:31 +00:00
parent 1d51eaebec
commit 207d8c1cd5
731 changed files with 8308 additions and 5281 deletions
Download Patch File Download Diff File Expand all files Collapse all files
leatherworking-favorites/index.html
+142 -18
View File
@@ -40,7 +40,80 @@
<style>.post-metadata {
<style>#toc {
float: right;
margin: 1rem 0 1.5rem 1.5rem;
width: min(calc(100% - 1.5rem), 23rem);
/* 23rem is the width of the words 'table of contents' in my header font */
/* yes, it's a bit hacky */
}
@media (max-width: 850px) {
#toc {
float: unset;
margin-top: 2rem;
margin-left: .5rem;
width: calc(100% - .5rem);
}
}
#toc details {
border: thick solid var(--color-pink);
border-radius: 1rem;
margin-top: 1rem;
}
#toc summary {
position: relative;
top: -1.5rem;
left: -.75rem;
width: fit-content;
background: var(--color-bg);
border-radius: .5rem;
}
#toc summary:focus-visible {
outline: .15rem solid var(--color-teal);
}
#toc summary::marker {
font-size: 2.35rem;
}
#toc h2 {
margin-top: 0;
display: inline;
line-height: normal;
}
#toc nav {
position: relative;
top: -1.25rem;
}
#toc li {
margin-block: .45rem 0;
}
@media (max-width: 650px) {
#toc nav > ol {
margin-left: .5rem;
}
}
/* basically we want to style this `ol` as a `ul` */
#toc ol > li {
list-style: disc;
}
#toc ol > li > ol > li {
list-style: circle;
}
#toc ol > li > ol > li > ol > li {
list-style: square;
}
.post-metadata {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
@@ -438,6 +511,8 @@ body:has(dialog[open]) {
color-scheme: light dark;
--font-family: 'Atkinson Hyperlegible Next', sans-serif;
/* if you change the header font, go to post-toc.css and fuck about with the width
of the table of contents */
--font-family-headers: 'Peritel', 'Atkinson Hyperlegible Next', sans-serif;
--font-family-code: 'Atkinson Hyperlegible Mono', monospace;
@@ -496,7 +571,6 @@ body:has(dialog[open]) {
}
/* Base */
* {
box-sizing: border-box;
margin: 0;
@@ -1814,7 +1888,7 @@ switch (currentThemeValue) {
<heading-anchors content="<i class='fa-solid fa-anchor'></i>">
<article data-pagefind-body="">
<h1 id="leatherworking-favorites">leatherworking favorites</h1>
<h1>leatherworking favorites</h1>
<div class="post-metadata">
<p>
@@ -1843,7 +1917,58 @@ switch (currentThemeValue) {
<img class="hero" src="/img/leather-harness-wip.jpg" alt="two pieces of a chest harness sitting on a messy workbench. both pieces are about 8 inches long total and consist of two large o-rings joined by a dark teal leather strap. the o rings and rivets are matte black." loading="lazy" decoding="async" width="1000" height="750">
<h2 id="practices">practices</h2>
<aside id="toc">
<details>
<summary><h2>table of contents</h2></summary>
<nav class="toc">
<ol>
<li><a href="#practices">practices</a>
</li>
<li><a href="#tools">tools</a>
<ol>
<li><a href="#cutting">cutting</a>
</li>
<li><a href="#edging-and-burnishing">edging and burnishing</a>
</li>
<li><a href="#punching">punching</a>
</li>
<li><a href="#riveting%2C-snapping%2C-etc">riveting, snapping, etc</a>
</li>
<li><a href="#stitching">stitching</a>
</li>
<li><a href="#tool-care">tool care</a>
</li>
<li><a href="#tooling">tooling</a>
</li>
<li><a href="#zippers">zippers</a>
</li>
</ol>
</li>
<li><a href="#resources">resources</a>
</li>
<li><a href="#retailers">retailers</a>
</li>
</ol>
</nav>
</details>
</aside>
<h2 id="practices">practices</h2>
<ul>
<li>cardboard templates have been really handy for the spacing of rivets and such. I use cereal boxes since they are not corrugated.</li>
</ul>
@@ -1909,7 +2034,7 @@ switch (currentThemeValue) {
</ul>
</li>
</ul>
<h3 id="riveting-snapping-etc">riveting, snapping, etc</h3>
<h3 id="riveting%2C-snapping%2C-etc">riveting, snapping, etc</h3>
<ul>
<li>for any given size/brand of rivets, you can usually buy a <a href="https://www.buckleguy.com/bg-rivet-setter-9-2mm-concave-end/" target="_blank" rel="external">setter</a> and <a href="https://www.buckleguy.com/bg-rivet-setter-base-for-9-2-11-13mm-cap-rivets/" target="_blank" rel="external">anvil</a> for maybe $25 together
<ul>
@@ -1973,6 +2098,7 @@ switch (currentThemeValue) {
<li><a href="https://www.longviewleather.com/" target="_blank" rel="external">longview leather (canada)</a></li>
</ul>
</article>
@@ -2010,49 +2136,47 @@ switch (currentThemeValue) {
<section class="related-posts">
<h2 data-ha-exclude="" id="related-posts">related posts</h2>
<h2 data-ha-exclude="">related posts</h2>
<ol id="postlist">
<li class="post">
<a class="postlink" href="/patchwork-wallet/">
<h2 data-ha-exclude="" id="patchwork-wallet">patchwork wallet </h2>
<a class="postlink" href="/long-zipper-bifold/">
<h2 data-ha-exclude="">long zipper bifold </h2>
<ul class="postlist-tags">
<li>leather</li>
<li>highlight</li>
</ul>
<img src="/img/patchwork-wallet.jpg" alt="A collage showing a wallet in a patchwork style, with different colors of leather all stitched together to make up the exterior and the top interior pockets. Other pockets inside are dyed various colors." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/long-zipper-bifold.jpg" alt="A collage showing an orange leather wallet with a long zipper running the length of the outside." loading="lazy" decoding="async" width="1000" height="1000">
</a>
</li>
<li class="post">
<a class="postlink" href="/mouse-coin-purse/">
<h2 data-ha-exclude="" id="mouse-coin-purse">mouse coin purse </h2>
<a class="postlink" href="/leather-lighter-case/">
<h2 data-ha-exclude="">leather lighter case </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/mouse-purse.jpg" alt="2 image collage. Both images show different sides of a small black leather mouse-shaped coin purse. There is a rainbow zipper that travels along the &#39;spine&#39; of the mouse, and the zipper pull becomes the tail." loading="lazy" decoding="async" width="1000" height="1777">
<img src="/img/leather-lighter-case.jpg" alt="A bic lighter wrapped in leather and hand-stitched up one side." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
<li class="post">
<a class="postlink" href="/vertical-zipper-card-wallet/">
<h2 data-ha-exclude="" id="vertical-zipper-card-wallet">vertical zipper card wallet </h2>
<a class="postlink" href="/brookes-collar/">
<h2 data-ha-exclude="">brooke&#39;s collar </h2>
<ul class="postlist-tags">
<li>leather</li>
</ul>
<img src="/img/vertical-zipper-card-wallet.jpg" alt="A collage showing a hand-stitched leather card wallet with 3 card pockets, a hidden pocket, and a zippered coin pouch." loading="lazy" decoding="async" width="1000" height="1000">
<img src="/img/lined-shearling-collar.jpg" alt="A green leather collar lined with brown/grey shearling and fitted with two sizes of silver-toned spikes." loading="lazy" decoding="async" width="1000" height="750">
</a>
</li>
@@ -2109,6 +2233,6 @@ switch (currentThemeValue) {
</footer>
<!-- This page `/leatherworking-favorites/` was built on 2026-09-20T00:40:39.724Z -->
<!-- This page `/leatherworking-favorites/` was built on 2026-09-20T22:08:14.587Z -->
</body>
</html>