mirror of
https://github.com/harttle/liquidjs.git
synced 2026-09-15 04:10:40 -07:00
Yang JunandCursor
8b617a5ecf
Inline README Used by grid on the docs homepage, refine playground layout and live output behavior, and drop the unused build-used-by script from package scripts. Co-authored-by: Cursor <[email protected]>
44 lines
1.6 KiB
Plaintext
44 lines
1.6 KiB
Plaintext
<div id="playground" role="main">
|
|
<div class="wrapper">
|
|
<header class="playground-hero inner">
|
|
<div class="playground-hero-text">
|
|
<h1>{{__('playground.title')}}</h1>
|
|
<p class="playground-lead">{{__('playground.lead')}}</p>
|
|
</div>
|
|
<p class="playground-version version"></p>
|
|
</header>
|
|
<div class="loader" role=status aria-busy=true></div>
|
|
<div id="editors" class="inner hide" aria-hide=true>
|
|
<div class="playground-workspace">
|
|
<div class="playground-pane area-tpl">
|
|
<div class="pane-head">
|
|
<span class="pane-indicator" data-state="idle" aria-hidden="true"></span>
|
|
<h2>Template</h2>
|
|
</div>
|
|
<div class="pane-body">
|
|
<div class="editor" id="editorEl">{{ raw('partial/demo.liquid') }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="playground-pane area-data">
|
|
<div class="pane-head">
|
|
<span class="pane-indicator" data-state="idle" aria-hidden="true"></span>
|
|
<h2>Context</h2>
|
|
</div>
|
|
<div class="pane-body">
|
|
<div class="editor" id="dataEl">{{ raw('partial/demo.json') }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="playground-pane area-output">
|
|
<div class="pane-head">
|
|
<span class="pane-indicator" data-state="idle" aria-hidden="true"></span>
|
|
<h2>Output</h2>
|
|
</div>
|
|
<div class="pane-body">
|
|
<div class="editor output-editor" id="previewEl"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|