marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: add starter mdx posts

Browse Source
This commit is contained in:
OpenCode Worker
2026-06-03 10:52:55 -05:00
parent de13ba43b0
commit 381e6225e1
5 changed files with 182 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/starter-diagram.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 540" role="img" aria-labelledby="title desc">
<title id="title">Starter design diagram</title>
<desc id="desc">Three connected nodes labeled design, content, and build.</desc>
<rect width="900" height="540" rx="36" fill="#f8fafc"/>
<path d="M250 270h400" stroke="#94a3b8" stroke-width="12" stroke-linecap="round"/>
<path d="M450 185v170" stroke="#94a3b8" stroke-width="12" stroke-linecap="round"/>
<g font-family="ui-sans-serif, system-ui, sans-serif" font-weight="700" text-anchor="middle">
<circle cx="250" cy="270" r="98" fill="#dbeafe" stroke="#2563eb" stroke-width="8"/>
<text x="250" y="282" fill="#1e3a8a" font-size="34">Design</text>
<circle cx="650" cy="270" r="98" fill="#dcfce7" stroke="#16a34a" stroke-width="8"/>
<text x="650" y="282" fill="#14532d" font-size="34">Content</text>
<circle cx="450" cy="150" r="88" fill="#fef3c7" stroke="#d97706" stroke-width="8"/>
<text x="450" y="162" fill="#78350f" font-size="32">Build</text>
<circle cx="450" cy="390" r="88" fill="#fce7f3" stroke="#db2777" stroke-width="8"/>
<text x="450" y="402" fill="#831843" font-size="32">Ship</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

26
public/starter-showcase.svg Normal file
View File

@@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" role="img" aria-labelledby="title desc">
<title id="title">Starter MDX showcase cover</title>
<desc id="desc">A small abstract gradient cover with cards representing math, code, and design.</desc>
<defs>
<linearGradient id="bg" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#7c3aed"/>
<stop offset="0.55" stop-color="#2563eb"/>
<stop offset="1" stop-color="#14b8a6"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="18" stdDeviation="20" flood-color="#0f172a" flood-opacity="0.25"/>
</filter>
</defs>
<rect width="1200" height="630" rx="42" fill="url(#bg)"/>
<circle cx="1030" cy="120" r="150" fill="#ffffff" opacity="0.16"/>
<circle cx="130" cy="560" r="210" fill="#ffffff" opacity="0.12"/>
<g filter="url(#shadow)">
<rect x="155" y="145" width="890" height="340" rx="32" fill="#ffffff" opacity="0.92"/>
<rect x="210" y="205" width="260" height="42" rx="12" fill="#111827" opacity="0.9"/>
<rect x="210" y="275" width="330" height="28" rx="10" fill="#6366f1" opacity="0.85"/>
<rect x="210" y="330" width="260" height="28" rx="10" fill="#0f766e" opacity="0.75"/>
<text x="615" y="255" fill="#111827" font-family="ui-monospace, SFMono-Regular, Menlo, monospace" font-size="46" font-weight="700">MDX</text>
<text x="615" y="325" fill="#334155" font-family="ui-monospace, SFMono-Regular, Menlo, monospace" font-size="34">$E=mc²</text>
<text x="615" y="390" fill="#334155" font-family="ui-monospace, SFMono-Regular, Menlo, monospace" font-size="30">code · links · tables</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB