website/snippets/HTMLCodeDemoElement/features/vv-nav/shell.php.php
Victor Westerlund cc3803d414 content(fix): replace the word 'compile' with 'bundle' and add new examples to features page (#11)
The word "compile" is not really what this thing is doing, so I replaced every "compile" reference to "bundle" instead.

I also added an anchor tag example to the "navigate any element" snippet on the /features page. And I also copied the asset injection example from the /index page into the /features page.

Reviewed-on: https://codeberg.org/vegvisir/website/pulls/11
2025-06-06 09:26:51 +02:00

1 line
No EOL
4.2 KiB
PHP

<div><div style="top:0px;height:19px;" class="view-line"><span><span class="mtk14">&lt;</span><span class="mtk6">vv-shell</span><span class="mtk14">&gt;</span></span></div><div style="top:19px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">main</span><span class="mtk14">&gt;</span><span class="mtk5">&lt;!--&nbsp;This&nbsp;comment&nbsp;will&nbsp;be&nbsp;replaced&nbsp;with&nbsp;the&nbsp;conten</span><span class="mtk5">ts&nbsp;of&nbsp;/some-page&nbsp;--&gt;</span><span class="mtk14">&lt;/</span><span class="mtk6">main</span><span class="mtk14">&gt;</span></span></div><div style="top:38px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk5">&lt;!--&nbsp;</span></span></div><div style="top:57px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The&nbsp;'vv'&nbsp;attibute&nbsp;specifies&nbsp;a&nbsp;page&nbsp;and&nbsp;'vv</span><span class="mtk5">-target'&nbsp;a&nbsp;CSS&nbsp;selector.</span></span></div><div style="top:76px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If&nbsp;'vv-target'&nbsp;is&nbsp;omitted,&nbsp;the&nbsp;innerHTML&nbsp;o</span><span class="mtk5">f&nbsp;the&nbsp;element&nbsp;with&nbsp;'vv'&nbsp;will&nbsp;be&nbsp;navigated.&nbsp;(the&nbsp;bu</span><span class="mtk5">tton&nbsp;itself)</span></span></div><div style="top:95px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;--&gt;</span></span></div><div style="top:114px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">button</span><span class="mtk1">&nbsp;</span><span class="mtk10">vv</span><span class="mtk1">=</span><span class="mtk12">"/some-page"</span><span class="mtk1">&nbsp;</span><span class="mtk10">vv-target</span><span class="mtk1">=</span><span class="mtk12">"main"</span><span class="mtk14">&gt;</span><span class="mtk1">Load&nbsp;the&nbsp;contents&nbsp;of&nbsp;/some-page&nbsp;into&nbsp;the&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">main</span><span class="mtk14">&gt;</span><span class="mtk1">&nbsp;tag</span><span class="mtk14">&lt;/</span><span class="mtk6">button</span><span class="mtk14">&gt;</span></span></div><div style="top:133px;height:19px;" class="view-line"><span><span></span></span></div><div style="top:152px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk5">&lt;!--&nbsp;</span></span></div><div style="top:171px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The&nbsp;target&nbsp;attribute&nbsp;of&nbsp;an&nbsp;anchor&nbsp;tag&nbsp;will</span><span class="mtk5">&nbsp;match&nbsp;a&nbsp;CSS&nbsp;selector&nbsp;</span></span></div><div style="top:190px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;it&nbsp;doesn't&nbsp;match&nbsp;an&nbsp;iframe&nbsp;or&nbsp;a&nbsp;browsin</span><span class="mtk5">g&nbsp;context&nbsp;keyword.</span></span></div><div style="top:209px;height:19px;" class="view-line"><span><span class="mtk5">&nbsp;&nbsp;&nbsp;&nbsp;--&gt;</span></span></div><div style="top:228px;height:19px;" class="view-line"><span><span class="mtk1">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">a</span><span class="mtk1">&nbsp;</span><span class="mtk10">href</span><span class="mtk1">=</span><span class="mtk12">"/some-page"</span><span class="mtk1">&nbsp;</span><span class="mtk10">target</span><span class="mtk1">=</span><span class="mtk12">"main"</span><span class="mtk14">&gt;</span><span class="mtk1">Load&nbsp;the&nbsp;contents&nbsp;of&nbsp;/some-page&nbsp;into&nbsp;the&nbsp;</span><span class="mtk14">&lt;</span><span class="mtk6">main</span><span class="mtk14">&gt;</span><span class="mtk1">&nbsp;tag</span><span class="mtk14">&lt;/</span><span class="mtk6">a</span><span class="mtk14">&gt;</span></span></div><div style="top:247px;height:19px;" class="view-line"><span><span class="mtk14">&lt;/</span><span class="mtk6">vv-shell</span><span class="mtk14">&gt;</span></span></div></div>