aaron.axvig/a-plot-of-plants
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/main'

Browse Source 
# Conflicts:
#	AGENTS.md
#	README.md
#	index.html
#	package.json
#	src/data/buildings.js
#	src/data/grid.js
#	src/data/pavement.js
#	src/data/plants.js
#	src/data/yard.js
#	src/lib/feature-types.js
#	src/lib/yard-features.js
#	src/main.js
#	styles.css
This commit is contained in:
aaron.axvig
2026-07-25 21:59:24 -05:00
parent 4532a5c5dd d74b38311e
commit c833f5ee84
20 changed files with 2031 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -17
View File
@@ -3,31 +3,24 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Yard Map</title>
<title>A Plot of Plants</title>
<link rel="stylesheet" href="./vendor/maplibre/maplibre-gl.css" />
<link rel="stylesheet" href="./vendor/checkbox-tree/checkbox-tree.css" />
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<div class="app-shell">
<aside class="panel">
<p class="eyebrow">Static map</p>
<h1>Yard Atlas</h1>
<p class="eyebrow">A Plot of Plants</p>
<h1>204 6th Avenue NW</h1>
<p class="intro">
MapLibre renders a local PMTiles vector map underneath a client-side
geometry pipeline. Source files stay as JavaScript so you can author
points and shapes with absolute coordinates or offset math.
A medium sized city lot in Mandan, ND. A white picket fence surrounds
a variety of trees, shrubs, and flowers. There are many varieties of
daylilies.
</p>
<div class="legend" id="legend"></div>
<section class="notes">
<h2>Authoring style</h2>
<pre><code>new House()
.trace([
[-100.8988347540, 46.8268080234],
[-100.8986668041, 46.8268307100],
])
new Sprinkler("Front bed sprinkler")
.add(offset(lotCorner), south(ft(15)), east(ft(10)))</code></pre>
<section class="visibility-panel" aria-labelledby="visibility-title">
<h2 id="visibility-title">Map features</h2>
<div id="visibility-tree"></div>
</section>
</aside>
<main>