website/snippets/HTMLCodeDemoElement/docs/v3.1.4/JS/bindElements/example_bind/example.js.php
vlw 7a8fc36ec0 feat: new website design and update to Vegvisir 3.1 (#2)
Brand new design for the website following the new design language I used for [version 2.0 of my personal website](https://codeberg.org/vlw/vlw.se/releases/tag/2.0.0).

Reviewed-on: https://codeberg.org/vegvisir/website/pulls/2
Co-authored-by: vlw <victor@vlw.se>
Co-committed-by: vlw <victor@vlw.se>
2025-03-05 11:16:54 +00:00

1 line
No EOL
2 KiB
PHP

<div><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk6">const</span><span class="mtk1">&nbsp;</span><span class="mtk19">element</span><span class="mtk1">&nbsp;</span><span class="mtk3">=</span><span class="mtk1">&nbsp;</span><span class="mtk10">document</span><span class="mtk1">.</span><span class="mtk16">createElement</span><span class="mtk1">(</span><span class="mtk12">"a"</span><span class="mtk1">);</span></span></div><div style="top:19px;height:19px;" class="view-line"><span><span class="mtk19">element</span><span class="mtk1">.</span><span class="mtk10">href</span><span class="mtk1">&nbsp;</span><span class="mtk3">=</span><span class="mtk1">&nbsp;</span><span class="mtk12">"/example-page"</span><span class="mtk1">;</span></span></div><div style="top:38px;height:19px;" class="view-line"><span><span></span></span></div><div style="top:57px;height:19px;" class="view-line"><span><span class="mtk5">//&nbsp;Append&nbsp;a&nbsp;new&nbsp;anchor&nbsp;tag&nbsp;to&nbsp;the&nbsp;bottom&nbsp;of&nbsp;vv-she</span><span class="mtk5">ll</span></span></div><div style="top:76px;height:19px;" class="view-line"><span><span class="mtk10">vegvisir</span><span class="mtk1">.</span><span class="mtk10">Navigation</span><span class="mtk1">.</span><span class="mtk10">shellElement</span><span class="mtk1">.</span><span class="mtk16">appendChild</span><span class="mtk1">(</span><span class="mtk19">element</span><span class="mtk1">);</span></span></div><div style="top:95px;height:19px;" class="view-line"><span><span></span></span></div><div style="top:114px;height:19px;" class="view-line"><span><span class="mtk5">//&nbsp;Bind&nbsp;the&nbsp;new&nbsp;element&nbsp;so&nbsp;we're&nbsp;soft-navigating&nbsp;t</span><span class="mtk5">hat&nbsp;element</span></span></div><div style="top:133px;height:19px;" class="view-line"><span><span class="mtk10">vegvisir</span><span class="mtk1">.</span><span class="mtk10">Navigation</span><span class="mtk1">.</span><span class="mtk16">bindElements</span><span class="mtk1">();</span></span></div></div>