ugh. i forgot about the preview thing.

index.html

···
 		<input type="text" id="id" placeholder="example.com // did:plc:example // did:web:example.com" />
 		<input type="submit" id="go" value="Go!" />
 	</form>
-	<div id="result" >
+	<div id="result" hidden>
 		All set, just copy the code below into your own page!
 		<br />
 		<details>
···
 		</details>
 		<hr />
 		<span class="sc">preview</span>
-		<div id="preview"><div class="badger-outer"><a href="https://bsky.app/profile/did:plc:vuhoxgkyhgwi5bwuw7ojzm5q"><button ><svg fill="none" viewBox="0 0 64 57" width="30" height="30"><path d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z" fill="#0F73FF"></path></svg><br /><span class="badger-label">Bluesky</span></button></a><a href="https://tangled.org/did:plc:vuhoxgkyhgwi5bwuw7ojzm5q"><button ><svg width="30" height="30" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <g id="path4" transform="matrix(1.242392,0,0,1.242392,-1.063186,-1.620438)"> <g id="Image"> <path id="path41" serif:id="path4" d="M16.775,24.987C15.99,24.981 15.391,24.752 14.741,24.356C13.81,23.866 13.098,23.042 12.589,22.134C11.781,23.137 10.701,23.745 9.492,24.089C8.977,24.238 8.076,24.39 6.581,23.848C4.427,23.125 2.858,20.883 3.036,18.6C3.004,17.653 3.349,16.724 3.838,15.925C2.533,15.225 1.469,14.049 1.061,12.606C0.813,11.817 0.824,10.966 0.915,10.155C1.242,8.239 2.68,6.573 4.53,5.973C5.269,4.29 6.88,3.035 8.706,2.779C9.919,2.611 11.174,2.864 12.234,3.481C13.78,1.767 16.472,1.26 18.528,2.313C20.096,3.062 21.218,4.624 21.49,6.328C22.982,6.926 24.239,8.145 24.732,9.693C25.062,10.651 25.073,11.706 24.859,12.69C24.478,14.225 23.394,15.532 21.991,16.247C21.995,16.52 22.893,18.49 22.742,19.976C22.71,21.835 21.531,23.596 19.896,24.452C18.942,25.008 17.812,24.998 16.775,24.987L16.775,24.987ZM12.305,19.637C13.628,19.49 14.494,18.337 15.168,17.299C15.486,16.826 15.729,16.297 15.971,15.793C16.284,16.08 16.549,16.621 17.045,16.75C17.567,16.912 18.179,16.78 18.498,16.306C19.11,15.166 18.808,13.79 18.452,12.608C18.233,11.929 17.945,11.233 17.398,10.752C17.515,9.928 17.027,9.092 16.333,8.661C15.742,9.132 14.842,9.129 14.272,8.625C13.179,9.74 12.177,9.703 11.21,8.82C10.992,8.621 10.577,10.031 9.121,9.232C8.285,9.933 7.636,10.608 7.061,11.579C6.503,12.625 5.918,13.555 5.867,14.691C5.843,15.356 6.362,16.052 7.066,15.998C7.769,16.061 8.247,15.369 8.779,15.081C8.859,16.008 8.948,17.004 9.262,17.91C9.621,19.081 10.888,19.825 12.087,19.655C12.172,19.648 12.305,19.637 12.305,19.637L12.305,19.637ZM12.992,16.14C12.349,15.746 12.658,14.89 12.632,14.269C12.696,13.519 12.748,12.731 13.085,12.048C13.441,11.561 14.311,11.749 14.35,12.373C14.324,13.002 14.036,13.628 14.07,14.279C13.995,14.823 14.124,15.434 13.884,15.931C13.686,16.207 13.284,16.287 12.992,16.14ZM10.183,15.782C9.577,15.453 9.77,14.626 9.675,14.051C9.753,13.385 9.688,12.541 10.245,12.074C10.79,11.694 11.532,12.345 11.274,12.942C10.999,13.698 11.18,14.523 11.185,15.289C11.081,15.74 10.598,15.98 10.183,15.782L10.183,15.782Z" style="fill-rule:nonzero;"/> </g> </g> </svg><br /><span class="badger-label">Tangled</span></button></a></div></div>
+		<div id="preview"></div>
 	</div>
 	<p>
 		<a class="baby" href="https://tangled.org/colddark.world/badger/tree/trunk">Source Code @ Tangled</a>