jeffemmett
/
orionreed.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added "things I made recently" section

This commit is contained in:
Orion Reed 2024-03-27 04:08:02 -07:00
parent e9da68970c
commit a5099f088b
3 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Default.tsx
View File

@ -37,20 +37,35 @@ export function Default() {
<span className="dinkus">***</span> <span className="dinkus">***</span>
<h1>Talks</h1> <h1>Talks</h1>
<ul> <ol reversed>
<li><a <li><a
href="artifact/causal-islands-integration-domain.pdf">Spatial href="artifact/causal-islands-integration-domain.pdf">Spatial
Canvases: Towards an Integration Domain for HCI @ Causal Islands LA</a></li> Canvases: Towards an Integration Domain for HCI @ Causal Islands LA</a></li>
<li><a <li><a
href="https://www.youtube.com/watch?v=-q-kk-NMFbA">Knowledge Organisation Infrastructure Demo @ NPC href="https://www.youtube.com/watch?v=-q-kk-NMFbA">Knowledge Organisation Infrastructure Demo @ NPC
Denver</a></li> Denver</a></li>
</ul> </ol>
<h1>Writing</h1> <h1>Writing</h1>
<ul> <ol reversed>
<li><a <li><a
href="https://blog.block.science/objects-as-reference-toward-robust-first-principles-of-digital-organization/">Objects href="https://blog.block.science/objects-as-reference-toward-robust-first-principles-of-digital-organization/">Objects
as Reference: Toward Robust First Principles of Digital Organization</a></li> as Reference: Toward Robust First Principles of Digital Organization</a></li>
</ul> </ol>
<h1>Things I made recently</h1>
<ol reversed>
<li><a
href="https://twitter.com/OrionReedOne/status/1772934478421188620">Tiny 3D HTML/DOM viewer (you can paste it into your console)</a>
</li>
<li><a
href="https://twitter.com/OrionReedOne/status/1772271156373905465">DOM to canvas translation (it's that button in the top right of this page)</a>
</li>
<li><a
href="https://github.com/OrionReed/tldraw-graph-layout">Constraint-based graph layout in tldraw</a>
</li>
<li><a
href="https://github.com/OrionReed/tldraw-physics">Physics in tldraw</a>
</li>
</ol>
</main> </main>
); );
} }

9
src/css/style.css
View File

@ -84,10 +84,9 @@ p a {
margin-bottom: 0em; margin-bottom: 0em;
} }
ul { ol {
padding-left: 0; padding-left: 0;
font-size: 1rem; font-size: 1rem;
list-style: decimal-leading-zero;
& li::marker { & li::marker {
color: rgba(0, 0, 0, 0.322); color: rgba(0, 0, 0, 0.322);
} }
@ -134,7 +133,7 @@ ul {
header { header {
margin-bottom: 1em; margin-bottom: 1em;
} }
ul { ol {
list-style-position: inside; list-style-position: inside;
} }
} }
@ -147,9 +146,11 @@ ul {
p, p,
span, span,
header, header,
ul { ul,
ol {
margin: 0; margin: 0;
} }
& header { & header {
font-size: 1.5rem; font-size: 1.5rem;
} }

2
src/hooks/useCanvas.ts
View File

@ -52,7 +52,7 @@ async function gatherElementsInfo() {
if (['BUTTON'].includes(child.tagName)) continue; if (['BUTTON'].includes(child.tagName)) continue;
const rect = child.getBoundingClientRect(); const rect = child.getBoundingClientRect();
let w = rect.width; let w = rect.width;
if (!['P', 'UL'].includes(child.tagName)) { if (!['P', 'UL', 'OL'].includes(child.tagName)) {
w = measureElementTextWidth(child as HTMLElement); w = measureElementTextWidth(child as HTMLElement);
} }
// Check if the element is centered // Check if the element is centered